watch 설정

'tsc [파일명] -w' 혹은 'tsc [파일명] --watch' 명령어를 사용하지 않으면 타입스크립트 코드가 바뀔때마다 자바스크립트 코드로 컴파일한 뒤에 node로 매번 실행해야 하는 번거로움이 발생합니다.

이런 단점을 보완하기 위해 'tsc [파일명] -w' 혹은 'tsc [파일명] --watch' 명령어를 사용합니다. 즉,  'tsc [파일명] -w' 혹은 'tsc [파일명] --watch' 명령어는 ts 코드가 수정될 때마다 자동으로 컴파일한 뒤에 js을 실행해주는 용도로 사용됩니다.

터미널에 'tsc gugudan.ts -w'를 입력한 모습

터미널에 'tsc gugudan.ts --watch'를 입력한 모습

터미널에 'npm i -g typescript' 명령어를 사용하여 전역으로 타입스크립트 버전을 변경할 경우, 로컬에 별도로 적용 중인 타입스크립트 버전과 충돌할 수 있습니다. 이런 문제를 해결하기 위해 'npx tsc [파일명] -w' 혹은 'npx tsc [파일명] --watch' 명령어를 입력합니다.

터미널에 'npx tsc gugudan.ts -w'를 입력한 모습

※ 참고 : 터미널에서 'ctrl + c(맥북은 control + c)'를 입력하고 엔터를 치면, 실행 중인 'tsc [파일명] -w' 혹은 'tsc [파일명] --watch' 명령어가 중지됩니다.