관리 메뉴

CASSIE'S BLOG

GitHub Page 이용 배포 호스팅 본문

PROGRAMMING/깃허브

GitHub Page 이용 배포 호스팅

ITSCASSIE1107 2023. 10. 9. 21:27

참고자료: 

https://minjoo-space.tistory.com/58

 

[React] React를 GitHub Page에 무료 호스팅하기(페이지 만들기)

오늘은 React JS로 작성한 코드를 어떻게 github page에 무료로 배포할 수 있는지에 대해서 공부해보았다. 가끔 블로그나 사이트들을 볼때 주소가 github.io라고 작성되어있는걸 많이 봤었는데, 이 호스

minjoo-space.tistory.com

 

📌추가 주의 사항
🎯깃허브 배포할 때 build폴더에 사진 업로드 해야할 때


png 파일명 소문자로 되어있으면 소문자


JPG 로 되어있으면 대문자


그냥 완전히 똑같이 맞춰야 배포될 때 보임. 

 

⭐⭐⭐ 테스트 안해봤는데 저렇게 안하니까 오류나더라 ⭐⭐⭐

그냥 폴더 하나 더 만들고 거기 밑에다가 build파일 넣어서 배포하는게 맞는 듯 

⭐누가 ecommerce 디렉토리에 넣어서 배포하면 주소 바뀐다고 했는데 음 안됨

그래서 해당 directory 삭제하고 커밋하면 반영됨. 

 

 

 

 

여기에 방법 정리됨

 

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

 

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

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

codingapple.com

 

{
  "name": "client",
  "version": "0.1.0",
  "private": true,

 

아 그래도 안되는데...? 

반응형

'PROGRAMMING > 깃허브' 카테고리의 다른 글

[GIT] BRANCH 생성 후 COMMIT 하는 방법  (0) 2023.11.01
깃허브 url 바꿀 때  (0) 2023.10.14
깃 스쿼시 Squash  (0) 2023.10.09
pull request 어디에 할지 설정가능;;  (0) 2023.10.08
Changes not staged for commit:  (0) 2023.08.27