만든 리액트 사이트 build해서 github배포

먼저, 터미널에 build를 해주어야 한다.

npm run build
//또는 yarn build

를 적어 build해준다. 우리가 작성한 컴포넌트 props문법들은 브라우저가 해석할 수 없으므로 그대로 배포할 수 없다. 그래서 이런 문법들을 전통 css, html, js으로 바꿔주는 작업이 필요하다.

 

그런 다음, 깃허브에 로그인하고 우측상단에 New Repository를 눌러 노란 곳(Repository name)에 자기아이디.github.io를 입력하고 README파일 생성도 체크한 뒤에 생성해준다.

 

마지막으로, repository 에 build폴더가 아니라 build폴더 안의 내용물을 드래그 앤 드롭하고,

http://자기아이디/github.io로 들어가면 사이트가 보인다.

 

 

그리고 만약, 다른 html페이지도 호스팅 받고 싶으면

1. 먼저, 위의 repository를 지우지 말고,

2. 호스팅 받을 새로운 repository를 이름을 아무렇게나 만든다.

3. 새로 만든 repository에 드래그드롭해 새로운 파일을 업로드한다.

4. repository setting 메뉴에 들어가서 Gitgub pages

여기서 source 부분을 none이 아니라 main이런걸로 바꾸고 저장한다.

5.이제 내아이디.github.io/repository이름/  으로 들어가면 볼 수 있다. 혹은

내아이디.github.io/repository이름/html파일명.html로 들어가면 볼 수 있다.