TypeScript 타입스크립트 설치 및 사용 (VScode 에서)

 

 

시작하면서

타입스크립트 설치 포스팅 입니다.

타입스크립트를 설치하기 위해선 2가지가 먼저 선행되어야 합니다.

 

1. VScode 
2. node.js 

이 글은 위 두가지의 설치 및 세팅이 끝났다는 가정 하에 작성되었습니다.

 

TypeScript 타입스크립트 설치

 

1. VScode 터미널 창에 다음과 같이 입력해줍니다.

npm install -g typescript

 

2. TypeScript 파일을 하나 만들어줍니다. (ex.ts)

3. 터미널 창에 다음과 같이 입력하여 동일한 경로에 tsconfig.json 파일을 생성해줍니다.

tsc --init

 

 

 

4. 터미널에 다음 둘 중의 하나를 작성하여 ts 코드를 js로 변경해줍니다.

tsc ex.ts -> (ts파일 수정시 마다 다시 입력하여 컴파일 해야한다)
tsc -w -> (ts파일 수정시 자동으로 js파일도 변경하여 컴파일 해준다 - 권장)

대부분 tsc -w 를 권장하기 때문에 tsc -w 를 사용해주도록 하겠습니다.

 

5. 이후 js 파일이 완성되면 TypeScript 설치 및 사용이 완료된 것입니다.

이후 .ts파일에 타입스크립트를 작성해서 저장하면 자동으로 .js파일로 변환(컴파일)되어 업데이트 됩니다! 박수!

 

마무리하며

이렇게 TypeScript 타입스크립트 설치와 사용에 대해 알아보았습니다. 댓글과 공감은 항상 환영입니다.