React.js
๋ฌดํ ์คํฌ๋กค(Infinite Scroll), ์ค์ผ๋ ํค(Skeleton) ํจ๊ณผ ์ ์ฉํ๊ธฐ (with React Query)
๋ฌดํ ์คํฌ๋กค(Infinite Scroll), ์ค์ผ๋ ํค(Skeleton) ํจ๊ณผ ์ ์ฉํ๊ธฐ (with React Query)๋ค์ด๊ฐ๋ฉฐReact Query๋ฅผ ์ด์ฉํ์ฌ ๋ฌดํ ์คํฌ๋กค(Infinite Scroll)๊ณผ ์ค์ผ๋ ํค(Skeleton) ํจ๊ณผ๋ฅผ ์ ์ฉํ ์์ ์ฝ๋๋ฅผ ์ฌ๋ ค๋ณธ๋ค.๊ฐ์ธ ๋ฏธ๋ ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์ ๋ง๋ค์๋ ์ฝ๋์ด๋ค.๊ฒ์์ด๋ฅผ ์
๋ ฅํ๋ฉด, ํด๋น ๊ฒ์์ด์ ๊ด๋ จ๋ ์ด๋ฏธ์ง๋ฅผ ํ์ํ๋ ์ฌ์ดํธUnsplash ๊ณต๊ฐ API๋ฅผ ์ด์ฉํ์ฌ ๊ตฌํํ์๋ค. ์ฝ๋๋ฆฌ์กํธ ์ฟผ๋ฆฌ์ useInfiniteQuery()๋ฅผ ์ด์ฉํ์ฌ ๋ฌดํ ์คํฌ๋กค(Infinite Scroll) ๊ธฐ๋ฅ์ ๊ตฌํํ์๋ค.IntersectionObserver๋ฅผ ์ฌ์ฉํ์ฌ ์คํฌ๋กค์ด ํ์ด์ง์ ๋งจ ์๋์ ๋๋ฌํ์ ๋๋ง ๋ค์ ํ์ด์ง์ ๋ฐ์ดํฐ๋ฅผ ๋ถ๋ฌ์ค๋๋ก ์ค์ ํ์๋ค.useStat..
0
2024.09.23