ts
- 0강
- 브라우저(크롬, 엣지 등)은 ts를 모른다. 오직 js만 알고 실행할 수 있음
- ts는 최종적으로 js로 변환된다. → 노드나 브라우저가 변환해줌
- deno는 ts코드를 바로 돌릴 수 있지만 실무 사용안됨, 그렇기에 ts를 돌릴 수 있는 대중적인 런타임(노드+브라우저)은 존재하지 않음
- tsconfig.json에 필요한 세팅을 해줄 수 있음, tsc컴파일러가 옵션들을 보고 맞춰서 js로 변환해줌 ←이게 제일 중요한 파일임
- 두번째로 중요한 파일은 package.json
- tsc는 ts코드를 js코드로 변환해주는 것,변수에 타입을 적고 타입을 기억하고 추론하는 것, 타입과 어긋나면 검사하는 역할
- ts의 특징: vs code나 에디터가 필수임
- 단순 타입검사는 tsc —noEmit
- ctrl+백틱 은 터미널 열기
- 터미널에 tsc —noEmit할때 tsc를 모른다면, node를 tsc를 통해서 설치해야함 ←에디터를 사용하면 noEmit안써도 됨
- npm init -y(이 명령어는 내가 속한 프로젝트를 노드프로젝트가 되게함)을 하면 package.json(노드 프로젝트의 설정들을 모아둔 파일)을 설치
- 이제 npm을 쓸 수 있음
- npm i typescript ← ts설치함
- 요즘에는 npx tsc —init 하면 tsconfig.json이 생김
- tsconfig.json
- js→ts로 넘어가는 사람들은 allowJs:true
- esModuleInterop:true
- “strict”:true에서 항상 해야함
- “target”:”es2016”이면 내 코드를 es2016코드로 변환시켜줌
- “forceConsistenceCasingInFileNames”:true (import시에 맥,리눅스에서 대소문자 구별하기에, 대소문자 꼭 지켜서 할 수 있도록)
- “skipLibCheck”:true(라이브러리 체크 패스)
- 나머지 옵션은 일단 넘어가