타입스크립트 프로젝트 초기 설정 및 명령어

자바스크립트의 맨 윗 줄 주석에 // @ts-check 를 달면 자바스크립트 파일을 타입스크립트로 형식 검사 할 수 있다.

 

1. npm init -y 명령어 사용
   • 타입스크립트는 기본적으로 Node.js 를 주요 환경으로 실행한다.
   • 위 명령어를 사용하면 package.json 파일이 생성된다.
2. npm install -D typesript
   • 위 명령어는 전역이 아닌, 본 프로젝트에 타입스크립트를 설치하는 명령어이다.
3. npx tsc --init
   • npx는 프로젝트의 상대경로에 설치된 명령행 유틸리티를 실행하게 해주는 도구이다.
   • 위 명령어를 사용하면 tsconfig.json이 생성된다.
   • tsconfing.json은 타입스크립트 프로젝트의 핵심 설정파일이다.
4. tsconfig.json -> compilerOptions -> checkJs true
   • 편집기는 src 폴더의 모든 자바스크립트 파일을 읽어 실시간으로 형식 오류 피드백을 제공한다.
   • 명령어에서 npx tsc를 실행해 오류를 확인해도 된다.
   • 주석처리 되어있는 명령어를 해제하면 된다.
5. tsconfig.json -> compilerOptions -> checkJs false , allowsJs true
   • 타입스크립트가 모듈을 불러오고 자바스크리브 파일을 참조하지만, 자바스크립트의 형식검사를 수행하지 않도록 설정함.
6.  

    "rootDir": "./src",
    "outDir": "./dist"

 

• 위 명령어를 tsconfig.json의 {} 안에 입력한다.
• src에 typescript 파일을 정의 하고 컴파일하면, dist 폴더에 javascript 파일이 생성된다.

 

 

- 형식 선언 파일

형식 선언 파일은 .ts 로 끝나는게 아닌 .d.ts로 끝나게 된다.

이 파일은 선언을 저장하는 용도이다.

 

/** @typedf { import(../@type/person").Person } Person */ 

이 명령어는 형식선언파일 Person을 Person이라는 이름으로 사용 할 수 있도록 하는 주석이다.