728x90
๋ฐ˜์‘ํ˜•

Next 1

Next.js] ํ”„๋กœ์ ํŠธ ํด๋” ๊ตฌ์กฐ

๋ช…๋ น์–ด๋ฅผ ํ†ตํ•ด ํ”„๋กœ์ ํŠธ ์ƒ์„ฑํ•˜๊ฒŒ ๋˜๋ฉด ์‚ฌ์ง„๊ณผ ๊ฐ™์€ ๊ตฌ์กฐ๋ฅผ ๊ฐ€์ง€๊ฒŒ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ถ”๊ฐ€ ์˜ต์…˜์œผ๋กœ ์‚ฌ์ง„๊ณผ ๊ฐ™์ด ์„ค์ •ํ•ด ์ฃผ์—ˆ์Šต๋‹ˆ๋‹ค. Next 13 ๋ฒ„์ „๋ถ€ํ„ฐ ์ƒ๊ธด app router๋ฅผ ์‚ฌ์šฉํ•ด๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. (์ด์ „ ๋ฒ„์ „ ๊นŒ์ง€๋Š” ๋ณดํ†ต pages๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋ผ์šฐํŒ…์„ ํ–ˆ์Šต๋‹ˆ๋‹ค.) npx create-next-app@latest ์ด๋ ‡๊ฒŒ ์ƒ์„ฑ๋œ ํด๋” ๊ตฌ์กฐ์—์„œ ์ƒ์„ฑ๋œ ํŒŒ์ผ์„ ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. Layout.tsx ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋กœ ์„ค์น˜ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— tsxํŒŒ์ผ์ž…๋‹ˆ๋‹ค. ํ•ด๋‹น ํŒŒ์ผ์€ ๊ธฐ๋ณธ์ ์ด ํ”„๋กœ์ ํŠธ, ์›นํŽ˜์ด์ง€์˜ ๊ณจ๊ฒฉ์ด๋ผ๊ณ  ๋ณด์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค. _app์ด๋ž‘ ๋น„์Šทํ•œ๊ฐ€? ์‹ถ์Šต๋‹ˆ๋‹ค. import './globals.css' import type { Metadata } from 'next' import { Inter } from 'next/font/goo..

Front-End/Next.js 2023.08.15
728x90
๋ฐ˜์‘ํ˜•