Suspense Query - ์„ ์–ธ์„ฑ์„ ๋Œ“๊ฐ€๋กœ ์ง€๋ถˆํ•˜๋Š” Suspend ์ƒํƒœ
ReactDX

Suspense Query - ์„ ์–ธ์„ฑ์„ ๋Œ“๊ฐ€๋กœ ์ง€๋ถˆํ•˜๋Š” Suspend ์ƒํƒœ

useSuspenseQuery๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ ธ์˜ค๋ฉด ์ฝ”๋“œ๊ฐ€ ์„ ์–ธ์ ์œผ๋กœ ์ •๋ฆฌ๋œ๋‹ค๋Š” ๊ฒƒ์€, TanStack Query๋ฅผ ์“ฐ๋Š” ์‚ฌ๋žŒ๋“ค ์‚ฌ์ด์—์„œ ๊ฑฐ์˜ ์ •์„ค์ฒ˜๋Ÿผ ํ†ตํ•ฉ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ TanStack Query๋ž€ ์„œ๋ฒ„ ์ƒํƒœ๋ฅผ ๋‹ค๋ฃจ๋Š” ๋ฐ์ดํ„ฐ fetching ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋งํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ์ „ ์ด๋ฆ„์€ Reactโ€ฆ

ํ”„๋ก ํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ ์ƒํƒœ๊ณ„ ๊ตฌ์กฐ
ReactTestingJavascript

ํ”„๋ก ํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ ์ƒํƒœ๊ณ„ ๊ตฌ์กฐ

ํ”„๋ก ํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๋ ค๊ณ  ํ•˜๋ฉด Jest, Vitest, jsdom, Testing Library, MSW, Playwright ๋“ฑ ์ˆ˜๋งŽ์€ ๋„๊ตฌ๊ฐ€ ํ•œ๊บผ๋ฒˆ์— ์Ÿ์•„์ง‘๋‹ˆ๋‹ค. ๊ฐ ๋„๊ตฌ๊ฐ€ ์–ด๋–ค ์—ญํ• ์„ ํ•˜๊ณ , ์–ด๋–ป๊ฒŒ ์กฐํ•ฉ๋˜๋Š”์ง€ ์ „์ฒด ๊ทธ๋ฆผ์„ ๋จผ์ € ์žก์•„๋‘๋ฉด ์ดํ›„ ํ•™์Šต๊ณผ ๋„๊ตฌ ์„ ํƒ์ด ํ›จ์”ฌโ€ฆ

๋‹น์‹ ์˜ useEffect์— ์ด๋ฆ„์„ ๋ถ™์—ฌ์•ผ ํ•˜๋Š” ์ด์œ 
ReactDX

๋‹น์‹ ์˜ useEffect์— ์ด๋ฆ„์„ ๋ถ™์—ฌ์•ผ ํ•˜๋Š” ์ด์œ 

useEffect์— ์ด๋ฆ„์„ ๋ถ™์—ฌ์•ผ ํ•˜๋Š” ์ด์œ 

์ข‹์€ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ, ๋‚˜์œ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ โ€” component, hook ํŽธ (2)
ReactTesting

์ข‹์€ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ, ๋‚˜์œ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ โ€” component, hook ํŽธ (2)

์ข‹์€ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ, ๋‚˜์œ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ โ€” componentํŽธ

์ข‹์€ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ, ๋‚˜์œ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ โ€” utilํŽธ (1)
ReactJavascriptTesting

์ข‹์€ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ, ๋‚˜์œ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ โ€” utilํŽธ (1)

์ข‹์€ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ, ๋‚˜์œ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ โ€” utilํŽธ

2025 ์„œ์šธ๋Œ€ํ•™๊ต ๋””์ž์ธ๊ณผ ์ „์‹œ ์‚ฌ์ดํŠธ ์™ธ์ฃผ๋ฅผ ํšŒ๊ณ ํ•˜๋ฉฐ
ReactNext.jsํšŒ๊ณ 

2025 ์„œ์šธ๋Œ€ํ•™๊ต ๋””์ž์ธ๊ณผ ์ „์‹œ ์‚ฌ์ดํŠธ ์™ธ์ฃผ๋ฅผ ํšŒ๊ณ ํ•˜๋ฉฐ

์„œ์šธ๋Œ€ํ•™๊ต ๋””์ž์ธ๊ณผ ์กธ์—… ์ „์‹œ SNU DESIGN WEEK 2025 | WRAP UP ์‚ฌ์ดํŠธ๋ฅผ ์„ค๊ณ„๋ถ€ํ„ฐ ๋ฐฐํฌ, ์šด์˜๊นŒ์ง€ ๋‹ด๋‹นํ•˜๋ฉฐ ๊ฒช์€ ๊ธฐ์ˆ ์  ์˜์‚ฌ๊ฒฐ์ •๊ณผ ๊ตฌํ˜„ ๊ณผ์ •์„ ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹ค.