React TypeScript 이벤트 폼 useRef 타입 지정
React에서 TypeScript를 사용할 때 이벤트 타입을 외우려다 막히는 경우가 많습니다.
책상 정리 용품 · 제휴
모아 보기이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
웹 화면과 서비스를 만드는
해비의 개발 기록
웹사이트 제작·운영과 개인 서비스, 자동화·AI 도구를 만들며 배운 내용과 문제 해결 과정을 정리합니다.
전체 글
TypeScript 외부 API 데이터 unknown과 type guard 안전 검증
TypeScript 타입은 컴파일 후 사라집니다.
TypeScript Conditional Type과 infer 조건에 따라 타입 만들기
Conditional Type은 타입 수준에서 조건을 검사해 다른 결과 타입을 선택하는 기능입니다.
TypeScript Mapped Type 객체 타입을 기반으로 새 타입 만들기
Mapped Type은 객체 타입의 key를 반복하면서 각 property에 같은 규칙을 적용해 새로운 타입을 만드는 기능입니다.
TypeScript Utility Types Partial Pick Omit Record 실전
실무에서는 비슷한 객체 타입을 여러 번 직접 작성하는 일이 많습니다.
TypeScript 제네릭 제약과 keyof 안전한 helper 만들기
제네릭은 여러 타입에 재사용할 수 있지만 너무 자유로우면 함수 내부에서 아무 property도 사용할 수 없습니다.
TypeScript keyof typeof 인덱스 접근 타입 사용법
타입을 직접 반복해서 작성하는 대신 이미 존재하는 객체와 타입에서 필요한 정보를 추출할 수 있습니다.
TypeScript type vs interface 객체 타입 설계 기준
TypeScript에서 객체 타입을 작성하다 보면 type과 interface 중 무엇을 써야 하는지 자주 고민하게 됩니다.
TypeScript 7 설치와 tsconfig strict 첫 실행
이번 글에서는 TypeScript 7을 실제 설치하고 tsc와 tsconfig를 이용해 첫 타입 검사를 실행합니다.
Tailwind CSS v4 설치: React Vite 프로젝트 연결과 첫 클래스 적용
React·TypeScript·Vite 프로젝트에 Tailwind CSS v4를 설치하고 Vite 플러그인과 CSS를 연결합니다. 첫 유틸리티 적용부터 TaskFlow 프로젝트 연결까지 단계별로 확인합니다.
Next.js 캐시 구조 Request Data Full Route Router Cache
Next.js 캐시를 하나의 fetch cache라고만 이해하면 데이터가 왜 안 바뀌는지, router.refresh가 무엇을 갱신하는지 설명하기 어렵습니다.
Next.js TanStack Query SSR HydrationBoundary
TanStack Query 전체 문법은 별도 과정에서 다룹니다. 이 글에서는 Next.js App Router와 결합되는 부분만 학습합니다.
