Zustand Store 타입 지정: TypeScript로 state와 action 안전하게 관리하기
이 글에서 정리하는 내용 Zustand Store에 TypeScript 타입을 붙일 때는 상태 값만 보는 것으로 끝나지 않습니다. Store가 어떤 값을 가지고, 그 값을 어떤 action으로만 바꿀 수 있는지 하나의 계약으로 잡아야 합니다. 작은 카운터 Store에서는 차이가 늦게 보이지만, 유저 정보·모달·필터·장바구…
더 읽기타입스크립트
타입스크립트 카테고리에서는 TypeScript의 기본 문법부터 타입 추론, 인터페이스, 제네릭, 유니온 타입, 타입 가드, React와 함께 사용하는 방법까지 실무에 필요한 내용을 정리합니다. JavaScript와의 차이와 타입 설계 방식도 함께 다룹니다.
TypeScript Type instantiation is excessively deep 오류 해결: 제네릭 타입이 너무 깊어질 때
이 글에서 정리하는 내용 Type instantiation is excessively deep 오류는 TypeScript가 제네릭 타입을 끝까지 펼치다가 한계를 만났다는 신호입니다. 재귀 조건부 타입, 깊은 infer, 라이브러리 타입 조합, 과한 as c…
더 읽기
React Hook Form Zod 연결 오류 해결: resolver 타입이 맞지 않을 때 확인할 것
이 글에서 정리하는 내용 React Hook Form에 zodResolver를 붙였는데 schema, defaultValues, optional 처리 때문에 타입이 맞지 않는 상황을 기준으로 원인을 좁히고, 실제 프로젝트에서 어떤 설정과 코드 구조를 확인해야 하…
더 읽기
TypeScript Type is not assignable to type 오류 해결: 타입 불일치 원인 찾기
이 글에서 정리하는 내용 TypeScript Type is not assignable to type 오류는 값을 넣는 쪽의 타입과 받는 쪽의 타입이 서로 맞지 않을 때 발생합니다. 이 글에서는 optional property, union type, API 응답 타입 불…
더 읽기
TypeScript infer 사용법: 조건부 타입에서 타입 추론하기
이번 학습을 통하여 이 문서는 TypeScript의 조건부 타입과 infer를 처음 접하는 분도 쉽게 이해할 수 있도록 다시 정리한 학습용 버전입니다. 복잡한 타입을 자동으로 추출하거나 배열과 함수·API 타입을 분석하는 방법을 단계별로 배울 수 있게 구…
더 읽기
TypeScript 6.0 업데이트: 마이그레이션 전 확인할 변화
이 글에서 정리하는 내용 저는 이 글에서 TypeScript 6.0을 처음 접하는 주니어 개발자도 흐름을 따라올 수 있도록, 어려운 용어를 먼저 쉬운 말로 풀고 기존 방식과 비교하면서 설명해보겠습니다. 단순히 무엇이 추가됐는지 나열하는 것이 아니라, 왜 바뀌었는지와 내…
더 읽기