🙋‍♂️ About Me

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

📌 최신 포스트

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

• 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의 기본적인 쿼...

  더 보기
• React📅 20260309

  Infinite Scroll

  Infinite Scroll은 스크롤이 끝에 도달할 때 추가 데이터를 자동으로 로드하는 UI 패턴입니다. 주로 다음과 같은 서비스에서 사용됩니다. SNS 피드 뉴스 피드 댓글 목록 상품 리스트 스크롤 위치 감지 ↓ 리스트 끝 도달 ↓ 다음 페이지 요청 ↓ 데이터 리스트에 추가 스크롤 감지 ↓ fetchNextPage() // 다음 페이지 유무 ↓ 서버 데이...

  더 보기

🛠️ Projects

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