타입스크립트 기본 프로젝트 설정

0. nodejs 설치

https://nodejs.org/ko

Node.js — 어디서든 JavaScript를 실행하세요

1. 프로젝트 초기화

npm init

 

-> package.json 파일 생성 (프로젝트 종속성, 스크립트, 버전 정보 등 관리)

 

2. TypeScript 설치

npm install typescript --save-dev

 

-> 프로젝트에서 타입스크립트를 로컬 개발 의존성으로 설치 (타입스크립트 컴파일러tsc 설치)

 

3.Node.js 타입 정의 설치

npm i @types/node

-> Node.js에서 사용하는 전역 객체(process, require 등)에 대한 타입 정보 제공 

TS 프로젝트에서 Node 환경을 인식하기 위해서 필요

 

4. TypeScript 설정 파일 생성

npx tsc --init

-> tsconfig.json 파일 생성 (컴파일러의 여러 옵션 관리)

 

5. tsx 도구 설치

npm install -g tsx

 js로 컴파일 -> 실행 단계를 한 번에 할 수 있음. 

 

5. 글로벌 TypeScript 설치 (옵셔널)

npm install -g typescript

-> TS를 글로벌로 설치해서 시스템 전체에서 tsc 명령어를 사용할 수 있도록

 

---

디폴트가 아닌, 직접 설정한다면 참고할 수 있는 tsconfig.json 및 package.json

 

undici-types 오류가 발생한다면 ?

-> skipLibCheck : true 옵션을 추가해준다.

 

Unknown compiler option 'moduleDetection' 오류가 발생한다면?

vs코드에서 open user settings 옵션 열어서 
setting.json에 "typescript.tsdk":"./node_modules/typescript/lib" 추가

 

tsc --version으로 타입스크립트 버전 확인 후 로컬에 타입스크립트 재설치

npm install --save-dev typescript@버전

 

command + shift + p로 설정 열어서

select typescript version 검색 후 use vs code's version 선택 (안보이면 vs 재실행)

---