00.1 - TS 공부법
TS공식문서를 읽자
JavaScript With Syntax For Types.
강의만 듣는게 아닌 공식문서를 같이 읽어야 시너지가 난다.
읽어야 할 파트
- 핸드북(한국어) 필독
- What’s New에서 TS의 변천사 훑기
00.2 - TS를 할 때 알아야 할 단 한가지
TS는 최종적으로 JS로 변환된다.
TS는 언어이자 컴파일러(TSC)(트렌스파일러에 가까움)이다 따라서 TS를 JS로 바꿔서 노드나 브라우저에서 돌리는것이다.
tsconfig.json에 넣어준 옵션값에 따라서 결과물이 달라진다
TSC의 역할은 TS를 JS로 바꿔주고 타입을 검사하는 것이다. 따라서 타입이 틀려서 JS로 바꿔주긴 한다 (타입검사만 하고싶으면 tsc —noEmit을 하면 됨)
00.3 - TS 실행환경 setting
TS는 에디더가 필수다! VSCode, WebStorm이 필요함 (Playground역할: 타입검사를 해줌)
tsc —noEmit하는 방법
npm init -y으로 package.json을 만들어준다 (package.json이 있다는 것은 node프로젝트가 되었따는 뜻이다. )npm i typescript로 node 프로젝트안에 TS를 설치해준다.- 그러면 TSC를 사용할 수 있다.
npx tsc npx tsc —init을 해서 tsconfig.json 파일을 만들 수 있다.npx tsc —noEmit을 사용해서 타입검사를 할 수 있다.
TS에서 가장 중요한 파일 두가지는 package.json과 tsconfig.json이다 이 두개는 만들고 시작해야한다.
00.4 - tsconfig.json 기본 setup
JS와 TS를 혼용해서 사용하고 싶으면 `"allowJs": true,` 를 옵션값으로 넣어주면된다
`"target": "es2016",` 는 TS가 JS를 어떤 ECMA버전으로 바꿀지 정하는 것이다.
`"module": "commonjs"`, 는 모듈 시스템방식을 어떻게 할지 정해주는 것이다 (import+export , require+module.export, … ) 최신 모듈시스템을 원할 때는 ES2015, node 모듈 시스템을 쓰고싶으면 commonjs사용하면 됨
`"forceConsistentCasingInFileNames": true,` 는 import export 할 때 대소문자를 꼭 지키게끔 설정하는 옵션값이다.
`"skipLibCheck": true,` 은 라이브러리의 타입 (확장자 .d.ts 파일들 ) checking을 건너 뛰어라 라는 뜻이다.
TS를 JS로 변환하기
npx tsc명령어로 ts파일을 js파일로 변환해줄 수 도 있다. (타입 체킹과는 별개로 작동)
