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

리액트(React)란?

사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 JavaScript 라이브러리입니다.

 

 

 

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

---

https://yyyeji.tistory.com/372

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

 

 

 

리액트(React) 설치하기

---

$ npm install -g create-react-app

create-react-app -V

node.js와 마찬가지로 버전확인을 했을 때 잘 뜨면 잘 설치됐다는 뜻입니다.

 

 

 

개발환경 셋팅하기

---

 

cd 명령어를 통해 개발환경 셋팅을 원하는 폴더에 들어갑니다.

 

 

$ create-react-app .

 

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

 

 

리액드(React) 실행하기

---

VScode에서 리액트(react)가 설치된 폴더를 열어주세요.

 

New terminal을 열어준 후 아래 명령어를 입력해주세요.

$ npm run start

http://localhost:3000/

명령어를 작성했을 때 위에 페이지가 나오면 설치가 잘 되었다는 의미입니다.

 

 

 

◡̈