🙋‍♂️ About Me

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

📌 최신 포스트

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

• React📅 20260319

  prefetchQuery

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

  더 보기
• React📅 20260317

  useIsFetching

  useIsFetching은 현재 FETCHING 중인 모든 QUERY의 개수를 반환하는 TANSTACK QUERY훅입니다. 일반적으로 useQuery에서 제공하는 isFetching은 특정 QUERY의 상태를 나타내지만 useIsFetching은 애플리케이션 전체 QUERY 상태를 확인할 수 있습니다. 여러 개의 query가 동시에 실행되는 경우 posts...

  더 보기
• React📅 20260316

  useMutation

  useMutation은 서버 데이터를 생성, 수정, 삭제하는 작업을 처리하기 위한 TANSTACK QUERY 훅입니다. 일반적으로 useQuery는 데이터 조회(GET)에 사용되지만 useMutation은 데이터 변경(POST, PUT, PATCH, DELETE) 작업을 처리합니다. React Query에서 데이터를 조회할 때는 useQuery를 사용합니다...

  더 보기
• React📅 20260312

  Query Lifecycle

  Tanstack Query는 서버 상태(Server State)를 관리하기 위해 쿼리의 생명주기(Query Lifecycle)에 따라 다양한 상태 값을 제공합니다. 이 상태들은 데이터 요청 → 캐싱 → REFETCH 과정에서 변화하며 이름 통해 로딩 상태, 에러 상태, 백그라운드 요청 상태 등을 쉽게 관리할 수 있습니다. React Query의 기본적인 쿼...

  더 보기

🛠️ Projects

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