예외 처리

  • 홈
  • 태그
  • 방명록

FE/React 1

[React] Intersection Observer의 Stale Closure(오래된 클로저) 이슈 useRef로 해결하기

(이 글은 Next.js App Router 15 버전 프로젝트를 기준으로 작성되었습니다.) 내비게이션 바제 포트폴리오에서 구현한 내비게이션 바입니다. 여기서는 2가지의 스크롤 이벤트가 발생합니다. (아래 About Me 버튼의 상태가 포커스 된 상태입니다.) 1. 내비게이션 바 섹션 버튼 클릭 시 클릭한 버튼 포커스하고 해당 섹션으로 스크롤 이동 2. 스크롤 이동시 스크롤 위치를 감지해서 내비게이션 바 포커스 상태 변경 (화면 캡처 프로그램이 한 템포 느려서 버벅거리는 것처럼 녹화되었으나 실제로는 그렇지 않습니다.) 내비게이션 바 디버깅 위 두 개의 기능 중에 1번 기능에서 버그가 발생했습니다. 1. 내비게이션 바 섹션 버튼 클릭 시 클릭한 버튼 포커스하고 해당 섹션으로 스크롤 이동2. 스크롤 이동시..

FE/React 2025.06.08
이전
1
다음
더보기
프로필사진

예외 처리

`객관적 이성`을 추구하는
`감정`을 가진

  • 분류 전체보기 (48)
    • 개인 프로젝트 (14)
      • KEA's pantry (0)
      • Portfolio (14)
      • Metafolio (0)
    • FE (28)
      • JavaScript (4)
      • React (1)
      • Next.js (19)
      • HTML & CSS (1)
      • 개발 도구 (3)
    • BE (0)
      • Java (0)
      • Spring Boot (0)
      • MySQL (0)
    • Infra (1)
    • 오픈소스 (1)
    • 개발 에세이 (4)
    • 컨퍼런스 (0)

최근글과 인기글

  • 최근글
  • 인기글

공지사항

Archives

Calendar

«   2025/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바