[typescript] 타입스크립트 처음부터 시작해보기

1. 폴더 생성해서 vscode로 열어준다.

mkdir test

2. init

npm init -y

package.json에서 "main": "index.js", 부분을 삭제
3. 타입스크립트 다운로드

npm install -D typescript

4. src 폴더 만들어서 index.ts 파일 생성
   컴파일할 아무 코드나 작성해둔다.
5. tsconfig 파일 생성

touch tsconfig.json

6. tsconfig 파일을 작성해준다.

{
    "include": ["src"], //src 내의 모든 파일을 컴파일함
    "compilerOptions": {
        "outDir": "build" //js파일이 생성될 디렉터리 build로 지정
        "target": "es6" //어떤버전으로 컴파일할지
        "lib": ["es6", "DOM"] //어떤 환경에서 코드를 실행시킬지
        "allowjs": true //js파일을 허용할지
    }
}

7. package.json 파일 수정
   삭제했던 script 부분에 코드 추가

  "scripts": {
    "build": "tsc" <-이부분
  },

8. 빌드

npm run build

9. 빌드없이 타입스크립트 실행

npm i -D ts-node

10. 자동으로 커맨드 재실행

npm i nodemon

(+)

//@ts-check
/** 
* info about function
* @param {object} first param
* @returns void
*/

자바스크립트 파일을 체크하라고 알림.
jsDoc을 사용해서 코멘트를 작성한다.