React란?
React 리액트
- 복잡한 사용자 인터페이스(UI)를 쉽게 구축하기 위해 페이스북에서 제작한 자바스크립트 기반의 라이브러리
- 싱글 페이지 애플리케이션이나 모바일 애플리케이션 개발에 주로 사용된다
- 특정 데이터에 변화가 생길 때 매번 변화를 주기 위한 코드를 작성하는 것이 아니라, 기존 코드를 없애고 다시 새롭게 랜더링
시스템 환경 설정
Windows PowerShell 설정
Window PowerShell > 관리자로 실행
| set-ExecutionPolicy bypass |
명령어를 입력해 세팅하기
| y |
세팅완료
VS Code에서 react 설치
새 terminal을 생성해 명령어 입력
| npm i -g yarn |
명령어를 입력해 상태 확인
| yarn -v |
버전확인
| yarn global add create-react-app |
리액트 설치 명령어
success 값이 떠야 성공
| yarn create react-app [폴더이름] |
명령어로 설치 완료
> yarn create react-app . 현재폴더
| yarn start |
명령어로 실행
리액트가 실행된다
React 패키지 관리 툴
: 라이브러리들을 관리하고 설치할 수 있는 도구
ex. npm, npx, yarn, yarn2,3(yarn berry)
npm
- node 에서 기본적으로 내장 되어있는 패키지 관리 툴
ex)
npm i(install) 라이브러리명 — 설치
npm rm(remove) 라이브러리명 — 삭제
-g 노드 환경 자체에 설치
-d 개발자 환경에서 설치
yarn
- 과거에는 npm보다 속도, 안정성, 보안 모두 뛰어나서 이목을 끌었지만 현재 크게 차이가 없다.