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

NextJS

(1)
[NextJS] NextJs์˜ ๋ผ์šฐํŒ… React๋งŒ ์‚ฌ์šฉํ•˜๋‹ค๊ฐ€ ์ตœ๊ทผ๋ถ€ํ„ฐ NextJS๋ฅผ ๊ณต๋ถ€ํ•˜๊ณ  ์žˆ๋Š”๋ฐ ๋„ˆ๋ฌด ์‹ ๊ธฐํ•˜๋‹ค.. ๊ธฐ์กด์˜ React๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ๋Š” react-router-dom์„ ์‚ฌ์šฉํ•œ ๋ผ์šฐํŒ…์„ ์ „๋‹ดํ•˜๋Š” ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค์–ด์คฌ์—ˆ๋Š”๋ฐ NextJS๋Š” ๊ทธ๋Ÿด ํ•„์š”๊ฐ€ ์—†๋‹ค! ๋„ฅ์ŠคํŠธ(Next.js) ์—์„œ๋Š” pages ํด๋” ์•ˆ์— page ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ƒ์„ฑํ•˜๋ฉด ์ž๋™์œผ๋กœ ๊ฒฝ๋กœ๊ฐ€ ์„ค์ •๋œ๋‹ค!! NextJS ํ”„๋กœ์ ํŠธ์˜ ํด๋”๊ตฌ์กฐ๋ฅผ ์‚ดํŽด๋ณด๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๊ตฌ์„ฑ๋˜์–ด ์žˆ๋‹ค. /.next /node_modules /pages /public /styles .getignore package-look.json package.json README.md ์—ฌ๊ธฐ์„œ pages๋ผ๋Š” ํด๋” ์•„๋ž˜์— ํŒŒ์ผ ๋˜๋Š” ํด๋”๋ฅผ ์ƒ์„ฑํ•ด์„œ ๋ผ์šฐํŒ…์„ ํ•  ์ˆ˜ ์žˆ๋‹ค. pages ํด๋”๋‚ด์—๋Š” index.js๋ผ๋Š” ํŒŒ์ผ์ด..