언어/React.js

[React] 내가 보려고 쓴 리액트

홍시_코딩기록 2023. 10. 26. 23:10

❤️리액트❤️ 

🌟프로젝트 생성
npx create-react-app 폴더명

🌟깃허브
- 깃허브 프로젝트 생성
**깃허브 연동
 1. git init
 2. git remote add origin https://github.com/아이디/프로젝트명.git
 3. git remote -v (깃허브 잘 연결됐나 확인)
 4. git branch (브랜치가 main인지 확인)
 4-1. main이 아니면 main으로 바꿔줌
        git branch -m master main 
 5. git push origin main
      ** 오류가 뜨면 
      git pull origin main --allow-unrelated-histories
      git push origin main

     ** 깃허브 잘 못 연결했으면
     git remote remove origin
     다시 연결~

- npm install gh-pages

- package.json  스크립트 수정
  "predeploy": "npm run build",
   "deploy": "gh-pages -d build"

   "homepage": "https:// 아이디.github.io/프로젝트명/"

- git push origin main

- npm run deploy

** 설정 page는 gh-pages로 해야 함

********이 이후로 파일을 수정하게 되면 깃 푸시만 하면 됨!

🌟다운받은 리액트 파일 npm start 안될 때
- npm install --save --legacy-peer-deps
- npm start

🤔react-router-dom
v5에서 v6으로 업데이트 되면서 바뀜
- switch -> Routes
- useHistory -> useNavigate
- useRouteMatch : 쓸 일 없어짐

'언어 > React.js' 카테고리의 다른 글

[React] useEffect()  (0) 2023.10.24
[React] api 설치  (0) 2023.10.24
[React] react-router-dom 오류  (2) 2023.10.17
[React] 다운받은 파일 리액트 실행하기  (0) 2023.10.12
[React] 컴포넌트 wrapper  (1) 2023.10.11