
Suspense Query - ์ ์ธ์ฑ์ ๋๊ฐ๋ก ์ง๋ถํ๋ Suspend ์ํ
useSuspenseQuery๋ก ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ค๋ฉด ์ฝ๋๊ฐ ์ ์ธ์ ์ผ๋ก ์ ๋ฆฌ๋๋ค๋ ๊ฒ์, TanStack Query๋ฅผ ์ฐ๋ ์ฌ๋๋ค ์ฌ์ด์์ ๊ฑฐ์ ์ ์ค์ฒ๋ผ ํตํฉ๋๋ค. ์ฌ๊ธฐ์ TanStack Query๋ ์๋ฒ ์ํ๋ฅผ ๋ค๋ฃจ๋ ๋ฐ์ดํฐ fetching ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋งํฉ๋๋ค. ์์ ์ด๋ฆ์ Reactโฆ

ํ๋ก ํธ์๋ ํ ์คํธ ์ํ๊ณ ๊ตฌ์กฐ
ํ๋ก ํธ์๋ ํ ์คํธ๋ฅผ ์์ํ๋ ค๊ณ ํ๋ฉด Jest, Vitest, jsdom, Testing Library, MSW, Playwright ๋ฑ ์๋ง์ ๋๊ตฌ๊ฐ ํ๊บผ๋ฒ์ ์์์ง๋๋ค. ๊ฐ ๋๊ตฌ๊ฐ ์ด๋ค ์ญํ ์ ํ๊ณ , ์ด๋ป๊ฒ ์กฐํฉ๋๋์ง ์ ์ฒด ๊ทธ๋ฆผ์ ๋จผ์ ์ก์๋๋ฉด ์ดํ ํ์ต๊ณผ ๋๊ตฌ ์ ํ์ด ํจ์ฌโฆ

๋น์ ์ useEffect์ ์ด๋ฆ์ ๋ถ์ฌ์ผ ํ๋ ์ด์
useEffect์ ์ด๋ฆ์ ๋ถ์ฌ์ผ ํ๋ ์ด์

์ข์ ํ ์คํธ ์ฝ๋, ๋์ ํ ์คํธ ์ฝ๋ โ component, hook ํธ (2)
์ข์ ํ ์คํธ ์ฝ๋, ๋์ ํ ์คํธ ์ฝ๋ โ componentํธ

์ข์ ํ ์คํธ ์ฝ๋, ๋์ ํ ์คํธ ์ฝ๋ โ utilํธ (1)
์ข์ ํ ์คํธ ์ฝ๋, ๋์ ํ ์คํธ ์ฝ๋ โ utilํธ

2025 ์์ธ๋ํ๊ต ๋์์ธ๊ณผ ์ ์ ์ฌ์ดํธ ์ธ์ฃผ๋ฅผ ํ๊ณ ํ๋ฉฐ
์์ธ๋ํ๊ต ๋์์ธ๊ณผ ์กธ์ ์ ์ SNU DESIGN WEEK 2025 | WRAP UP ์ฌ์ดํธ๋ฅผ ์ค๊ณ๋ถํฐ ๋ฐฐํฌ, ์ด์๊น์ง ๋ด๋นํ๋ฉฐ ๊ฒช์ ๊ธฐ์ ์ ์์ฌ๊ฒฐ์ ๊ณผ ๊ตฌํ ๊ณผ์ ์ ์ ๋ฆฌํฉ๋๋ค.
kyu-log