ts 시작하기

프로그램이 위치할 프로젝트 디렉토리를 새로 만든다
mac 이여서 iterm에서 react폴더로 이동해서 ts_test만듬
그러면 ts_test로 드가서

npm init -y

tsc --init --rootDir ./src --outDir ./dist --esModuleInterop --module commonjs --strict true --allowJS true --checkJS true

터미널에서 실행.

• --rootDir ./src
  • 프로그램의 소스 파일이 들어가는 경로는 src 디렉토리입니다.
• --outDir ./dist
  • 컴파일이 된 파일들이 들어가는 디렉토리는 dist 디렉토리입니다.
• --esModuleInterop
  • CommonJS 방식의 모듈을 ES모듈 방식의 import 구문으로 가져올 수 있습니다!

vs코드로 이동해서 package.json의 'scripts' 항목을 변경한다.

"scripts": {
    "start": "tsc && node ./dist/index.js",
    "build": "tsc --build",
    "clean": "tsc --build --clean"
},

그리고 루트 디렉토리에 src 디렉토리도 생성해준다.

.d.ts파일 알아보기

.d.ts 파일은 JavaScript 라이브러리도 TypeScript 코드에서 사용할 수 있게 하는 보물!

타입스크립트 타입 정의 파일이다.

이미 작성된 다양한 js라이브러리와의 호환성을 유지하기 위한 것
js라이브러리에 대한 타입 정보를 제공한다. 외부 라이브러리의 타입 추론을 하여 타입스크립트처럼 사용할 수 있게 해주는 것!!
타입스크립트 프로젝트에서도 js라이브러리를 한 줄도 수정하지 않고 그대로 쓸 수 있음 .d.ts파일만 제공되면 댐