참고자료 : 인프런 노드버드
우선적으로 npm 과 node 가 설치되어있는지 확인을 한다.
node -v
npm -v
확인이 되었으면 ,
npm init
을 해준다.
처음에 package name
본인 패키지 이름을 작성한 후
모두 enter 를 누르면 된다.
package.json
설정을 밑에와 같이 수정해준다.
{
"dependencies": {
"next": "^9.5.5"
},
"name": "react-nodebird-front",
"version": "1.0.0",
"main": "index.js",
"devDependencies": {},
"scripts": {
"dev": "next",
"build": "next build"
},
"author": "Jakdu",
"license": "ISC",
"description": ""
}
이제 next 를 설치해준다.
npm install next@9
react 만 사용할땐 import {BroweRouter as Router ,Route , Link } from 'react-router-dom';
을 import 해줘야하지만 , next 를 사용할땐 pages 폴더만 만들어주면 된다.
import React from "react";
const home = () => {
return <div>test</div>;
};
export default home;
npm run dev
하게 되면 화면에
보이는것을 확인할 수 있다 .