ywc의 개발 블로그

Next.js Proxy 패턴으로 JWT 인증 설계하기

JWT 액세스 토큰을 Zustand에서 서버 세션으로 전환하고, NextAuth + SSR Prefetch 아키텍처로 발전시킨 Next.js Proxy 패턴 설계 경험을 공유합니다.

TanStack Query의 Query Key Factory 패턴

TanStack Query에서 Query Key를 문자열로 직접 쓰다 보면 오타, 중복, 관리 실패가 발생합니다. Query Key Factory 패턴은 이 문제를 해결하는 커뮤니티 표준 패턴입니다. 단순한 키 팩토리부터 queryOptions()와 결합한 최종 진화형까지, 단계별로 알아봅니다.

React Best Practices - Vercel 엔지니어링 팀의 성능 최적화 가이드 (전문 번역)

Vercel 엔지니어링 팀이 공개한 React/Next.js 성능 최적화 가이드 전문 번역입니다. 8개 카테고리, 45개 이상의 규칙을 영향도 기준으로 정리했습니다.

Next.js 15에 MSW(Mock Service Worker) 설치하기

제가 공식문서와 구글링을 통해 여러 뻘짓과 시행착오를 겪고 MSW를 Next.js 15에 설치하는 간단한 방법을 소개하려고 합니다.

React v19, forwardRef를 대체할 방법에 대해서 알아보자

React v19 에서 forwardRef 더 이상 필요없어졌습니다. 향후 버전에서는 forwardRef를 제거한다고도 하는데요. 대신에 이제 ref 를 prop 에서 접근할 수 있도록 바뀌었습니다. 저는 이 결정에 너무나도 반가웠습니다. 이번 포스팅에서 왜 이러한 변경사항에 대해서 반가웠는지와 19버전 이전에 forwardRef를 쓰던 방식과 이후 forwardRef 대신 useRef를 어떻게 사용하면 되는지 알아보겠습니다.

Luxon으로 손쉽게 자바스크립트 날짜와 시간을 처리해보기

Luxon은 자바스크립트에서 날짜와 시간을 처리하기 위한 라이브러리입니다. 자바스크립트에서 날짜와 시간을 다룰 때 Date API를 사용해본 경험이 있으시면 날짜와 시간을 다루는 것이 여간 짜증나는 일이 아닐 수 없는데요. Luxon은 자바스크립트에서 날짜와 시간을 다루는 일을 쉽게 만들어 주는 라이브러리입니다. 이번 포스팅에서는 Luxon의 주요 특징과 사용법에 대해서 살펴보겠습니다.