TypeScript를 사용하여 Nodejs용 자동 새로고침

지난 8월 팀에 합류한 이후로 TypeScript를 사용하기 시작했고 팀에서 TypeScript를 사용했습니다.

동료가 나에게 YouTube 동영상을 한 번 보라고 권했습니다. 제목을 까먹었네요... 생각나면 링크 걸어두겠습니다.

영상이 좀 오래된 영상이었는데 그래도 TypeScript의 개요를 이해하는데 도움이 되었습니다 . 그 당시 나는 "오 그래, 합법적이고 꽤 좋은 것 같아."

그런 다음 프로젝트에 사용하기 시작했고 즉시 나는 도대체 ??????, 당신은 진심입니까 ???? 나는 당신을 좋아하지 않습니다, TypeScript.

다만, 업무 😂 때문에 사용하고 있지만 개인 프로젝트에 사용하게 되었습니다. 나는 TS가 Terminal를 통해 나에게 무언가를 말할 때 여전히 조사해야 하지만 지금은 그것을 좋아합니다.

이 글에서는 TypeScript로 nodejs 프로젝트에 hot-reload를 사용하는 방법을 보여드리겠습니다.

1단계 Typescript로 nodejs 프로젝트를 생성합니다.

Microsoft에는 스타터 키트가 있습니다.
https://github.com/microsoft/TypeScript-Node-Starter

그것이 너무 많다고 생각되면 내 템플릿을 사용할 수 있습니다.
https://github.com/koji/typescript/tree/master/node_typescript

2단계 nodemon 설치

$ npm install -g nodemon
$ yarn add global nodemon

3단계 ts-node 설치

$ npm i install -g ts-node # if you prefer npx, you don't need to install it globally
$ yarn add global ts-node

4단계 nodemon.json 생성

nodemon은 .js와만 작동하므로 nodemon.json 파일을 만들어야 합니다.

{
  "watch": ["src"],
  "ext": "ts",
  "exec": "ts-node ./src/index.ts"
}

5단계 nodemon 실행

$ nodemon

TypeScript로 즐거운 코딩하세요!!!