리액트 설치
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 - 리액트 개발의 기본적인 단위
페이스북, 인스타그램, 넷플릭스 모두 리액트로 만들어져 있다.
접속후 리액트 개발자도구로 확인해봐도 좋다.
'React' 카테고리의 다른 글
| [코딩애플님 강의] 6. Component로 HTML 깔끔하게 줄이는 법 (0) | 2022.05.15 |
|---|---|
| [코딩애플님 강의] 5. state 맘대로 변경하는 법 (0) | 2022.05.15 |
| [코딩애플님 강의] 4. 리액트, 이벤트 리스너 (0) | 2022.05.13 |
| [코딩애플님 강의] 3. useState (0) | 2022.05.12 |
| [코딩애플님 강의] 2. JSX 사용 (0) | 2022.05.10 |