TypeScript 5.x strict 모드 완전 가이드

strict 모드 주요 옵션:

// tsconfig.json
{
  "compilerOptions": {
    "strict": true,  // 아래 모두 활성화
    // "noImplicitAny": true,       // 타입 미지정 시 에러
    // "strictNullChecks": true,     // null/undefined 체크 필수
    // "strictFunctionTypes": true,  // 함수 타입 엄격 체크
  }
}

가장 많이 만나는 에러:

// noImplicitAny
function add(a, b) {}  // ❌
function add(a: number, b: number) {}  // ✅

// strictNullChecks
const el = document.getElementById("app");  // HTMLElement | null
el.textContent = "hi";  // ❌ el이 null일 수 있음
el?.textContent = "hi"; // ✅ 또는 if (el) 체크

처음엔 번거롭지만 strict 모드가 런타임 버그를 크게 줄여줍니다. 새 프로젝트는 반드시 strict: true로 시작하세요.

한번에 켜지 말고 단계별로:

1. noImplicitAny만 먼저 켜기
2. // @ts-ignore로 임시 무시 (나중에 수정)
3. strictNullChecks 다음
4. 파일별로 // @ts-strict 적용하는 방법도 있음

또는 typescript-strict-plugin으로 새 파일만 strict 적용하는 전략도 있습니다.