[react #2] 환경 설정 및 webpack 설정

 

이전에 리액트 화면을 실행하는것까지 성공하였다면 환경설정을 해보겠습니다. 

 

프로젝트 폴더로 이동하여 아래 명령어를 하나씩 입력합니다.

 

>npm install --save react react-dom
>npm install -g babel webpack webpack-dev-server
>npm install --save-dev babel-core babel-loader babel-preset-react babel-preset-es2015 webpack webpack-dev-server

>yarn eject

 

위 명령어는 velopert님 사이트를 참고 하였습니다.

 

설치가 끝나면 디렉토리를 구성해보겠습니다.

 

src 

ㄴserver 

ㄴshared 

    ㄴassets 

    ㄴcomponents 

    ㄴcss 

 

로만 구성을 하였습니다.

 

 

 

 

 

 

 

 

 

 

서버를 기동해보고 만약에 에러가 난다면 

프로젝트에서 node_modules안에 폴더 내용을 싹 지우고 

 

>npm install 실행

 

 

여기까지 잘 되었다면 config 폴더가 생겼을 겁니다.