📘 TypeScript 개념정리01

1️⃣ npm init (프로젝트 시작)

npm init -y

👉 프로젝트를 시작하면 package.json이 생성됨

📌 역할

프로젝트 정보 저장
라이브러리 관리

👉 쉽게 말하면 프로젝트 설명서

2️⃣ @types/node (왜 필요한가?)

npm i @types/node

👉 Node.js 기능을 TypeScript가 이해하도록 도와줌

console.log(process.version);

👉 이 코드에서 process를 인식하려면 필요함

3️⃣ tsc (TypeScript → JavaScript)

tsc

👉 TypeScript를 JavaScript로 변환

✔ 실행 흐름
index.ts → (tsc) → index.js → node 실행

👉 Node.js는 TypeScript를 직접 실행 못함 ❌

4️⃣ tsconfig.json

{
"compilerOptions": {
"target": "esnext",
"module": "esnext",
"rootDir": "./src",
"outDir": "./dist",
"strict": true,
"moduleDetection": "force"
},
"include": ["src"]
}

✔ 핵심 옵션

target → JS 버전
module → import/export 방식
rootDir → TS 위치
outDir → JS 결과 위치
strict → 엄격 모드

5️⃣ ts-node (바로 실행)

npx tsx src/index.ts

👉 컴파일 없이 바로 실행 가능

6️⃣ ESM 설정 (중요🔥)

"ts-node": {
"esm": true
}

✔ 추가로 필요한 설정

package.json
"type": "module"
tsconfig.json
"module": "esnext"

👉 이 3개가 세트

7️⃣ strictNullChecks란?

"strictNullChecks": false

👉 null / undefined를 허용할지 결정

8️⃣false일 때 (위험 😱)

let name: string = "minji";
name = null; // 에러 안 남

👉 실행 중 터짐 가능

9️⃣ true일 때 (추천 👍)

"strictNullChecks": true

let name: string = "minji";
name = null; // 에러 발생

👉 미리 방지 가능

🔟 안전한 코드

let name: string | null = null;

왜 중요한가?

👉 대부분 JS 에러 원인:

Cannot read property of null
undefined 에러

👉 이걸 미리 막아줌