🔒 typescript 세팅

📏  typescript 설치

global보다는 local에 설치를 선호하기 때문에 local에 아래 명령어를 통해 등록한다.

npm install typescript --save-dev

 

📍 tsconfig.json 생성

tsconfig을 통해 ts=>js이 가능하며, tsconfig.json을 생성하여야 한다

package.json을 통해 명령어를 등록하고, 명령어를 실행한다

tsconfig

npm run tsc-init

 

 

🖍 tsconfig.json 설정

//tsconfig.json
{
  "compilerOptions": {
    "target": "es6", //타겟 문법 es6는 대부분의 브라우저에서 제공
    "module": "commonjs",    // 모듈 시스템이며 require으로 불러오고, module.exports으로 추출한다
    "esModuleInterop": true, // ES6 모듈 사양을 준수하여 CommonJS 모듈을 가져올 수 있게
    "forceConsistentCasingInFileNames": true,  // 파일명에 대소문자 구분하지 않아도 되는 기능 사용 여부
    "strict": true,             // 타입 엄격 감시
    "skipLibCheck": true,       // 모든 선언파일(*.d.ts)의 유형검사를 건너뛸지 여부
  }
}

 

🔖 tsc명령어를 통해 ts=>js으로 변경

tsc명령어로 ts=>js으로 변경이 가능하다.

package.json에 tsc 명령어를 등록한다.

 

 

아래 명령어를 입력한다.

 npm run tsc

 

그리고 ts => js으로 변경되는 것을 확인한다.

Country.ts => Country.js