Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
Tags
- lodash
- 자바스크립트 문제 풀이
- 타입스크립트
- 자바스크립트
- JavaScript
- JS
- Baekjoon
- 자바스크립트 알고리즘 문제
- 리액트
- Next
- CSS
- 프론트엔드
- 리액트쿼리
- next13
- 자바스크립트 문제
- 프로그래머스
- HTML
- NPM
- stack문제
- 제로베이스
- 자바스크립트 연결리스트
- til
- leetcode
- 자바스크립트 알고리즘
- 자바스크립트코딩테스트
- 알고리즘문제풀이
- Next.js13
- 객체 프로퍼티
- leetcode문제풀이
- 자바스크립트 문제풀이
Archives
- Today
- Total
목록Intersection Observer API (1)
코드노트
Intersection Observer API 사용방법
영화검색 사이트를 만들면서 무한스크롤을 구현하는데 Intersection Observer API를 사용했다. 일반적으로는 addEventListener를 사용해서 구현하지만 문제점이 꽤 많았다. - 스크롤을 할때마다 이벤트가 발생하는 문제점 - 스크롤 이벤트가 무거워질수록 위험하다는 점 등등 여러 문제점들이 있기에 다른방법을 찾다가 Intersection Observer API를 알게 되었다! Movie Search strong-rolypoly-f45a54.netlify.app 위 사이트에서 구현해보았는데 사용법도 어렵지 않고 활용도가 많을 것 같다. 이번에 사용하면서 막히던 부분들이 있었기 때문에 Intersection Observer API에 대해서 정리해보려고 한다. See the Pen Untit..
Code note/자바스크립트
2023. 1. 9. 16:57