개발이 취미인 사람

[Node.js] Express TypeScript 설정 본문

백앤드(Back-End)/Node.JS

[Node.js] Express TypeScript 설정

RyanSin 2021. 11. 5. 23:19
반응형

- 개요

안녕하세요. 이번 시간에는 Express에 TypeScript 설정하는 방법에 대해 알아보겠습니다.

 

- 설정

신규 프로젝트에서 TypeScript를 적용하기 때문에 기존 진행하는 프로젝트에는 적용하지 않으시는 걸 추천드리겠습니다.

 

typescript global 설치
#npm
sudo npm install -g typescript

#yarn
sudo yarn global add typescript

위 명령어를 통해 어느 경로에서 typescript 명령어를 사용할 수 있습니다.

 

프로젝트 생성
mkdir project-name
cd project-name
npm init & yarn init // 프로젝트 초기 설정

 

tsc --init

TypeScript 환경 설정

 

- 모듈 설치

devDependencies(개발 환경)
#npm
npm install --save-dev @types/express @types/node nodemon ts-node typescript 

#yarn
yarn add @types/express @types/node nodemon ts-node typescript --dev

 

TypeScript는 JavaScript에 슈퍼셋인 오픈소스 프로그래밍 언어입니다. (슈퍼셋이란 JavaScript에서 확장된 언어라는 뜻)

 

TypeScript에 대한 개념에 대해 궁금하신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다!

[TypeScript] TypeScript 개념 및 사용하는 이유

 

[TypeScript] TypeScript 개념 및 사용하는 이유

- 개요 안녕하세요. 이번 시간에는 TypeScript 개념 및 사용하는 이유에 대해 알아보겠습니다. "JavaScript 언어를 잘 사용하시는 분들 대상으로 작성합니다." TypeScript 환경 설정을 하지 않고 공식 홈

any-ting.tistory.com

 

실제 우리는 개발하는 환경은 TypeScript 환경에서 개발을 하지만 배포 레벨에서는 JavaScript로 컴파일 후 배포를 하게 됩니다.

그렇기 때문에 개발 모드인 devDependencies 환경에 패키지 모듈을 설치해야 합니다.

 

 

dependencise(배포 환경)

 

#npm
npm install --save express

#yarn
yarn add express

우리가 사용할 express모듈을 설치해주면 설정을 완료했습니다. :)

 

이번 시간에는 Express에 TypeScript를 적용하는 시간을 가져봤습니다. 감사합니다.