Next.js 13 - 4. 뼈대 만들기

Next.js 뼈대 만들기 만약 이전 글을 보고 start가 실행 중이라면 끄고 dev를 다시 실행하자. 웹을 소개하는 튜토리얼 사이트를 만들어본다고 하자. 처음에 접속하면 웰컴 메시지를 보여준다고 할 때 이 컨텐츠는 어디서 가져올까? 바로 src/page.tsx가 리턴하는 값이다. 이 컨텐츠만이 아니라 어떤 페이지로 이동할 수도 있다. 그런데 어떤 페이지를 이동하던 공통된 내용을 가지고 있다면 공통된 내용을 다루는 src/layout.tsx에서 관리하는 것이 훨씬 더 효율적이다. 아래와 같이 뼈대를 만들어 CRUD를 위한 기본 틀을 만들 수 있다. // /src/app/page.tsx import Image from 'next/image'; export default function Home() { r..

2023.08.30