개발일기

CH1 타입스크립트 소개 2009년 브라우저에서 가장 안정적으로 동작하는 표준인 ES5가 나옴 이러한 ES5 표준을 기반으로 한 Node.js플랫폼 등장 이를 통해 자바스크립트가 단지 브라우저만을 위한 언어가 아닌 서버 프로그래밍이 가능한 언어로서 영역을 확장 ES6(ES2015)가 나오면서 Node.js가 채택해 사용하는 CommonJS 방식과 AMD(Asynchronous Module Definition) 방식의 근간이 되는 모듈 시스템이 추가되었다. AMD 방식처럼 모듈 로더에 의해 런타임 시에 모듈을 비동기로 호출할 수도 있게 되었다. 이 외에도 화살표 함수, 클래스, 개선된 객체 리터럴, 템플릿 문자열, 심볼(symbol), 프로미스(promise), 제너레이터, for of, 디스트럭처링, 프..

5.1.1. 산술 연산자 지수 연산자(exponentiation operator) ES7에서 제공하는 기능으로 ** 라는 연산자로 사용된다. Math.pow를 대체해 사용할 수 있다 10 ** 2 ⇒ 100 / 10 ** 3 ⇒ 1000 5.1.2. 비교, 논리, 조건 연산자 == 와 != 연산자 대신 ===과 !== 사용하기를 권장 위 연산자를 사용해야 자바스크립트로 컴파일하고 나서도 타입 안전성을 보장할 수 있기 때문 5.2.1. 객체 디스트럭처링 객체 리터럴에서 변수명에 대응하는 속성값을 추출해 변수로 할당하는 데 유용 let { id, country = 88 } = { id: "happy" }; console.log(id, country); // happy, 88 디스트럭처링 할당 시 할당할 객체..

4.1.1. if문 사용 시 타입 제약 참과 거짓을 판단할 수 있는 불리언(boolean) 타입 truthy: 아래 falsy한 상황 이외의 모든 상황 falsy: undefined null 0 “”(null string) NaN 조건 연산자 || && ?? let x; x ??= 5; console.log(x); // 5 x ??= 10; console.log(x); // 5 (이미 x에 값이 할당되어 있으므로, 10이 할당되지 않습니다.) 4.1.2. switch 문과 폴스루 switch default 절 없이 case 절로 커버하면 되지 않나? default 절이 없을 경우, 예상 치 못한 case에 마주할 때, 오류가 발생할 수 있다. fall-through(폴스루) break 문을 생략하여, 다..

아래의 내용은 "타입스크립트 퀵스타트"의 CH14(프로젝트 구성과 번들링)를 요약 및 관련 설명을 추가한 내용입니다. 번들링 여러 리소스(파일)를 합치는 과정 타입스크립트 파일을 tsc와 —out 옵션을 통해 타입스크립트 파일을 하나의 파일로 번들링 할 수 있다. 그러나 위 방법으로는 타입스크립트 파일에 대해서만 번들링을 할 수 있다. 이러한 한계를 극복하기 위해 웹팩(webpack)과 같은 번들러를 이용 개별 파일에서 호출한 모듈을 적절한 순서로 배치 흩어져 있는 라이브러리와 사용자 코드를 합쳐 최적화된 배포 파일을 생성해 낸다. 번들러를 이용하여 이미지, css, js와 같은 파일을 모아서 배포 가능한 단위로 합친다. 번들러는 트랜스 파일처럼 `ES6->ES5` 로 변환해주지는 않는다. 여러 군데 흩..