TypeScript

TypeScript 관련 최신 글을 모았습니다.

TypeScript 유틸리티 타입으로 기존 타입을 변환하고 재사용하는 방법을 설명하는 대표 이미지
프로그래밍 · TypeScript

TypeScript 완전정복 17화: TypeScript 유틸리티 타입 완벽 이해하기

TypeScript 완전정복 17화입니다. TypeScript가 기본 제공하는 유틸리티 타입으로 기존 타입을 다시 작성하지 않고 변환하고 재사용하는 방법을 정리했습니다. Partial, Required, Readonly, Pick, Omit, Record, Exclude, Extract, NonNullable, ReturnType, Parameters, ConstructorParameters, InstanceType, Awaited, Uppercase, Lowercase, Capitalize, Uncapitalize, 유틸리티 타입 조합, DTO 설계, API 공개 응답 타입, 함수 래퍼, 비동기 함수 결과 타입 추출과 실무 실수까지 다룹니다.

BeanCon2026-08-17
TypeScript 인덱스드 액세스 타입과 매핑된 타입으로 객체 타입을 변환하는 방법을 설명하는 대표 이미지
프로그래밍 · TypeScript

TypeScript 완전정복 16화: 인덱스드 액세스 타입과 매핑된 타입

TypeScript 완전정복 16화입니다. 인덱스드 액세스 타입과 매핑된 타입으로 객체 타입에서 원하는 값 타입을 꺼내고 새로운 타입으로 재조립하는 방법을 정리했습니다. T[K], T[keyof T], 선택적 속성 타입 추출, 중첩 객체 타입, 배열 요소 타입, 튜플 위치 타입, Partial·Readonly·Required의 원리, 매핑 수정자, 값 타입 일괄 변환, 필드별 오류·로딩 상태, 키 재매핑 as, Capitalize, Getter·Setter·이벤트 타입 생성, Pick·Omit·Record와 유틸리티 타입 원리까지 다룹니다.

BeanCon2026-08-15
TypeScript keyof와 typeof로 객체 키와 값 타입을 추출하는 방법을 설명하는 대표 이미지
프로그래밍 · TypeScript

TypeScript 완전정복 15화: keyof와 typeof 완벽 이해하기

TypeScript 완전정복 15화입니다. 객체 타입의 키를 꺼내는 keyof와 실제 값에서 타입을 가져오는 typeof를 정리했습니다. keyof 기본 문법, 함수 매개변수의 키 제한, 안전한 동적 속성 접근, 선택적 속성과 숫자 키, 인덱스 시그니처와 keyof any, 실행 위치와 타입 위치의 typeof 차이, as const, keyof typeof, 객체 값 타입 추출, 배열 요소 타입 추출, Object.keys() 주의점, satisfies, keyof와 제네릭, 키에 따라 달라지는 반환 타입, Record 조합과 실전 설정·라우트·폼 타입 설계까지 다룹니다.

BeanCon2026-08-07
TypeScript 인덱스 시그니처와 Record로 동적 객체 타입을 설계하는 방법을 설명하는 대표 이미지
프로그래밍 · TypeScript

TypeScript 완전정복 14화: 인덱스 시그니처와 Record

TypeScript 완전정복 14화입니다. 객체의 속성 이름을 미리 알 수 없을 때 사용하는 인덱스 시그니처와 Record를 정리했습니다. 문자열·숫자·심벌 키 인덱스 시그니처, 고정 속성과 동적 속성 조합, any의 위험, readonly 인덱스 시그니처, undefined 가능성, noUncheckedIndexedAccess, 함수와 동적 객체, Record의 두 타입 매개변수, 리터럴 유니언과 Record, Partial<Record<...>>, 중첩 Record, 객체와 Map 비교, 실전 점수표·다국어 메시지·권한 설정·재고·폼 오류 설계까지 다룹니다.

BeanCon2026-08-06
TypeScript interface와 type의 차이를 비교해 객체 설계 기준을 설명하는 대표 이미지
프로그래밍 · TypeScript

TypeScript 완전정복 13화: interface와 type의 차이

TypeScript 완전정복 13화입니다. 객체 설계도를 만드는 interface와 type의 차이를 실무 기준으로 정리했습니다. 인터페이스 기본 문법, 선택적 속성과 readonly, 메서드 정의, 함수 매개변수와 반환 타입, 배열과 중첩 인터페이스, 함수 구조 표현, extends 확장, 다중 확장, 속성 충돌, type의 교차 타입, interface와 type 조합, 선언 병합, 클래스 implements, 구조적 타이핑, 초과 속성 검사, 개방형·폐쇄형 타입 선택 기준까지 다룹니다.

BeanCon2026-08-04
TypeScript 객체 타입과 type 별칭으로 데이터 구조를 설계하는 방법을 설명하는 대표 이미지
프로그래밍 · TypeScript

TypeScript 완전정복 12화: 객체 타입과 type 별칭

TypeScript 완전정복 12화입니다. 객체 타입과 type 별칭을 이용해 데이터 구조에 이름을 붙이고 재사용하는 방법을 정리했습니다. 객체 타입 추론, 속성 접근, 직접 작성하는 객체 타입, 필수 속성과 초과 속성 검사, type 별칭 문법, 선택적 속성, string | undefined, exactOptionalPropertyTypes, readonly, const와 readonly 차이, 중첩 객체 타입, 객체 배열, 메서드 타입, 유니언과 교차 타입, 구조적 타이핑, object와 Object의 차이, 실전 사용자·상품·주문·게시글 타입 설계까지 다룹니다.

BeanCon2026-08-03