🙋‍♂️ About Me

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

📌 최신 포스트

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

• React📅 20260309

  Infinite Scroll

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

  더 보기
• React📅 20260306

  useInfiniteQuery

  useInfiniteQuery는 페이지 기반 서버 데이터를 연속적으로 가져오기 위한 TANSTACK QUERY 훅입니다. 일반 useQuery가 단일 데이터를 관리한다면 useInfiniteQuery는 페이지 단위 데이터 리스트를 누적 관리합니다. 대표적인 사용 예: 무한 스크롤 "더 보기" 버튼 댓글 / 피드 / 타임라인 cursor 기...

  더 보기
• React📅 20260228

  Cache

  Tanstack Query는 클라이언트 상태가 아닌 서버 상태(SERVER STATE) 를 다루기 위한 라이브러리입니다. 핵심은 단순 fetch가 아니라: 🔥 서버 데이터를 언제 신선하다고 보고, 🔥 언제 다시 동기화하고, 🔥 언제 메모리에서 제거할 것인가? React Query가 존재하는 이유는 서버 상태가 다음 특징을 가지기 때문입니다. 원본(so...

  더 보기
• Algorithm📅 20260227

  투 포인터

  투 포인터(TWO POINTER) 는 배열이나 리스트에서 두 개의 포인터를 이용해 구간을 효율적으로 탐색하는 기법입니다. 보통 완전탐색 O(n²)을 O(N) 으로 줄일 때 사용됩니다. "두 개의 인덱스를 이동시키며 조건을 만족하는 구간을 찾는다" 보통 이런 행태입니다: [left ......... right] left: 구간의 시작 rig...

  더 보기

🛠️ Projects

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