[javascript] Intersection Observer API
Intersection Observer란? Intersection Observer란 브라우저 뷰포트(Viewport)와 선택된 요소(Element)의 교차점을 관찰하는 API이다. 쉽게 말하면 선택된 요소가 사용자 화면에 현재 보이는지 보이지 않는지를 구별하는 기능을 제공한다. Intersection Observer의 생성과 구조 new IntersectionObserver()를 통해 인스턴스(io)를 생성, 관찰자(Observer)를 초기화, 관찰할 대상(Element)을 지정하여 사용할 수 있다. 생성자는 2개의 인수(callback, options)를 가진다. const io = new IntersectionObserver(callback, options) // 관찰자 초기화 io.observe(e..
javascript
2021. 10. 17. 20:28
[javascript] setTimeout과 setInterval의 차이
setTimeout 동작이 한번 일어남 실행중 다른 setTimeout으로 인해 함수가 호출되어도 기존에 실행되는 함수에 영향을 주지 않음 let timer = setTimeout(function(){}, time); // 사용 clearTimeout(timer); // 종료 setInterval 기본 동작이 반복적으로 일어남 실행중 다른 setInterval으로 인해 함수가 호출되면 기존에 실행되는 함수는 종료됨 let timer = setInterval(function(){}, time); // 사용 clearTimeout(timer); // 종료
javascript
2021. 9. 17. 06:27
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Stack
- C++
- javascript
- client side rendering
- 인접리스트
- 퀵정렬
- 동적프로그래밍
- 운영체제
- 스텍
- Java
- 이진탐색
- 구조체
- 병행프로세스
- C
- 인접행렬
- 알고리즘
- 입출력장치
- 클래스
- 세마포어
- 배열
- dfs
- server side rendering
- 교착상태
- stackframe
- BFS
- 최단경로
- 재귀함수
- react
- 소프트웨어
- 자료구조
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함