❤️리액트❤️
🌟프로젝트 생성
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' 카테고리의 다른 글
useCallback() (0) | 2024.10.22 |
---|---|
Side Effects 다루기 (0) | 2024.10.18 |
[React] useEffect() (0) | 2023.10.24 |
[React] api 설치 (0) | 2023.10.24 |
[React] react-router-dom 오류 (2) | 2023.10.17 |