npm install @next/font 로 설치 후 ​ import { Noto_Sans_KR } from "@next/font/google"; import Head from "next/head"; ​ const notoSansKR = Noto_Sans_KR({ weight: ["400", "700"], subsets: [], }); ​ ​ {` html { font-family: ${notoSansKR.style.fontFamily}, sans-serif; } `}

npm install --save-dev http-proxy-middleware 백엔드와 프론트 앤드를 같은 도메인으로 운영하기 위해 사용 setupProxy.js const { createProxyMiddleware } = require("http-proxy-middleware"); module.exports = function (app) { app.use( "/api", createProxyMiddleware({ target: "http://localhost:3001", changeOrigin: true, }) ); };

npm install react-helmet --> 설치가 필요 javascript 아래와 같이 표현 document.title = 'header title'; react 문법 예시 import { Helmet } from 'react-helmet'; header title react-helmet - npm

폴더 생성 후 아래와 같이 실행 ​ npx create-next-app . ​ ​ --> 개발서버 키는 명령어 npm run dev ​ 기존의 nextjs 프로젝트 폴더를 가져왔을 때 npm install --> 하면 필요한 설치 라이브러리를 설치해줌 ​