React 시작

 

1.  Node.js와 NPM설치하기

 

https://nodejs.org/en/

위의 사이트에서 Node.js를 설치해줍니다.

NPM의 경우는 Node Package Manager이기 때문에 Node.js를 설치하면 같이 설치됩니다.

설치가 완료되면 명령 프롬프트에서 잘 설치되었는지 확인합니다.

 

2. React 프로젝트 생성

React를 시작하는 가장 쉬운 방법은 터미널에서 create-react-app 명령어로 React 프로젝트를 생성해 줍니다.

npm으로 create-react-app을 설치하지않고 프로젝트를 생성하려고 하니 -4058 error가 발생하네요;;;

$npm install -g create-react-app
$cd C:\React\Test
$C:\React\Test create-react-app My-app

차근차근 천천히 진행합니다.(처음해보는 환경셋팅이 제일 어렵네요)

 

React 디렉터리 구조

my-app
├── README.md
├── node_modules
├── package.json
├── package-lock.json
├── .gitignore
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    └── reportWebVitals.js

디렉터리 구조는 나중에 공부해서 올리는 걸로하고 일단 React를 실행해 봅니다.

 

 

 

$cd my-app
$npm start

로컬호스트 포트 3000으로 react-app 이 실행되는걸 확인할 수 있습니다.

 

별거아닌데 여기까지 오는데 오래걸렸네요,,,