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

localStorage

(1)
Next.js ์ดˆ๊ธฐ ๋ Œ๋”๋ง ์‹œ ๋‹ค๊ตญ์–ด ๋ฌธ๊ตฌ๊ฐ€ ๋น„์–ด ๋ณด์ด๋Š” ๋ฌธ์ œ ํ•ด๊ฒฐํ•˜๊ธฐ Next.js ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ๋‹ค๊ตญ์–ด๋ฅผ localStorage ๊ธฐ๋ฐ˜์œผ๋กœ ์ฒ˜๋ฆฌํ•  ๋•Œ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.์ดˆ๊ธฐ ํ™”๋ฉด ๋กœ๋”ฉ ์‹œ ๋ฒ„ํŠผ ํ…์ŠคํŠธ๊ฐ€ ๋น„์–ด ์žˆ์Œ์ƒˆ๋กœ๊ณ ์นจ ํ›„์—๋Š” ์ •์ƒ์ ์œผ๋กœ ๋‹ค๊ตญ์–ด ๋ฌธ๊ตฌ๊ฐ€ ํ‘œ์‹œ๋จ์œ„ ๋ฌธ์ œ์˜ ์›์ธ์„ ๋ถ„์„ํ•˜๊ณ  ํด๋ผ์ด์–ธํŠธ ํ™˜๊ฒฝ์—์„œ ๋‹ค๊ตญ์–ด๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๋„๋ก ์ˆ˜์ •ํ•˜๊ณ , ์„ฑ๋Šฅ ์ตœ์ ํ™” ์ž‘์—…์„ ํ•ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.๋ฌธ์ œ ์›์ธconst DUMMY_DATA = [ { id: 0, name: getLang("WD000266"), ... }, ...];getLang(code)๋Š” localStorage์—์„œ ๋‹ค๊ตญ์–ด ๋ฌธ์ž์—ด์„ ๋ถˆ๋Ÿฌ์˜ค๋Š” ํ•จ์ˆ˜์ž…๋‹ˆ๋‹ค.export const getLang = (code) => { if (typeof window !== "undefined") { const langL..