Windows Node, React, Next 설치

1. Node 설치

Node와 npm을 다음 사이트에서 설치

https://nodejs.org/en/download/package-manager

Node.js — Download Node.js®

 

2. React 설치 및 실행

npm install -g create-react-app

mkdir -p book_trinity/frontend/chapter2/
cd book_trinity/frontend/chapter2/
create-react-app ex_f1_app

### React 서버 실행
cd ex_f1_app
npm start

 

다음의 웹페이지가 자동으로 로딩되면 React 환경 세팅 완료

 

3. Next 설치

npm install --save next react react-dom

 

 

 

Next 실행

package.json 하단 scripts ADD
"scripts":{
    ...
}
"scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "export": "next export"
},

mkdir pages
cd pages
echo. > index.js

index.js에 다음 코드를 입력
'''
import React from 'react';

const IndexPage = () => {
  return (
    <div>
      <h1>Welcome to Next.js!</h1>
    </div>
  );
};

export default IndexPage;
'''

cd..
npm run dev

 

다음의 웹페이지가 켜지면 Next 환경 설정 완료