Jan 11 ยท 3 min read ยท Are you tired of performance-heavy scroll effects that lag, drop frames, or rely on bulky animation libraries? In modern web development, beautiful scroll animations can significantly enhance UX โ but the old approach of listening to the scroll event...
Join discussion
Dec 10, 2025 ยท 3 min read ยท The majority of software engineers today would love to focus on the latest and greatest framework, technology, or library. However, not many of these engineers would care to look at some basics of the trade that can immediately improve the loading ti...
Join discussionJul 25, 2025 ยท 3 min read ยท In my previous blog, I demonstrated how to implement infinite scroll in Angular using scroll events. While that method works well, there's a cleaner and more performant approach available the IntersectionObserver API. In this post, Iโll walk you thro...
Join discussion
May 25, 2025 ยท 3 min read ยท ์ด๋ฒ ํ๋ก์ ํธ์์ ๋ฌดํ์คํฌ๋กค ๊ตฌํ์ ๋งก์๋ค ๐๐ป ํ์ฌ๋ 6๊ฐ ์ด์์ ๊ฒ์๋ฌผ์ ๋ง๋ค๋ฉด ๊ฐ์ฅ ์ค๋๋ ๊ฒ์๊ธ์ด ์ ๋ณด์ธ๋ค ์ด์ ํ๋ก์ ํธ์์๋ ๋ฌดํ์คํฌ๋กค์ API ์์ด ์์ ๊ตฌํํ๋๋ฐ ์ด๋ฒ์๋ Intersection Observer API๋ฅผ ์ฌ์ฉํด์ ๊ตฌํํ๋ ค๊ณ ํ๋ค. ๐ง ์ผ๋จ ์ ๋ฌดํ์คํฌ๋กค์ ์ ํํ๋์ ๋ํด์ ์ค๋ช ํ์๋ฉด ์ฌ์ฉ์์ ํด๋ฆญ์ ์ต์ํ ํด์ ๋ฐ์ดํฐ๋ฅผ ํธํ๊ฒ ๋ณด์ฌ์ฃผ๊ณ ์ถ์ ๋ง์ ์์ฆ ํ์ด์ง๋ค์ด์ ๋ณด๋ค ๋ฌดํ์คํฌ๋กค์ ๋ง์ด ์ฌ์ฉํ๋ ์ถ์ธ๋ผ๊ณ ...
Join discussion
Sep 6, 2024 ยท 6 min read ยท The Intersection Observer API lets you check when an element on a webpage comes into or goes out of view, based on its position relative to the viewport or a parent element. It does this asynchronously without blocking the main thread, so itโs more e...
Join discussion
Jul 26, 2024 ยท 4 min read ยท The Intersection Observer API is a modern web API designed to observe changes in the intersection of a target element with an ancestor element or the viewport. It provides a way to asynchronously observe changes in the intersection of an element with...
Join discussionApr 14, 2024 ยท 2 min read ยท What is Intersection Observer? ๐ค It's a JavaScript API that allows you to asynchronously observe changes in the intersection of a target element with an ancestor element or the viewport. Why do we need it in real life? ๐ Intersection Observer helps...
Join discussion
Mar 3, 2024 ยท 6 min read ยท Hello! ๐ Welcome back to our exploration of the Intersection Observer API. In our previous section, we delved into the details, discussing both the advantages and limitations of this powerful API. If you missed it, feel free to catch up by reading m...
Join discussion
Feb 20, 2024 ยท 5 min read ยท Let's dive right in and discover the amazing power of IntersectionObserver, but before everything, I think a small introduction will not hurt ๐๐. In today's fast-paced digital landscape, optimizing website performance is crucial for providing a sea...
Join discussion
Nov 3, 2023 ยท 2 min read ยท React๋ก ๊ฐ๋ฐํ๋ ์น ํ์ด์ง์์ ๋งค ๋ ๋๋ง๋ง๋ค ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ค๊ฒ ๋๋ค๋ฉด ๋ถํ์ํ๊ฒ ๋ง์ ๋ฐ์ดํฐ ์ฝ๊ธฐ๊ฐ ๋ฐ์ํ ์ ์๋ค. ์ด๋ฅผ ๋ฐฉ์งํ๊ธฐ ์ํด Pinterest ๋ฌดํ์คํฌ๋กค์ฒ๋ผ ์คํฌ๋กค์ด ํ๋จ์ ๋ฟ์ ๋๋ง๋ค ์ผ์ ๊ฐ์๋งํผ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ค๋๋ก ๊ตฌํํ ๊ณผ์ ์ด๋ค. Scroll Sensor ๊ตฌํ <div className={styles.pageEnd} ref={pageEnd}/> ๋ณด์ด๊ธฐ ์ฝ๊ฒ ๋นจ๊ฐ์์ผ๋ก ํํํ ๋ถ๋ถ์ด sensor div์ด๋ค. ํ๋ฉด์์ ...
JAlva_jiho and 1 more commented