프로젝트를 만들고 싶은 폴더의 위치에서 ‘npm init’을 입력해준다.

그러면 package.json이 생성될 것이다.

그 후 필요한 모듈을 설치하여 준다.

npm init
npm i -D express typescript ts-node nodemon ejs @types/node @types/express

• -D
  • package.json에서 optionalDependencies에 기록
• express
  • node.js를 위한 웹 프레임워크 중 하나
• ts-node
  • 타입스크립트 파일을 실행해 볼 수 있게 해준다.
• nodemon
  • node monitor의 약자로 자동으로 노드 app을 재시작하는 확장 모듈이다.
• ejs
  • 뷰 템플릿 중 하나인데, 일단 ejs를 선택하여서 설치했습니다!
• @types/node , @types/express
  • typescript에서 node, express를 쓸 수 있게 해준다.

typescript 컴파일 명령어인 tsc를 이용하여 tsconfig.json 파일을 생성해줍니다.

tsc --init

그 후 express 서버를 돌리기 위한 설정을 아래와 같이 바꿔줍니다.

(outDir, rootDir, moduleResolution 을 활성화 후 outDir, target의 값을 수정해준다.)

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "rootDir": "./src",
    "outDir": "dist",
    "moduleResolution": "node",
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "skipLibCheck": true
  },
  "include": ["./src/**/*"],
  "exclude": ["node_modules"]
}

package.json 파일에서 scripts의 내용을 수정해줍니다.

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

• start : 컴파일 후 나온 app.js 파일을 돌릴 명령어