프론트엔드/React

[React] github pages React 배포 빈화면 오류 해결

순코딩 2023. 8. 13. 16:33
참고자료(배포 방법)

https://codingapple.com/unit/react-build-deploy-github-pages/

 

만든 리액트 사이트 build & Github Pages로 배포해보기 - 코딩애플 온라인 강좌

(리액트 강좌 전체 목록) 이번시간은 간단한 내용이기 때문에 글로 빠르게 진행합니다.  여러분이 만든 사이트를 배포하려면 그냥 작업하던 App.js 파일 그대로 올리는게 아니라  build용 파일을

codingapple.com

https://velog.io/@byjihye/react-github-pageshttps://codingapple.com/unit/react-build-deploy-github-pages/

 

[React] 프로젝트 GitHub Pages 배포하기

React 프로젝트 GitHub Pages로 배포하기 (create-react-app)

velog.io

https://velog.io/@bami/React-GitHub-Pages%EC%97%90-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0

 

[React] GitHub Pages에 배포하기

오늘은 간단한 리액트 페이지를 GitHub Pages에 배포하는 방법에 대해 알아보겠습니다. 당연하겠지만, 서버가 필요한 페이지는 따로 서버를 연결해주어야하니 여기선 다루지않겠습니다.혹시 몰라

velog.io

 

참고자료(배포 시 빈화면 오류 해결)

https://velog.io/@jahommer/React-gh-pages-%EB%B9%88%ED%99%94%EB%A9%B4%EB%B0%B0%EA%B2%BD-%EB%A7%8C-%EB%82%98%EC%98%A4%EB%8A%94-%ED%98%84%EC%83%81

 

React - gh-pages & 빈화면,배경 만 나오는 현상

VScode에서 github page를 생성해 주는 gh-pages를 알아보자.install code설치가 다 되었다면 사용하고 있는 VScode의 폴더에 package.json을 열어보자.scripts 를 찾아서 deploy & predeploy 코드를 추가 작성해

velog.io

https://dev-yakuza.posstree.com/ko/react/github-pages/

 

[React] GitHub Pages에 배포

create-react-app으로 만든 React 프로젝트를 GitHub Pages에 배포해 보도록 합시다.

dev-yakuza.posstree.com