React app (포트폴리오 사이트)를 마침내 배포 할 수있었습니다.

최종적으로 성공했을 때 참고한 사이트

시도한 동안이 페이지 이외의 방법이라면 왠지 오류가 발생하여 배포 할 수 없었습니다.

오류 메시지

npm ERR! missing script: build

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/kakizakimanato/.npm/_logs/2021-06-07T14_05_58_985Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] deploy: `npm run build && gh-pages -d build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] deploy script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/kakizakimanato/.npm/_logs/2021-06-07T14_05_59_032Z-debug.log
kakizakimanato@kakiMacBook-Air portfolio % npm run deploy

> [email protected] deploy /Users/kakizakimanato/deploy/portfolio
> npm run build && gh-pages -d build

npm ERR! missing script: build

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/kakizakimanato/.npm/_logs/2021-06-07T14_06_57_636Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] deploy: `npm run build && gh-pages -d build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] deploy script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/kakizakimanato/.npm/_logs/2021-06-07T14_06_57_690Z-debug.log

아직 배포할 수 있는지 확실하지 않은 경우 파일을 복사하여 배포 테스트 디렉토리에서 시도해 볼 수 있습니다.
(여러 가지 방법을 시도하는 동안 package.json 파일 등 엉망이됩니다 ...)

조금 추가로 해야 할 일

GitHub 계정 정보 연결

$ git remote add origin https://github.com/<GitHubアカウント名>/<GitHubリポジトリ名>.git

실행하기 전에 GitHub 계정 정보를 설정해야 했습니다.

$ git config --global user.name "[githubユーザー名]"
$ git config --global user.email "[githubで使用しているメールアドレス]"

이제 git remote add origin을 할 수 있습니다.

GitHub Pages 설정

소스 브랜치를 master로 설정하고 루트 파일을 docs로 변경한 다음 "Save"를 클릭합니다.

몇 분 정도 기다리고 URL을 클릭하면 성공하면 웹 사이트를 볼 수 있습니다.

다음은 파일을 편집 후 재배포할 수 있게 하고 싶다