제로초 강의_타입스크립트0

nevermind·2023년 12월 2일
0

typescript

목록 보기
10/12
post-custom-banner

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(라이브러리 체크 패스)
    - 나머지 옵션은 일단 넘어가
profile
winwin
post-custom-banner

0개의 댓글