React 설치 및 node.js 설치 방법

1. vscode 설치

기본적으로 개발 툴이 필요하다. 추천하는 개발툴은 visual studio code이며, 코드 개발 편의성이 좋다.

 

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

Visual Studio Code - Code Editing. Redefined

 

2. nodejs 설치

React 프로젝트를 생성하기 위해서는 Node.js가 설치되어야 하며, 웹 브라우저가 아닌 컴퓨터/서버에서 자바스크립트를 실행 할 수 있게 해주는 자바스크립트 런타임 도구이다.

 

설치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

 

 

참조 블로그 : https://unicoding.tistory.com/4

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