728x90

๐Ÿ’ป์›น(Web)/NextJS 1
NextJS: page router์™€ app router(1)

Page Router์™€ App Router์˜ ๊ฐ€์žฅ ํฐ ์ฐจ์ด์ ์€ ์„œ๋ฒ„ ์ปดํฌ๋„ŒํŠธ์ด๋‹ค. ์„œ๋ฒ„ ์ปดํฌ๋„ŒํŠธ๋ž€?์„œ๋ฒ„ ์ปดํฌ๋„ŒํŠธ๋Š” ์„œ๋ฒ„์—์„œ๋งŒ ์‹คํ–‰๋˜๋ฉฐ, ํด๋ผ์ด์–ธํŠธ์— JavaScript๋ฅผ ์ „๋‹ฌํ•˜์ง€ ์•Š๋Š”๋‹ค. JavaScript ๋ฒˆ๋“ค ํฌ๊ธฐ๋ฅผ ์ค„์ด๊ณ  ์ดˆ๊ธฐ ๋กœ๋”ฉ ์†๋„๋ฅผ ๊ฐœ์„ ํ•˜๋Š”๋ฐ ๋„์›€์ด ๋œ๋‹ค. ๋‹จ, ํด๋ผ์ด์–ธํŠธ์—์„œ ์ง์ ‘ ์ƒํ˜ธ์ž‘์šฉํ•˜๋Š” ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๋Š” ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๊ณ , ์„œ๋ฒ„์—์„œ ๋ Œ๋”๋ง๋œ HTML๋งŒ ํด๋ผ์ด์–ธํŠธ๋กœ ์ „๋‹ฌํ•œ๋‹ค. page router์—์„œ๋Š” ํŽ˜์ด์ง€ ์ „์ฒด๋ฅผ SSR๋กœ ์ฒ˜๋ฆฌํ• ์ง€, SSG๋กœ ์ฒ˜๋ฆฌํ• ์ง€, ํ˜น์€ CSR์œผ๋กœ ์ฒ˜๋ฆฌํ• ์ง€ ๊ฒฐ์ •ํ•  ์ˆ˜ ์žˆ์—ˆ์ง€๋งŒ app router์—์„œ๋Š” ์ปดํฌ๋„ŒํŠธ ๋‹จ์œ„๋กœ ์„œ๋ฒ„ ์ปดํฌ๋„ŒํŠธ์™€ ํด๋ผ์ด์–ธํŠธ ์ปดํฌ๋„ŒํŠธ๋กœ ๊ตฌ๋ถ„ํ•œ๋‹ค. ๋งŒ์•ฝ ์„œ๋ฒ„ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ํด๋ผ์ด์–ธํŠธ ์ปดํฌ๋„ŒํŠธ์˜ ์ž์‹์œผ๋กœ ์žˆ๋‹ค๋ฉด ํด๋ผ์ด์–ธํŠธ์—์„œ ์„œ๋ฒ„ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋ Œ๋”๋ง๋˜๋Š” ๊ฒƒ์ด..
๐Ÿ’ป์›น(Web)/NextJS 2024.11.10
1
๋”๋ณด๊ธฐ
728x90

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