React 로컬 개발환경 설치 및 세팅방법

리액트를 개발하기 위해 전반적으로 리액트를 설치하는 방법에 대해 알아보자!

1. vscode 설치

리액트를 사용하기 위해서는 기본적으로 개발을 할수 있는 개발툴이 필요하다.

내가 추천하는 개발툴은 무료에다가 기능도 아주 강력한 visual studio code 툴을 강력추천한다. 툴내에서 손쉽게 터미널을 사용할수 있고 많은 익스텐션(확장프로그램)이 있어서 코드 개발 편의성이 매우 우수하다.

 

설치URL : https://code.visualstudio.com/

 

2. nodejs 설치

nodejs 를 설치해주자! 필수요소는 아니지만 npm 이라는 노드패키지매니저(npm)를 편히 사용하기 위해 설치하는걸 권

장한다. nodejs 에는 npm 이 내장되어 있기 때문에 nodejs 를 설치해주는 것만으로도 npm 을 쉽게 사용할 수 있다.

 

설치URL : https://nodejs.org/ko/

Node.js

 

 

3. React 설치 

nodejs , vscode 까지 설치가 완료되었다면 이제 React 를 설치해주도록 하자. 

 

vscode 를 열고 react 프로젝트를 시작할 폴더를 열어준다. vs 코드 안 터미널에서 npm 을 이용하여 create_react_app 을 설치해주도록 하자. create_react_app 은 바벨, 노드몬등이 포함된 웹팩이다.

npm install -g create-react-app

이제 프로젝트를 만들어주도록 하자. 

create-react-app 프로젝트폴더명

이렇게 되면 react 설치가 끝난다.

터미널에 run start 를 통해 정상적으로 동작하는지 확인해보자

 

npm run start