깃허브 무료 호스팅 사이트 만들고 React 기본 프로젝트 얹기

묻혀있던 깃허브 아이디를 찾았다.

그런데 분명 깃허브 개인도메인을 만들어봤던 기억이 있는데 전부 삭제....

어떻게 하는지 찾아봐야 한다.

 

[GitHub] 깃허브로 무료 호스팅 하는 방법 :: 코딩 공부 일지 (tistory.com)

[GitHub] 깃허브로 무료 호스팅 하는 방법

https://developer-bomi.github.io/mbti-test/

mbti-test

친절한 포스트를 찾아 위 링크 발행 완료!

그런데 해당 포스트에 뭔가 엄청난 포인트를 찾았다...

?!?!?! 난 DB랑 서버도 적용해야하는데...

아무래도 진짜 호스팅 사이트도 생각해야하는걸까?..

그건 나중에 생각해보기로 하자.

 

---

 

이제 리액트로 만들어둔 프론트 페이지를 올려보자

 

[React] 리액트 프로젝트를 깃허브에 배포하는 방법 (GitHub Pages) (tistory.com)

[React] 리액트 프로젝트를 깃허브에 배포하는 방법 (GitHub Pages)

이걸 보고 따라해보려고 했으나...

웬걸 역시 세상에 마음대로 되는게 없다.

D:\Workspace\mbti-test>git push -u origin main
remote: Permission to developer-bomi/mbti-test.git denied to devbomi.
fatal: unable to access 'https://github.com/developer-bomi/mbti-test/': The requested URL returned error: 403

권한 이슈가 생긴 듯 하다..

이 방법 말고 다른 방법을 찾아보도록 하자

소스 제어에서 동기화를 누르니 고맙게도 뭔가 제안을 해준다

포크가 뭔지 모르겠지만 일단 만들어보자

 

깃허브 연동하는 창이 나와서 연결을 해줬다.

 

똑똑한 IDE야 알아서 다 해주라....

 

하지만 뭔가 마음대로 되지 않아서 그냥 깃허브 소스를(리드미랑 메인 2개 있는거..) 냅다 로컬에 받았다.

그리고 리액트 프로젝트 frontend라는 이름으로 새로 생성 ㅎㅅㅎ

커밋하고 메인 브랜치에 올려주었다.

브랜치.. 혼자 작업할건데 여러개 둘 필요가 있을까?

하다가 필요성을 느끼면 개발용/운영용으로 분기할 필요는 있을 것 같다.

 

근데 또 개판남.

근데 오류문구에서 내가 깃허브에서 사용하는 유저네임이 아닌 다른 이름이 뜨는것을 드디어 캐치했다..

어디서 또 윈도우 자격증명에서 등록된 깃허브 증명을 삭제....

다시 푸시하니까 드디어 뭔가 새로운게 떴다...

로그인해서 깃허브 계정을 제대로 연동하니

 

드디어 업로드 완료!

 

이제... frontend의 index.html이 메인으로 뜨도록 설정해주고 싶은데..

뭔가 멍청한 짓을 하기 전에 빌드파일만 따로 올렸어야 페이지가 떴던게 기억이 났다....!!!!

휴우 다행이야

그런데 그럼 또 작업용 레포지토리랑 페이지 확인용을 별개로 만들어야하나..

싶어서 머리가 아파서 오늘은 여기까지 진행하겠다...ㅡㅡ