1. package.json 파일을 열어 홈페이지 url을 작성한다.
   "homepage": "https://깃헙아이디.github.io/저장소이름"
   현재 사용하고 있는 깃 저장소의 이름은 git remote -v라고 입력하면 확인할 수 있다.
   

• 이렇게 하는 이유는 CRA가 이 사이트를 빌드할 때 URL을 알아야 하기 때문이다.
  
  웹사이트가 어디에 호스팅되는지 알려줘야 한다.

2. gh-pages를 설치한다.
   npm i gh-pages

3. "script"에 "predeploy", "deploy" 명령어를 추가한다.

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "eject": "react-scripts eject",
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build" //디렉토리가 build인 gh-pages를 deploy해라
  },

deploy는 predeploy를 호출하고, predeploy는 build를 호출하여 buil폴더를 만드는데, 이 폴더가 웹사이트를 빌드해준다.

4. npm run deploy로 웹사이트를 빌드하자.
   
   그러면 build폴더가 만들어진다. 이제 build된 것을 homepage에 적은 url로 업로드해준다.
   

🌟배포한 사이트

👉 Twinkle