ts
CHAPTER 5 / 34
읽기 약 2분
SYNTAX
타입 시스템 해부: 기본 타입
핵심 개념
TypeScript의 기본 타입은 string, number, boolean, null, undefined, any, unknown, never, void입니다. 타입 어노테이션으로 변수의 타입을 명시하고 컴파일 시점에 오류를 잡습니다. any는 타입 검사를 우회하므로 사용을 최소화합니다. 타입을 지우며 타입 안전성이 어떻게 사라지는지 확인하십시오.
코드 분석
// 기본 타입 예시 (JS로 시뮬레이션)
const types = [
{ name: 'string', value: '"CYBERDYNE"', example: 'const name: string = "CYBERDYNE"' },
{ name: 'number', value: '800', example: 'const model: number = 800' },
{ name: 'boolean', value: 'true', example: 'const active: boolean = true' },
{ name: 'null', value: 'null', example: 'const target: null = null' },
{ name: 'undefined', value: 'undefined', example: 'let status: undefined' },
{ name: 'any', value: '"위험!"', example: 'const unsafe: any = "위험!"' },
{ name: 'unknown', value: '???', example: 'const safe: unknown = getData()' },
{ name: 'never', value: '반환없음', example: 'function terminate(): never { throw Error() }' },
];
types.forEach(t => {
const el = document.createElement('div');
el.style.marginBottom = '6px';
el.style.fontSize = '11px';
el.innerHTML = `<span style="color:#f59e0b;">${t.name}</span>: <span style="color:#22c55e;">${t.value}</span><br><span style="color:#555; font-size:10px;">${t.example}</span>`;
document.currentScript.parentElement.appendChild(el);
});AI 프롬프트
🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트
Claude
무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6
이 TS '타입 시스템' 코드에서 타입 에러·any 남용·타입 안전성 누락을 찾아 엄격한 타입으로 리팩토링해줘.
ChatGPT
무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro
'타입 시스템'를 실무에서 사용하는 패턴 3가지를 비교표로 보여주고 각각의 적합한 케이스를 알려줘.
Gemini
무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro
이 TS '타입 시스템' 관련 코드 전체의 타입 구조를 분석하고 제네릭·유틸리티 타입으로 개선할 포인트를 정리해줘.
Grok
무료: Grok 4.1 / SuperGrok $30/mo
TypeScript '타입 시스템'를 꼭 써야 하는지 개발 속도 vs 안전성 관점에서 솔직하게 평가해줘.
⭐ 이것만 기억하세요
타입 시스템 해부: 기본 타입은 이 3가지만 확실히 잡으세요
1.타입 없이 코드를 작성하면 함수에 숫자를 넣어야 하는데 문자열을 넣어도 실행 전까지 에러를 알 수 없습니다
2.string, number, boolean, null, undefined, any, unknown, void, never — 각 타입이 허용하는 값의 범위가 다릅니다
3.다음 챕터에서 객체의 구조를 계약으로 정의하는 인터페이스를 배웁니다
공유하기
진행도 5 / 34