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

๐Ÿ–ฅ๏ธdevelop/Next.js1

[Next.js] ๋กœ๊ทธ์ธ ๋’ค๋กœ๊ฐ€๊ธฐ๋กœ ์ ‘๊ทผ ์ œํ•œํ•˜๊ธฐ-router.push vs router.replace ์ธ๊ณ„๋ฐ›์€ ํ”„๋กœ์ ํŠธ๋ฅผ ํ™•์ธํ•˜๋˜ ์ค‘ ์žฌ๋ฐŒ๋Š” ์ƒํ™ฉ์„ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค. ๋กœ๊ทธ์ธ ํ›„ ํ™ˆ ํ™”๋ฉด์—์„œ ๋’ค๋กœ๊ฐ€๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด, ๋‹ค์‹œ ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€๋กœ ๋Œ์•„๊ฐ€๋Š” ๋ฌธ์ œ์˜€์Šต๋‹ˆ๋‹ค. ์ƒ๋‹จ์˜ GNB(๊ธ€๋กœ๋ฒŒ ๋„ค๋น„๊ฒŒ์ด์…˜ ๋ฐ”)๋ฅผ ๋ณด๋ฉด, ๋กœ๊ทธ์ธ ์ƒํƒœ์ž„์ด ๋ถ„๋ช…ํ•œ๋ฐ, ์ฝ˜ํ…์ธ  ์˜์—ญ์—์„œ ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€๊ฐ€ ํ‘œ์‹œ๋˜๋Š” ๋ถ€์ž์—ฐ์Šค๋Ÿฌ์šด ์ƒํ™ฉ์ด์—ˆ์Šต๋‹ˆ๋‹ค. ์ƒ๊ฐํ•ด๋ณด๋ฉด, ๋กœ๊ทธ์ธ ์ƒํƒœ์—์„œ๋Š” ๋’ค๋กœ๊ฐ€๊ธฐ๋ฅผ ๋ˆŒ๋Ÿฌ๋„ ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€๊ฐ€ ํ‘œ์‹œ๋˜์ง€ ์•Š๋Š” ๊ฒƒ์ด ์ž์—ฐ์Šค๋Ÿฌ์šด ํ๋ฆ„์ผํ…๋ฐ, ์ด ์ƒํ™ฉ์€ UX์™€ ๋ณด์•ˆ ์ธก๋ฉด์—์„œ ์ •์ƒ์ ์ธ ์„œ๋น„์Šค ํ”Œ๋กœ์šฐ๋Š” ์•„๋‹ˆ๋ผ๊ณ  ํŒ๋‹จํ•˜์—ฌ ์‚ฌ์šฉ์ž๊ฐ€ ๋’ค๋กœ๊ฐ€๊ธฐ๋ฅผ ๋ˆŒ๋Ÿฌ๋„ ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€๋กœ ๋Œ์•„๊ฐˆ ์ˆ˜ ์—†๋„๋ก ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€ ์ ‘๊ทผ ์ œํ•œ์„ ๊ตฌํ˜„ํ•˜๊ธฐ๋กœ ํ–ˆ์Šต๋‹ˆ๋‹ค. ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์ฒ˜์Œ์—๋Š” ํ† ํฐ ์œ ๋ฌด๋ฅผ ํ™•์ธํ•ด ๋ฆฌ๋‹ค์ด๋ ‰ํŠธ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ ์ ‘๊ทผํ–ˆ์Šต๋‹ˆ๋‹ค.์ด์ „ ํ”„๋กœ์ ํŠธ์—์„œ๋„ ์ด๋Ÿฐ ๋ฐฉ์‹์œผ๋กœ ๊ถŒํ•œ ๋ณ„ ์ ‘.. 2024. 11. 19.

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