🙋‍♂️ About Me

프론트엔드 개발자이며, 사용자 경험과 성능에 집중하여 웹 서비스를 만듭니다. React와 Next.js를 주로 사용하며, 사이드 프로젝트와 기술 블로그 작성에도 열정이 있습니다.

📌 최신 포스트

최근 작성한 포스트들을 소개합니다. 기술 이야기, 개발 일지 등을 기록하고 있어요.

• React📅 20260408

  HydrationBoundary

  HydrationBoundary는 TanStack Query에서 서버에서 PREFETCH한 데이터를 클라이언트로 전달(HYDRATE)하기 위한 컴포넌트입니다. Next.js 환경에서 SSR + React Query를 함께 사용할 때 필수적으로 사용합니다. Next.js와 같은 SSR 환경에서: 서버에서 데이터 fetch HTML 생성 후 클라이언트로 전달 ...

  더 보기
• React📅 20260406

  useMutation

  useMutation은 서버 데이터를 생성 / 수정 / 삭제할 때 사용하는 훅입니다. useQuery → 데이터 조회 (GET) useMutation → 데이터 변경 (POST, PUT, DELETE) 👉 사용자 이벤트 기반으로 실행되며 자동 실행되지 않습니다. const { mutate, isPending, isSuccess, isError } = us...

  더 보기
• Next.js📅 20260323

  hydration

  Next.js에서 Hydration은 서버에서 생성된 HTML에 REACT가 이벤트와 상태를 연결해 "동적인 앱"으로 만드는 과정입니다. 즉, 단순한 정적 HTML을 인터렉티브한 REACT 앱으로 변환하는 단계 React는 기본적으로 클라이언트에서 동작하지만, Next.js는 서버 사이트 렌더링(SSR)을 사용합니다. 서버에서 HTML 생...

  더 보기
• React📅 20260319

  prefetchQuery

  TanStack Query의 prefetchQuery는 데이터를 미리 FETCH해서 캐리에 저장하는 기능입니다. UI에서 바로 사용하지는 않지만 이후 동일한 queryKey로 useQuery를 호출하면 즉시 캐시 데이터를 사용 가능합니다. 사용자의 다음 행동을 예측해서 UX를 개선하기 위해 사용됩니다. 예: 다음 페이지 데이터 미리 로드 다음 달 일정 미리...

  더 보기

🛠️ Projects

프론트엔드 개발자이며, 사용자 경험과 성능에 집중하여 웹 서비스를 만듭니다. React를 주로 사용하며, 사이드 프로젝트와 기술 블로그 작성에도 열정이 있습니다.