TypeScript_04_프로젝트 시작하기

지원·2023년 12월 15일

TypeScript

목록 보기
4/13
post-thumbnail

TypeScript로 프로젝트 만들기

1. node.js 프로젝트 만들기

터미널에

npm init

package.json파일이 생성된 것을 확인

2. 타입 스크립트 설치

타입스크립트는 실제 프로젝트때 사용하지는 않고 개발할 때만 사용

npm install --save-dev typescript

package.json에 devDependencies에 typescript가 추가된다.

3. 추가로 타입스크립트를 사용할 때 필요한 설정파일 만들기

npx tsc --init

npx : 노드 모듈을 실행하는 명령어
tsc : 타입스크립트에서 제공하는 타입스크립트 컴파일러라는 모듈
(tsc : 타입스크립트 코드를 자바스크립트 코드로 바꿔 주는 것)
init : 초기 설정파일 생성하는 옵션

tsconfig.json파일이 추가된다.

4. package.js파일로 가서 scripts를 추가해준다.

build라는 명령어로 tsc를 실행한다.
(타입스크립트 컴파일러를 실행한다.)

5. main.ts파일을 생성하고 터미널에 npm run build를 하면 main.js파일이 생성된다.

6. 자바스크립트 파일이므로 node.js로 실행할 수 있다.


자주 사용할 것이므로 script로 추가해놓는다.

7. npm start를 하면 잘 작동된다.

0개의 댓글