[코드잇] 리액트 시작하기 / 리액트 설치 / 리액트 개발자도구

리액트 설치

 

node.js 설치

node.js => 브라우저에서만 사용할 수 있는 자바스크립트를 브라우저 밖에서도 사용할 수 있게함

vscode 설치

 

커맨드

create-react-app으로 리액트 프로젝트 생성

npm init react-app <폴더이름>

vscode, 터미널에서 npm init react-app .

 

개발 모드 실행

npm run start

 

개발 모드 종료

ctrl + C

 

---

리액트 개발자도구 (리액트구조를 살펴볼 수 있는 도구)

 

React Developer Tools 검색후 설치

F12 누른후 확인

components - 리액트 개발의 기본적인 단위

 

페이스북, 인스타그램, 넷플릭스 모두 리액트로 만들어져 있다.

접속후 리액트 개발자도구로 확인해봐도 좋다.