이번 글에서는 Router를 만들어 보려고 합니다. 이전에 만들어둔 프로젝트의 루트 디렉터리에 components 폴더를 하나 만들고, 그 안에 NavBars.js 파일을 생성합니다. export default function NavBars() { return Home About ; } 그리고 about.js / index.js 에 내용을 각각 바꾸어줍니다. import NavBars from '../components/NavBars' export default function AboutPage() { return ( About ) } import NavBars from '../components/NavBars' import { useState } from 'react'; export default fu..
[Next.js] 의 프로젝트 구성도
이전 글에서 생성한 nextjs 프로젝트는 구성도가 아래와 같이 되어 있습니다. 1. package.json, tsconfig.json 프로젝트의 전체 설정에 대한 내용이 담겨있습니다. 여기에는 프로젝트를 어떻게 실행시킬지와 어떤 dependency를 프로젝트에서 사용하고 있는지 보여줍니다. 추가적으로 package-lock.json 은 자동으로 생성됩니다. 또, tsconfig 파일은 타입스크립트 파일을 임포트하거나 타입스크립트 버전, 라이브러리 등을 설정하는 파일입니다. { "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict":..