ํ”„๋ก ํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ ์ƒํƒœ๊ณ„ ๊ตฌ์กฐ
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 ์‚ฌ์ดํŠธ๋ฅผ ์„ค๊ณ„๋ถ€ํ„ฐ ๋ฐฐํฌ, ์šด์˜๊นŒ์ง€ ๋‹ด๋‹นํ•˜๋ฉฐ ๊ฒช์€ ๊ธฐ์ˆ ์  ์˜์‚ฌ๊ฒฐ์ •๊ณผ ๊ตฌํ˜„ ๊ณผ์ •์„ ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹ค.

Page Router ๋‚ด์˜ SSR ์™€ SSG ์‹ฌ์ธต ๋น„๊ต
Next.jsReact

Page Router ๋‚ด์˜ SSR ์™€ SSG ์‹ฌ์ธต ๋น„๊ต

์ด ๊ธ€์€ Next.js Pages Router์—์„œ SSR๊ณผ SSG๊ฐ€ ๊ฐ๊ฐ ์–ด๋–ค ๊ณผ์ •์„ ๊ฑฐ์ณ ํ™”๋ฉด์„ ๊ทธ๋ฆฌ๋Š”์ง€, timeline ๋‹จ์œ„๋กœ ๋ถ„ํ•ดํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” Page Router ์— ๋Œ€ํ•œ ๊ธ€์ด๋‹ˆ, ์ตœ์‹  Next.js ๋ฒ„์ „๊ณผ๋Š” ๋งž์ง€ ์•Š์Œ์„ ๋จผ์ € ์•Œ๋ฆฝ๋‹ˆ๋‹ค!