타입스크립트 Setting

dobyming·2022년 12월 21일
0

Typescript Study

목록 보기
3/17
post-custom-banner

🧩 Initial Setting of TS

Compile

TS는 웹 브라우저 상에서 바로 show 할 수 없습니다. (React가 Babel이 필요하듯이..)
그렇기때문에 TS를 JS로 변환해주는 Compile 과정이 필요합니다.

다음은 TS를 JS로 컴파일하는 방법입니다.

0. Node.js의 설치 및 Version 확인

Node.js는 구글에 Node.js 설치를 검색하면 바로 실행할 수 있습니다.

그리고 cmd 터미널 창에 node -v 명령어를 통해 노드의 버전을 확인합니다. 이때 버전이 잘 뜬다면 설치가 제대로 됐다는것을 의미합니다.

TS 컴파일을 위해선 Node의 version은 v.10 이상을 권장합니다.

1. TS ⇒ JS 컴파일

  • 변환하고자 하는 파일의 dir로 이동합니다

    cd (변환하려는 TS 파일 dir)

  • tsc (TypeScript compile) 를 npm package 설치

    npm i typescript -g
  • 변환하고자 하는 TS파일을 컴파일합니다.

    tsc (변환하려는 TS 파일) 

tsc 명령어를 실행 후,
다음과 같이 index.js 파일이 생성되어 컴파일이 성공적으로 됐음을 알 수 있습니다.


TypeScript compile detail settings

TS를 JS로 컴파일을 하면서 세부 설정을 세팅할 수 있습니다. 대표적인 compilerOption은 다음과 같이 설정 할 수 있습니다.

{
    "compilerOptions": {
        "allowJs": true,
        "checkJs": true,
        "noImplicitAny": true
    }
}
  • allowJs: JS 파일 사용 허용
  • checkJs: @ts-check 와 같이 JS에서 TS 문법을 적용하는 기능과 동일
  • noImplicitAny : TS 구현 시, type은 1개라도 반드시 선언해야 함. (Any라는 타입이라도 선언해라. 를 의미함)
post-custom-banner

0개의 댓글