1. node.js 환경이 필요 -> node.js 설치
LTS -> 안정화 버전 | Current -> 현재버전
1-1. WINDOW 환경 설치 확인
win+r -> cmd -> node -v, npm -v (버전이 나올시 node.js와 npm이 정상적으로 설치된것)
1-2. MAC 환경 세팅 설치 확인
spotlight search -> terminal -> node -v, npm -v (버전이 나올시 node.js와 npm이 정상적으로 설치된것)
2. create react app 설치
2-1. npm을 이용한 설치
cmd, terminal 실행
npm install -g create-react-app
권한이 없어서 실패할 경우 에러 -> eacces
sudo npm install -g create-react-app
설치 확인 -> create-react-app -V
2-2. npx를 이용한 설치(권장 방법)
npx create-react-app .
한 번만 사용하고 지우는 방법, 장점으로 컴퓨터의 공간 낭비X 실행 할 때 마다 새로 다운로드를 하기 때문에 최신버전 유지가능
3. 해당 공간에 리액트 개발환경세팅
cmd, terminal 실행
세팅할 폴더 생성
4. vscode 에서 샘플 웹앱 실행
terminal -> create-react-app 설치 경로 -> npm run start
종료 ^c
'Dev > React' 카테고리의 다른 글
리액트 react state (1) | 2023.11.12 |
---|---|
리액트 react 이벤트(event) (0) | 2023.11.11 |
리액트 react 속성(props) (0) | 2023.11.11 |
리액트 react 컴포넌트 만들기 (0) | 2023.11.11 |
리액트 react 소스 수정 방법, 배포 (0) | 2023.11.11 |