[MacOS] 리액트(React) 설치하기

리액트(React)란?

JavaScript 라이브러리의 하나로 사용자 인터페이스를 만들기 위해 사용되는 웹 프레임워크입니다.

 

 

Node.js 설치하기

---

https://yyyeji.tistory.com/372

[MacOS] 원하는 버전의 Node.js 설치하기

 

 

 

React 설치하기

---

$ npm install -g create-react-app

위에 명령어로 react를 설치해주세요!

 

 

아래 명령어는 버전을 확인하는 명령어입니다.

$ create-react-app -V

node.js 처럼 버전(version)이 잘 뜨면 설치가 잘 됐다는 의미입니다.

 

개발환경 셋팅하기

---

터미널에서 개발환경 셋팅을 원하는 폴더로 이동해주세요.

 

 

그리고 아래 명령어를 입력해주세요.

$ create-react-app .

 

설치가 완료되면 react를 설치한 폴더에 아래와 같은 파일들이 생깁니다.

 

 

React 실행하기

---

VScode에서 new terminal을 열고 아래 명령어를 입력해 주세요.

$ npm run start

http://localhost:3000/

위에 페이지가 뜨면 성공입니다.

 

 

 

◡̈