참고자료(배포 방법)
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
참고자료(배포 시 빈화면 오류 해결)
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
'프론트엔드 > React' 카테고리의 다른 글
[React] 환경변수를 활용한 API key 숨기기 (0) | 2023.08.15 |
---|---|
[React] github pages로 배포한 사이트에서 카카오 api 사용하기 (0) | 2023.08.15 |
[React] Styled-components 사용 예시 (0) | 2023.08.02 |
[React] 추가, 삭제 기능 구현 (0) | 2023.08.02 |
[React] 로그인 검증 (0) | 2023.08.02 |