Typescript - 2. TypeScript 실습환경 - 내 컴퓨터에서 실행하기

2023. 8. 31. 13:30TypeScript/생활코딩

Node.js 설치

만약 Node.js가 이미 설치되어 있다면 넘어가고 아니라면 아래 사이트 가서 LTS(Long Term Support) 버전 설치

https://nodejs.org/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

TypeScript 설치

npm install typescript --save-dev

프로젝트 초기화

npx tsc --init

위 명령어를 실행하면 tsconfig.json 파일 생성이 된다.

tsconfig.json 파일을 열고 아래 설정을 추가한다. src 폴더 내에 있는 모든 TS 파일을 컴파일하고, 결과를 build 폴더에 저장한다.

{
  "include": ["src"],
  "compilerOptions": {
    "outDir": "./build"
  }
}

TypeScript 컴파일

아래 명령어로 TS 컴파일러를 사용한다.

npx tsc

TS 파일의 변경사항을 실시간으로 감지하고 컴파일하려면 다음 명령어를 실행하면 된다.

npx tsc --watch

참고자료

생활코딩 - Typescript

https://opentutorials.org/course/5080

 

TypeScript - 생활코딩

수업소개 타입스크립트 입문자를 위한 수업입니다.  수업대상 자바스크립트 개발자 버그 위험을 낮추고 싶은 개발자 중요한 기능만 빠르게 배우고 싶은 분 선행학습 이 수업을 듣기 위해서는

opentutorials.org