정신차리니까 국비지원 수업 2달째
2달만에 JS 휘리릭 지나가고
리액트 시작이다
파일에 리액트 설치 명령문 모아서 가져와봤다
적어놓지 않으면 또 까먹을게 분명해....
현위치 여기로 바꿔줌 / VScode에서 이 폴더 열기 해줘도 됨
cd (설치할 파일 이름)
뭔가 설치하기 전에 우선 종료
Ctrl + C + yes
----------------여기서 부터 설치-----------------------------------------
react 설치 ( --template typescript : 타입스크립트 버전)
* 프로젝트이름은 영어, 소문자로써야함. 대문자는 오류남
npx create-react-app 프로젝트이름 --template typescript
build 설치
npm run build
**** 프로젝트 위치로 이동해서 깔아야함 안그럼 오류남
ex) react-practice(folder) \ react-tsx(project folder)
react-tsx <= 이게 프로젝트 폴더라서 이곳에서 깔아야함
bootstrap 설치
npm install bootstrap @popperjs/core
sass 설치
npm install node-sass
router-dom 설치 (둘 다 깔아야함)
npm install @types/react-router-dom
npm install react-router-dom
immer 설치
npm install immer
-------------------------------------------------------
React 실행 명령어
우선 Ctrl + C 로 현재 작업한거닫고,
npm start
지우고 다시 깔거나, 깃에서 클론했을때, 빠진 폴더를 인식하고 설치해줌
npm install
설치되고 있는 모습
설치가 다되면 옆에 이렇게 파일이 촤르륵
그리고 이렇게 알려준다
Happy hacking!
설치하고 npm start 하면 맨 처음 이 창이 나온다
알고보니 이것도 모두 요소로 만든 것이어따..!
우와앙
리액트 넘어렵다!
