[NodeJS] Node.js에 Typescript 적용하기

Typescript?

• 자바스크립트가 가진 여러 문제를 해결하고 보완하기 위해 만들어진 언어
• 마이크로소프트가 개발하고 관리
• typescript 파일(.ts)은 typescript 컴파일러(tsc)를 이용하여 javascript 파일(.js)로 변환하여 사용

🔥 Typescript 설치

npm i -g typescript // 현재 컴퓨터에 설치
npm i typescript	// 로컬로 설치(현재 폴더에 설치)

🔥 pakage.json 파일 생성

npm init -y

🔥 필요한 구성 요소 설치

npm i -D express ts-node nodemon @types/node @types/express

• express : node.js의 프레임워크
• ts-node : Typescript를 실행 시키는 라이브러리. 컴파일하지 않고 바로 실행 시킴
• nodemon : 파일을 수정할 때마다 자동으로 재실행시켜줌
• @types/express : TypeScript 프로젝트에서 Express의 타입을 가진 라이브러리
• @types/node : TypeScript 프로젝트에서 Node의 타입을 가진 라이브러리

🔥 tsconfig.json 파일 생성

TypeScript로 짜여진 코드를 JavaScript로 컴파일하는 옵션을 설정하는 파일

npx tsc --init

• 필요한 옵션 작성

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs", //어떤 모듈 방식으로 컴파일할지 설정
    "outDir": "./dist", //컴파일 후 js 파일들이 생성되는 곳
    "rootDir": "./src", //루트 폴더
    "strict": true, //strict 옵션 활성화
    "moduleResolution": "node", //모듈 해석 방법 설정: 'node' (Node.js)
    "esModuleInterop": true
  }
}

🔥 pakage.json 에 추가

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "node dist/index.js",
    "build": "tsc -p .",
    "dev": "nodemon --watch \"src/**/*.ts\" --exec \"ts-node\" src/index.ts"
  },

.gitignore 자동생성 사이트
https://www.toptal.com/developers/gitignore