๐ ํ๋ก ํธ์๋ ํ ์คํธ์ ํต์ฌ, MSW๋ฅผ ์ค์ Next.js ํ๋ก์ ํธ(๋ด๊ฐ ์ถ์๋ผ๋ ๐ฉ)์ ์ ์ฉํด ๋ณด๊ธฐ ํญํด ํ๋ฌ์ค ํ๋ก ํธ์๋ ๊ณผ์ 7์ฃผ์ฐจ์์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ค์ ํ์ ์ญ๋์ผ๋ก ๋ ์ค๋ฅธ ํ ์คํธ
๐ ํ๋ก ํธ์๋ ํ ์คํธ์ ํต์ฌ, MSW๋ฅผ ์ค์ Next.js ํ๋ก์ ํธ(๋ด๊ฐ ์ถ์๋ผ๋ ๐ฉ)์ ์ ์ฉํด ๋ณด๊ธฐ ํญํด ํ๋ฌ์ค ํ๋ก ํธ์๋ ๊ณผ์ 7์ฃผ์ฐจ์์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ค์ ํ์ ์ญ๋์ผ๋ก ๋ ์ค๋ฅธ ํ ์คํธ ์ฝ๋์ ๋ํด ๊น์ด ์๊ฒ ํ์ตํ์ต๋๋ค ๐ ํนํ ์ค๋ฌด์์ ๊ฐ์ฅ ์ ์ฉํ๊ฒ ํ์ฉ๋ ๊ฒ ๊ฐ์ MSW(Mock Service Worker)๋ฅผ ์ ๊ฐ ์ด์ ์ค์ธ '๋ด๊ฐ ์ถ์๋ผ๋' ํ๋ก์ ํธ์ ์ง์ ๋์ ํด๋ณด๋ ๋์ ์ ํ์ต๋๋ค. ๋น๋ก ๋ฏธ๋ ํ๋ก์ ํธ์ MSW๋ฅผ ๋์ ํ๋ ๊ฒ ๋ค์ ๊ณผํ์ ์ ์์ง๋ง, ์ด ๊ณผ์ ์์ Next.js ํ๊ฒฝ์์์ MSW ์ค์ ๋ถํฐ ์ค์ ์ฌ์ฉ๊น์ง ๊ท์คํ ๊ฒฝํ์ ์์ ์ ์์์ต๋๋ค. ํนํ ํ๋ก ํธ์๋/๋ฐฑ์๋ ํ์ ์ API๊ฐ ์์ฑ๋๊ธฐ ์ ์ ํ๋ก ํธ ๊ฐ๋ฐ์ ์งํํด์ผ ํ๋ ์ค๋ฌด ์ํฉ์์, MSW๋ฅผ ํจ๊ณผ์ ์ผ๋ก ํ์ฉํ ์ ์๋ ์์ ๊ฐ์ ์ป์์ต๋๋ค ๐ช ์ ๊ฐ ์ง์ ๊ฒฝํํ Next.js ํ๋ก์ ํธ์ MSW ๋์ ๊ธฐ๊ฐ ๊ถ๊ธํ์๋ค๋ฉด ๋ฒจ๋ก๊ทธ๋ฅผ ๋ฐฉ๋ฌธํด ์ฃผ์ธ์ ๐ซถ๐