TypeScript 완전 정리
10편타입 시스템 기초부터 제네릭·타입가드·satisfies까지
- 12026.02.10
TypeScript 유틸리티 타입 완전 정리
TypeScript는 자주 사용하는 타입 변환을 위한 내장 유틸리티 타입 을 제공합니다. 이 글에서는 Partial , Required , Pick , Omit , Record 등 모든 유틸리티 타입을 정리합니다. 1. Partial<T 모든 속성을 선택적으로 만듭니다. 2. Requi
- 22026.02.10
TypeScript tsconfig.json 완전 정리
TypeScript의 tsconfig.json 은 컴파일 옵션과 프로젝트 설정을 관리하는 핵심 파일입니다. 이 글에서는 주요 옵션과 실무에서 자주 사용하는 설정을 정리합니다. 1. 기본 구조 2. 주요 컴파일 옵션 target 컴파일 대상 JavaScript 버전 module 모듈 시스
- 32026.02.10
TypeScript 네임스페이스 - 모듈과 네임스페이스 비교
TypeScript 네임스페이스는 코드를 논리적으로 그룹화하는 방법이지만, ES6 모듈이 더 권장 됩니다. 이 글에서는 네임스페이스의 사용법과 모듈과의 차이점을 정리합니다. 1. 네임스페이스 기본 2. 중첩 네임스페이스 3. 네임스페이스 vs 모듈 4. 실무 팁 1. 모듈 우선 : ES
- 42026.02.10
TypeScript 고급 타입 - 유틸리티 타입과 조건부 타입
TypeScript의 고급 타입 기능을 활용하면 타입을 더 정확하고 재사용 가능하게 만들 수 있습니다. 이 글에서는 유틸리티 타입, 조건부 타입, 매핑된 타입 등을 정리합니다. 1. 유틸리티 타입 2. 조건부 타입 infer 키워드로 타입을 추론할 수 있습니다. 3. 매핑된 타입 key
- 52026.02.10
TypeScript 기초 - 타입 시스템과 기본 문법
TypeScript는 JavaScript에 정적 타입 시스템 을 추가한 언어입니다. 컴파일 시점에 타입 오류를 발견할 수 있어, 대규모 프로젝트에서 코드 안정성을 크게 향상시킵니다. 1. 기본 타입 기본 타입: string , number , boolean , null , undefin
- 62026.02.10
TypeScript 데코레이터 - 클래스와 메서드 메타데이터
TypeScript 데코레이터는 클래스, 메서드, 프로퍼티에 메타데이터를 추가 하는 실험적 기능입니다. Angular, NestJS 같은 프레임워크에서 널리 사용되며, tsconfig.json 에서 활성화해야 합니다. 1. 데코레이터 설정 2. 클래스 데코레이터 3. 메서드 데코레이터
- 72026.02.10
TypeScript 제네릭 심화 - 제약 조건과 고급 패턴
TypeScript 제네릭은 타입을 파라미터화 하여 재사용 가능한 타입과 함수를 만들 수 있게 해줍니다. 이 글에서는 제네릭 제약 조건, 조건부 타입과의 조합, 실무 패턴을 정리합니다. 1. 기본 제네릭 <T 로 타입 파라미터를 정의합니다. 타입 추론이 가능하면 타입 인자를 생략할 수
- 82026.02.10
TypeScript 타입 가드 - 런타임 타입 체크와 타입 좁히기
TypeScript 타입 가드는 런타임에 타입을 체크 하여 타입을 좁혀 narrow 타입 안정성을 보장합니다. 이 글에서는 typeof , instanceof , 커스텀 타입 가드 등을 정리합니다. 1. typeof 타입 가드 typeof 로 기본 타입을 체크할 수 있습니다. 2. in
- 92026.07.31
TypeScript satisfies, as를 쓰기 전에
주석은 타입을 넓히고 as는 검사를 끈다. satisfies는 검사하면서 리터럴 추론을 지킨다 — 세 방식의 차이와 쓸 곳.
- 102026.08.04
TypeScript 제네릭, 어디까지 써야 할까
제네릭은 처음 배우면 어디에나 쓰고 싶어지고, 코드 리뷰를 몇 번 받고 나면 무서워서 못 쓴다. 내 기준은 하나다. "타입 관계를 보존해야 하는가?" 제네릭이 필요한 순간 입력 타입과 출력 타입 사이에 관계가 있을 때다. string 을 넣으면 string | null이 나온다는 관계가