프론트를 React와 Typescript를 이용하여 구성하였는데 backend부분을 어떻게 typescript로 셋팅하여 시작하는지 몰라서 내용을 간략하게 정리해보려한다.
1. npm install -g typesciprt 설치
당연하게도 typescript를 이용하기 위해서는 typescript를 설치해야 합니다.
명령 프롬프트를 열어서 설치하면 된다.
npm: Node Package Manager의 약자로, JavaScript 패키지를 관리하는 도구
install: npm을 사용하여 패키지를 설치하는 명령어
-g: --global의 약자로, 전역적으로 패키지를 설치하는 옵션
typescript: 설치하려는 패키지의 이름
2. npm install -g ts-node 설치
npm install -g ts-node 명령어는 ts-node 패키지를 전역적으로 설치하는 명령어
ts-node란?
ts-node는 TypeScript 코드를 Node.js에서 직접 실행할 수 있도록 하는 패키지
ts-node의 주요 기능
빠른 개발: TypeScript 코드를 컴파일하지 않고 바로 실행 가능
간편한 테스트: TypeScript 코드 조각을 쉽게 테스트 가능
TypeScript 스크립트 실행: Node.js 기능과 상호 작용하는 TypeScript 스크립트를 실행 가능
3. npm install -g nodemon 설치
nodemon이란?
nodemon은 Node.js 애플리케이션 개발을 위한 유용한 도구다.
nodemon 사용 방법
nodemon을 설치한 후에는 nodemon 명령어를 사용하여 Node.js 애플리케이션을 실행할 수 있다.
예시: nodemon app.ts
4. npm init -y 실행
vs code를 사용하기 때문에 vs code를 사용한다고 가정하고 backend라는 폴더가 있다면 폴더 경로에 터미널에서 npm init -y 실행(추가적인 설정을 직접하지 않고 빠르게 package.json 파일을 생성한다고 생각하면 될 것 같다.)
npm init -y 명령어는 package.json 파일을 자동 생성하는 명령어
5. tsc --init
4번처럼 터미널에서 명령어 실행!
tsc --init 명령어는 TypeScript 프로젝트를 위한 기본 설정 파일인 tsconfig.json 파일을 생성하는 명령어다.
- tsconfig.json 파일에는 TypeScript 컴파일러 설정, 타겟 버전, 라이브러리 참조 등 프로젝트 설정 정보가 포함
- 기본 설정으로 파일이 생성되며, 필요에 따라 직접 편집하여 설정을 변경 가능
6. npm install @types/node 설치
터미널에서 명령어 실행!
이 패키지는 이 패키지는 Node.js API에 대한 타입 정의를 제공한다.
@types/node 패키지는 TypeScript 코드에서 Node.js API를 사용할 때 다음과 같은 이점을 제공한다.
- IntelliSense: TypeScript IDE 또는 편집기에서 Node.js API에 대한 자동 완성 및 코드 힌트를 제공
- 유형 검사: TypeScript 컴파일러는 Node.js API를 사용하는 코드의 유형 오류를 감지
- 코드 품질 향상: 유형 정의를 사용하면 코드의 품질과 안정성을 향상
