react next js

BackEnd_Ash.log·2021년 2월 5일
0

react

목록 보기
34/41

참고자료 : 인프런 노드버드

install

우선적으로 npm 과 node 가 설치되어있는지 확인을 한다.

node -v
npm -v

확인이 되었으면 ,

npm init

을 해준다.

처음에 package name
본인 패키지 이름을 작성한 후
모두 enter 를 누르면 된다.

package.json

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

pages

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

하게 되면 화면에

보이는것을 확인할 수 있다 .

profile
꾸준함이란 ... ?

0개의 댓글