본문 바로가기
Otter's [ 개발새발 ]/# 프론트엔드 공부 - Typescript

[Typescript] 22.10.22 타입스크립트 프로젝트 생성과 관리(1)

by byeonPig 2022. 10. 22.

 

[ 내용 ]

2-1. 타입스크립트 프로젝트 만들기

 

(1) 노드제이에스 프로젝트 시작 

1. 디렉터리 생성

2. package.json 파일 생성(npm init 명령어 사용)

 

package.json는  패키지 관리 파일, 프로젝트 정보와 패키지 기록 및 관리

 

(2) 프로젝트 생성자 관점에서 패키지 설치

 

(2-1) npm install: 패키지 설치 명령

npm install(npm i): 프로젝트 구현, 실행에 필요한 패키지를 설치할 수 있다.
npm i 옵션 의미 단축 명령
--save 프로젝트 실행시 필요 패키지 설치
(package.json dependencies 항목 등록)
-S
--save-dev 프로젝트 개발시에만 필요 패키지 설치
(package.json  devDependencies 항목 등록)
-D

타입스크립트에서는 보통 typescript와 ts-node 패키지를 설치한다.

 

npm i -D typescript ts-node 명령으로 패키지 설치
패키지 설치 후 package.json 파일에 기록된 패키지들

 

(2-2) 자바스크립트로 개발된 패키지 설치

 

JS는 타입 체킹을 하지 않는다. 하지만, TS는 타입을 명시적으로 표기해야만 코드를 검증 후 동작할 수 있다. 그렇기 때문에 ramda나 chance와 같은 자바스크립트로 개발된 라이브러리들은 타입라이브러리들을 제공하여 사용하여야한다.

 

ramda나 chance 라이브러리들은  "@types/ramda, @types/chance"와 같은 타입라이브러리를 제공해야한다.
Promise와 같은 타입을 사용하기 위해 추가한 @types/node 라이브러리

 

(2-3)  npm i: 프로젝트 이용자 관점에서 패키지 설치

 

보통 프로젝트 구현 과정에서 여러 패키지를 설치하기 때문에 node_modules 디렉터리의 용량이 너무 커진다. 그래서 다른 사람들에게 프로젝트를 전달할 때는 node_modules 디렉터리를 삭제하고 전달한다. 이후 전달받은 프로젝트를 개발, 실행하기 위한 패키지는 간단하게 npm i 명령어를 사용하면 package.json에 추가된 라이브러리를 자동으로 설치할 수 있다.

 

(2-4) tsc --init: tsconfig.json 파일 만들기

 

타입스크립트 프로젝트는 타입스크립트 컴파일러 설정파일인 tsconfig.json 파일이 필요하다. 이 파일은 tsc --init 명령으로 생성 가능

 

여러 설정들이 비활성화 되어있으며 프로젝트마다 설정을 바꿔준다.

 

 

꾸준히 열심히!