JavaScript 브라우저 API
Observer API, localStorage 등 브라우저 환경 API
브라우저 환경에서 제공하는 다양한 API를 다룹니다. IntersectionObserver, MutationObserver, localStorage 등 웹 애플리케이션 개발에 필요한 API 활용법을 학습합니다.
-
IntersectionObserver threshold - 가시성 감지 임계값 완벽 가이드
IntersectionObserver의 threshold 옵션을 깊이 있게 이해합니다. 단일 값과 배열 설정, intersectionRatio와의 관계, 실전 활용 패턴까지 모든 것을 다룹니다.
-
IntersectionObserver - 요소 가시성 감지 API
요소가 뷰포트에 들어오고 나가는 것을 효율적으로 감지하는 Web API. 무한 스크롤, 이미지 lazy loading, 스크롤 애니메이션 등의 실전 예제와 함께 원론적으로 이해합니다.
-
MutationObserver
DOM이 변경되는 순간을 포착하는 법. React 없이도 동적 UI를 감지하고 반응하는 MutationObserver API 완전 가이드. 실전 예제와 성능 최적화까지.
-
Safari 사파리 브라우저 Private Browsing에서 localStorage 오류 처리하기
Safari 사생활 보호 모드에서 발생하는 localStorage 접근 오류를 안전하게 처리하는 방법