TypeScript + Koa 프로젝트 생성

 

필수 패키지 설치

> npm init --y
> npm i koa
> npm i --save-dev typescript ts-node nodemon @types/koa @types/node
## 이 부분은 Visual Studio Code Plugin을 사용하면 굳이 추가설치 하지 않아도 되긴한당.
> npm i --save-dev eslint eslint-config-prettier @typescript-eslint/parse  

 

ts-node: 트랜스파일링을 파일(.js)로 생성하지 않고 바로 메모리단에서 수행해주는 착한 친구다.

※ 패키지명에 @types/ 가 붙은 것은 TypeScript를 지원하는 패키지로 구글링해서 npm 패키지가 나오면 존재하는 것이다.! 그냥 바로 설치해주도록 하자.

 

---

npm '--save' vs '--save-dev'

공통점 : 둘다 pacakge.json 에 패키지가 설치됨을 표시하는 명령어이다.

 

차이점

--save => dependencies 에 저장
--save-dev=> devDependencies 에 저장

dependencies vs devDependencies

dependencies => --production 빌드시 플러그인 포함 => Application 에 실질적으로 필요한 것들 (ex. express, koa, bcrypt)

devDependencies => --production 빌드시 플러그인 미포함 => 테스트 도구, 개발 도구같은 것들 (ex. WebPack, nodemon, babell)

 

 

---

➕ package.json에 다음구문 추가 ➕

 "scripts": {"start": "nodemon --exec ts-node src/index.ts" }

=> 이제 npm start 입력시 nodemon이 파일 변경을 모니터링하고 ts-node가 index.ts 파일을 자동으로 트랜스파일링 해줄 것이다.

 

 

---

🔗 Reference

미처 알지 못했던 package-lock.json

 

Typescript로 Koa 서버 구축하기