๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

MSW1

[React, Next.js] ๋กœ๋˜ ๋งˆ๋ฒ•์ง„ ์‚ฌ์ดํŠธ ๋งŒ๋“ค๊ธฐ (2) - ํ”„๋ก ํŠธ ๋ชฉ์—…์„ ์œ„ํ•ด MSW ์„ค์น˜ํ•˜๊ณ  ๊ด€๋ จ ์ฝ”๋“œ ์ž‘์„ฑํ•˜๊ธฐ! ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ๊ผญ ํ•ด๋ณด๊ณ  ์‹ถ์—ˆ๋˜ ๊ฒƒ ์ค‘ ํ•˜๋‚˜๋Š” ๋ชฉ์—…์ด์—ˆ๋‹ค.๊ณผ์—ฐ ๋ชฉ์—…์ด ๋ฌด์—‡์ด๋ฉฐ,React๋Š” ์–ด๋–ค์‹์œผ๋กœ ๋ชฉ์—…์„ ํ• ๊นŒ? https://lotto-magic-frontend.vercel.app/ ๋กœ๋˜ ๋ฒˆํ˜ธ ์ƒ์„ฑ ๋งˆ๋ฒ•์ง„ํ–‰์šด ์š”์†Œ 3๊ฐœ๋ฅผ ์„ ํƒํ•˜๋ฉด ์˜ค๋Š˜์˜ ๋กœ๋˜ ๋ฒˆํ˜ธ์™€ ํ–‰์šด ์ ์ˆ˜๋ฅผ ๋งŒ๋“ค์–ด์ฃผ๋Š” ์‚ฌ์ดํŠธ์ž…๋‹ˆ๋‹ค.lotto-magic-frontend.vercel.app 1. ํ™˜๊ฒฝ๊ตฌ์„ฑReactNext.jsWebStormTypeScript 2. ๋ชฉ์—…(Mocking)๊ฐœ๋ฐœ์—์„œ์˜ ๋ชฉ์—…์€ ์‹ค์ œ ์ œํ’ˆ์ด๋‚˜ API๊ฐ€ ์•„์ง ์ค€๋น„๋˜์ง€ ์•Š์•˜์„ ๋•Œ, ๊ทธ ์—ญํ• ์„ ๋Œ€์‹ ํ•  ๊ฐ€์งœ ๋ฐ์ดํ„ฐ๋‚˜ ํ™˜๊ฒฝ์„ ๋งŒ๋“œ๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•œ๋‹ค.ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ์‹œ ๋ฐฑ์—”๋“œ API ์„œ๋ฒ„๊ฐ€ ์™„์„ฑ๋  ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ฆฌ์ง€ ์•Š๊ณ , ๋ฏธ๋ฆฌ ์ •์˜๋œ ๋ฐ์ดํ„ฐ ๊ตฌ์กฐ๋ฅผ ์ด์šฉํ•ด U.. 2026. 4. 30.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”