리액트 사이트 github에 올려보기

1. 먼저 github에 repository를 만들어야 합니다.

repository를 만들어 줍니다.
※주의사항 : (닉네임).github.io이렇게 적어야 github page로 열 수 있다.

repository가 만들어 졌다면 vscode로 이동합니다.

2. vscode 설정

1. 터미널을 열어줍니다.

2. npm run build를 해줍니다

왜????
→ 우리 홈페이지는 js, HTML, CSS를 읽을 수 있습니다. 리액트는 jsx등을 이용하여 홈페이지를 만들기 때문에 오류가 발생할 수 있으므로 npm run build를 하여 사이트가 읽을 수 있게 HTML, CSS, js파일로 컴파일 해주어야 합니다.

3. build로 해준 파일 경로에 들어가서 github repository에 드래그 드랍 해준다.
   

4.10분정도 기다리고 https://깃헙아이디.github.io 로 들어가서 확인하면 끝!