TypeScript

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

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
TypeScript 타입 단언과 안전한 타입 처리 방법을 설명하는 대표 이미지
프로그래밍 · TypeScript

TypeScript 완전정복 11화: 타입 단언과 안전한 타입 처리

TypeScript 완전정복 11화입니다. 개발자가 TypeScript보다 값의 타입을 더 잘 알고 있을 때 사용하는 타입 단언과 안전한 타입 처리 기준을 정리했습니다. as 문법, 꺾쇠괄호 타입 단언, 타입 단언과 타입 변환의 차이, 이중 타입 단언의 위험성, unknown 검증, DOM 요소 처리, 비어 있지 않음 단언 연산자, as const, satisfies, 타입 좁히기, in과 instanceof, 사용자 정의 타입 가드, API 응답 검증, 로컬 스토리지와 폼 입력 처리, 실무 판단 기준까지 다룹니다.

BeanCon2026-08-01
TypeScript any, unknown, void, never 타입의 차이와 활용법을 설명하는 대표 이미지
프로그래밍 · TypeScript

TypeScript 완전정복 10화: any, unknown, void, never 이해하기

TypeScript 완전정복 10화입니다. 타입 검사를 포기하거나 더 엄격하게 지키는 특별한 타입인 any, unknown, void, never를 입문자 눈높이에서 정리했습니다. any의 의미와 위험성, 암묵적 any, any 사용 범위 줄이기, unknown으로 외부 데이터 안전하게 처리하기, typeof와 배열·객체 검사, JSON.parse와 catch 오류 처리, void 함수와 콜백의 의미, never 함수와 완전성 검사, 네 타입의 선택 기준과 실습 예제까지 다룹니다.

BeanCon2026-07-31
TypeScript 유니언 타입과 리터럴 타입의 차이와 활용법을 설명하는 대표 이미지
프로그래밍 · TypeScript

TypeScript 완전정복 9화: 유니언 타입과 리터럴 타입 이해하기

TypeScript 완전정복 9화입니다. 하나의 변수에 여러 타입 가능성을 허용하는 유니언 타입과 정확히 지정된 값만 허용하는 리터럴 타입을 입문자 눈높이에서 정리했습니다. | 기호, typeof 타입 좁히기, 공통 기능, 함수 매개변수와 반환값, 배열과 유니언 타입, 타입 별칭, 문자열/숫자/불리언 리터럴 타입, 상태값과 옵션 제한, as const, 실무 설계 기준까지 다룹니다.

BeanCon2026-07-27
TypeScript 배열과 튜플의 차이와 사용법을 설명하는 대표 이미지
프로그래밍 · TypeScript

TypeScript 완전정복 8화: 배열과 튜플 제대로 이해하기

TypeScript 완전정복 8화입니다. 여러 값을 한 번에 저장하는 배열과 각 위치의 타입이 정해진 튜플을 입문자 눈높이에서 정리했습니다. 배열 타입 작성법, number[]와 Array<number>, 배열 접근과 변경, push와 pop, map, filter, find, some, every, includes, 객체 배열, 읽기 전용 배열, reduce, union 배열, 튜플, 선택적 튜플, 나머지 요소, readonly tuple, as const, 구조 분해 할당, 함수의 튜플 반환까지 다룹니다.

BeanCon2026-07-26