설치 및 개발환경 셋팅

🖥️ React 개발 환경 셋팅

React.js는 Facebook에서 개발한 사용자 인터페이스 라이브러리로, 다양한 웹 애플리케이션을 개발하는데 사용된다. 

 

아래는 react 공식문서이다. 참고용으로 쓰면 좋다.

https://ko.legacy.reactjs.org/

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

 

⌨️ Node.js 설치

React를 시작하기전에 먼저 node.js를 설치해 환경을 구성해줘야 한다.

Node.js를 설치하기 위해서는 공식 사이트에서 다운로드 받아 설치하면 된다.

https://nodejs.org/en/

Node.js

📌 설치 버튼이 두개가 있는데 왼쪽 것을 선택하는 것이 더욱 안정성이 있다.

 

설치가 완료되면 terminal 창을 열어 node -v 를 입력해 node.js 버전이 뜨면 설치가 완료된 것이다.

 

⌨️ React.js 설치하기

React.js를 사용하기 위해서는 create-react-app이라는 도구를 사용하여 프로젝트를 생성해야 한다. create-react-app을 설치하려면 명령 프롬포트 또는 터미널에서 다음 명령어를 실행한다.

npm install -g create-react-app

 

⌨️ React.js 프로젝트 시작하기

React.js 프로젝트를 생성하기 위해서는 명령 프롬포트 또는 터미널에서 원하는 경로로 이동한 후 다음 명령어를 실행한다.

npx create-react-app 프로젝트파일명