TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
636261605958575655545352
Frontend
Streaming SSR — React 18+ 서버 스트리밍 렌더링
React 18+의 Streaming SSR로 TTFB를 단축하고 점진적 렌더링을 구현하는 방법.
Frontend
Radix UI 컴포넌트 커스터마이징 완벽 가이드
Radix UI의 헤드리스 컴포넌트를 Tailwind CSS와 함께 커스터마이징하여 접근성을 유지하면서 독자적인 디자인을 구현합니다.
Frontend
React Compiler — 자동 메모이제이션의 미래
React Compiler의 동작 원리, 자동 메모이제이션, 기존 코드와의 호환성.
Frontend
SWR 심화 — 낙관적 업데이트와 뮤테이션 전략
SWR의 고급 기능인 낙관적 업데이트, 뮤테이션, 캐시 무효화 전략을 실제 예제와 함께 깊이 있게 다루는 실전 가이드입니다.
Frontend
Tanstack Query (React Query) v5 심화 가이드
Tanstack Query v5의 새로운 API, 낙관적 업데이트, 무한 스크롤 구현 패턴.
Frontend
shadcn/ui — 복사해서 쓰는 컴포넌트 라이브러리
shadcn/ui의 철학, 설치 방법, 커스터마이징과 실전 활용 패턴.
Frontend
React Server Components 심층 이해
React Server Components의 동작 원리, 직렬화, 클라이언트 컴포넌트 경계 이해.
Frontend
Error Boundary 패턴 — React 에러 처리 완벽 가이드
React Error Boundary로 컴포넌트 에러를 우아하게 처리하는 패턴과 실전 활용.
Frontend
React 성능 프로파일링 — DevTools로 병목 찾기
React DevTools Profiler를 활용하여 불필요한 리렌더링과 성능 병목을 찾아내고, 실질적인 최적화를 적용하는 방법을 다룹니다.
Frontend
Next.js 15 정식 출시 — 완전 가이드
Next.js 15 정식 릴리스의 모든 변경사항과 마이그레이션, 새로운 기능 활용법.
Frontend
React 19 공식 릴리스 — 마이그레이션 완벽 가이드
React 19 정식 릴리스의 주요 변경사항과 기존 프로젝트 마이그레이션 방법.
Frontend
Headless UI 패턴 — 로직과 UI 분리의 기술
Headless UI 패턴으로 컴포넌트의 동작 로직과 시각적 표현을 분리하여, 재사용성과 접근성을 동시에 확보하는 컴포넌트 설계 방법을 소개합니다.