취업준비를 하며 코딩테스트를 하다가 잠시 딴 생각이 나서 코딩 관련 유투브를 보던 중
nextjs가 react 프레임워크라 설명하길래 결국 강의까지 찾고 말았다..
React랑 문법이 같기 때문에 강의를 따라서 페이지까지 만드는것은 정말 편했다.
특히 layout.js의 기능은 정말 편한 기능이다.
import { Inter } from 'next/font/google'
import './globals.css'
import Link from 'next/link'
const inter = Inter({ subsets: ['latin'] })
export const metadata = {
title: 'Create Next App',
description: 'Generated by create next app',
}
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
<div className="navbar">
<Link href={"/"}>홈</Link>
<Link href={"/list"}>List</Link>
</div>
{children}
</body>
</html>
)
}
layout.js에 nav를 입력해놓으면 모든 하위 컴포넌트에 추가되는것은 CRA로 작업하는 것보다 더 수월할 것 같다.