앞에서 우리가 설정한 서버는 localhost 서버로 본인이 사용하는 컴퓨터가 서버가 되었다. 그러나 개발이 끝나면 서버는 아마존 클라우드 서버같은 public 한 망에 배포가 되어야 한다.

배포환경을 설정하는것은 맨 뒤에 할 것이고 여기서는 개발환경을 먼저 구성해보자. 개발환경에서 가장 중요한것은 HMR의 구성이다. 소스를 수정하면 수정된 내용을 바로 확인할 수 있어야 한다.

HMR은 Hot Module Replace의 약자로서 변경 사항을 수정하면 바로 컴파일되고 만약 프런트개발을 하고 있다면 브라우저까지 리프레쉬를 해줘서 수정사항을 바로바로 확인할 수 있는 설정이다.

앞에서와 같이 실행하게 되면 소스를 수정할때 마다 control – c 를 눌러서 프로그램을 종료시키고 다시 실행해야 한다.

먼저 nodemon을 글로벌하게 설치한다. nodemon은 소스가 수정되었는지를 watch하고 있다가

앞에서는 타입스크립트로 컴파일후 노드로 실행했는데 타입스크립트를 바로 실행하기 위해서는 ts-node가 필요하다.

package.json의 start 스크립트를 추가한다.

npm start 로 실행하면 nodemon이 변경된 화일을 watch하고 있고 ts-node가 타입스크립트를 바로 실행할수 있게 해준다.

YouTube