Web dev/Git&Github
-
Git / github pull 덮어쓰기Web dev/Git&Github 2022. 5. 6. 12:38
EC2 자동배포에 시도했다가 실패해서 급한대로 pull을 했다.. 1. git pull 덮어쓰기 git fetch --all git reset --hard origin/master 2. master가 아닌 branch로 덮어 쓰기 git fetch --all git reset --hard origin/ // branch로 작업중이였다면 브랜치이름으로 작성 3. 현재 로컬 커밋을 유지하려면 다른 브랜치를 만들어 pull 해주기 git checkout master git branch git fetch --all git reset --hard origin/master
-
GitHub / React gh-pages gitgub 배포 빌드 후 빈화면 / ConnectRouter baseURL history 설정방법Web dev/Git&Github 2022. 4. 11. 17:02
포트폴리오를 위해 gh-pages를 이용해 github에 배포했다. 배포하고 난 후에 흰화면에 아무것도 render 되지 않았다. 이유는 라우터설정때문이다. 이전 글에서는 BrowserRouter Basename을 설정해 문제를 해결했다. 하지만 나는 ConnectRouter를 사용했는데 basename을 지원하지않아 다르게 baseURL을 설정해야했다. 1. connected-react-router 설치 npm i connected-react-router 2. npm i history 설치 npm i history 3. createBrowserHistory 생성 import { createBrowserHistory } from 'history'; const history = createBrowserHi..
-
GitHub / React gh-pages 배포 빌드 후 빈화면 / BrowserRouter 라우팅 문제해결Web dev/Git&Github 2022. 4. 11. 16:48
리엑트로 만든 프로젝트를 gh-pages 를 통해 배포했다. 근데 흰화면으로 아무것도 보이지 않는다..이게뭐징.. CRA로 새로만들어 테스트 할땐 잘되었는데 뭐지.. 알고보니 react-router-dom 의 BrowserRouter가 문제였다. 라우팅설정은 꼭 하기 때문에 처음이라면 이경험은 한번씩 다 하는것 같다. 해결방법은 베이스 URL을 설정해주면 된다. 하지만 해결하고 나니 나는BrowserRouter 대신 ConnectRouter를 사용하고 있었다..ㅋㅋ 두개는 패키지가 다르다..일단 react-router-dom 의 BrowserRouter 해결방법이다. BrowserRouter 해결방법은 두가지다. 나는 1번만 해보고 2번은 해보지 않았다. 1. BrowserRouter에 basename을..
-
GitHub / React 배포 / gh-pages 사용하기Web dev/Git&Github 2022. 4. 11. 13:44
기존에 리엑트로 작업중인것을 깃헙페이지에 배포를 했는데 자꾸 흰화면만 뜨는것이다. 그래서 CRA를 새로 만들어 배포 했다. 기존 프로젝트에서 흰 화면만 뜨는것은 라우팅 설정 때문이였다. 라우팅 해결방법은 다음 포스팅에 적어볼 예정이다. gh-pages 사용하여 react github에 배포하기 1. 깃헙 레포지터리 만들기 2. 프로젝트 업로드 vscode 프로젝트열고 터미널에 실행 git init 깃설치 git add * 스테이트 올리기 git commit -m 'first commit' 커밋메시지 git remote add origin https://github.com/drrd100/test.git 저장소연결 git push -u origin master 마스터로 푸쉬 업로드 확인 3. 프로젝트에 gh..
-
Github / github 배포하기 / 레포지터리 생성Web dev/Git&Github 2022. 4. 11. 12:58
포트폴리오 올리려고 무료호스팅 사이트를 찾다가 깃헙페이지로 배포하기로 결정했다. 예전에 닷홈에서 무료호스팅을 썼지만 기간이 지나면 돈을 내야한다 ㅠ3ㅠ 어차피 깃헙 관리도 해야하니 1석2조라고 생각했다. 이번 포스팅에서는 기본 배포방법을 알아보고 다음번에는 리엑트프로젝트 배포를 해볼것이다. 1. 깃헙아이디를 만들어준다 > 레포지터리 이동 후 new를 눌러 생성해준다. 2. 레포지터리를 생성해준다. 퍼블릭으로 해야한다. > readme,gitignore 등등은 나중에 만들어도 된다. 3. 파일 업로드 > 그냥 따라하면된다. readme파일 체크안했더니 리드미 만들라고도 생겼다. 나는 vscode를 쓴다. 올릴 파일을 열고 터미널을 열어 그대로 따라해준다. 업로드가 된것을 확인 해준다. 이전에 올린 레포지터..