항해99 - 8주차 WIL

Dzeko·2022년 3월 6일
0

개발일지

목록 보기
51/112
post-thumbnail

타입스크립트

JavaScript와 TypeScript

TypeScript는 JavaScript 기반의 언어.
JavaScript는 클라이언트 측 스크립팅 언어 TypeScript는 객체 지향 컴파일 언어

  • 객체와 클래스라는 두 주요 개념을 기반으로 함

JavaScript

클라이언트 측 스크립팅 언어

  • 사용자가 웹 브라우저를 열고 웹 페이지를 요청하면 해당 요청이 웹 서버로 이동한다
    멀티 스레딩, 멀티 프로세싱 기능이 없다

TypeScript

JavaScript의 상위 집합으로 JavaScript의 모든 기능이 있다
TypeScript 컴파일러를 사용하여 ts(TypeScript)파일을 js(JavaScript) 파일로 변환, 쉽게 통합
정적 유형 검사 제공
클래스 기반 객체를 만들 수 있다
클래스 기반이므로 객체 지향 프로그래밍 언어로 상속, 캡슐화 및 생성자를 지원한다

코드 스플리팅

프로젝트의 규모가 커질수록 자바스크립트 파일 용량도 커진다. 용량이 크면 인터넷이 느린 환경에서는 페이지 로딩속도도 느려진다.
코드 스플리팅을 하게 되면, 지금 당장 필요한 코드가 아니라면 따로 분리시켜서, 나중에 필요할때 불러와서 사용 할 수 있다. 이를 통하여, 페이지의 로딩 속도를 개선 할 수 있다.

레이지 로딩

사용자가 웹 페이지를 열면 전체 페이지의 내용이 다운로드 되어 랜더링된다. 브라우저는 웹페이지를 캐시할 수 있지만 사용자가 다운로드한 모든 콘텐츠를 본다는 보장은 없다.
페이지에 액세스할 때 모든 콘텐츠를 대량으로 로드하는 대신 사용자가 필요한 페이지의 일부에 액세스할 때 콘텐츠를 로드할 수 있다.
lazy loading을 사용하면 페이지가 placeholder 콘텐츠로 작성되며, 사용자가 필요할 때만 실제 콘텐츠로 대체 된다.

Weekly Short Report

드디어 최종 프로젝트가 시작되었다.
기획에 너무 많은 시간을 쏟는것 같지만 성공적인 프로젝트를 위해 필요한 작업이다.
개발의 흥미를 다시 깨닫게 되었다.
profile
Hound on the Code

0개의 댓글