OPEN HYPER STEP
← 목록으로 (TypeScript)
TS · 19 / 34
ts
CHAPTER 19 / 34
읽기 약 2
SYNTAX

tsconfig.json 해부: 컴파일러 설정


핵심 개념

tsconfig.json은 TypeScript 컴파일러 옵션을 설정합니다. strict 모드는 엄격한 타입 검사를 활성화합니다. target은 컴파일 결과 JS 버전, module은 모듈 시스템을 설정합니다. paths로 경로 별칭을 설정하고 include/exclude로 컴파일 범위를 지정합니다.

코드 분석
TS📋 코드 (14줄)
{
  "compilerOptions": {
    "target": "ES2020",        // 출력 JS 버전
    "module": "ESNext",        // 모듈 시스템
    "strict": true,             // 엄격 모드 ON
    "noImplicitAny": true,    // any 금지
    "strictNullChecks": true, // null 검사
    "paths": {
      "@/*": ["./src/*"]      // 경로 별칭
    }
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}

AI 프롬프트
🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트
Claude

무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6

이 TS 'tsconfig.json' 코드에서
타입 에러·any 남용·타입 안전성 누락을 찾아
엄격한 타입으로 리팩토링해줘.
ChatGPT

무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro

'tsconfig.json'를 실무에서 사용하는
패턴 3가지를 비교표로 보여주고
각각의 적합한 케이스를 알려줘.
Gemini

무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro

이 TS 'tsconfig.json' 관련 코드 전체의 타입 구조를
분석하고 제네릭·유틸리티 타입으로
개선할 포인트를 정리해줘.
Grok

무료: Grok 4.1 / SuperGrok $30/mo

TypeScript 'tsconfig.json'를 꼭 써야 하는지
개발 속도 vs 안전성 관점에서
솔직하게 평가해줘.

⭐ 이것만 기억하세요
tsconfig.json 해부: 컴파일러 설정 이 3가지만 확실히 잡으세요
1.tsconfig 없이 tsc를 실행하면 기본 설정으로 컴파일돼서 strict 모드가 꺼져 타입 안전성이 보장되지 않습니다
2.strict: true는 모든 엄격 검사를 활성화하고, target은 출력 JS 버전, module은 모듈 시스템을 결정합니다
3.다음 챕터에서 실전 구현 파트로 넘어가 타입 안전한 API 클라이언트를 설계합니다


공유하기
진행도 19 / 34