깃허브 배포에 관하여

서버와 클라이언트를 분리해서 관리하는 경우 각각 따로 배포를 해주어야 합니다. 먼저, 각 폴더 내에서 필요한 npm 패키지들을 설치해주세요. 이렇게 하면 각 폴더에서 개별적으로 서버와 클라이언트를 실행할 수 있습니다. 오류 메세지 "Could not find a required file. Name: index.html"를 보면, 빌드 과정에서 index.html 파일을 찾지 못하는 오류가 발생하였습니다. React 프로젝트인 경우 모든 컴포넌트는 'public/index.html' 파일에 탑재되고, 이 파일은 보통의 경우 변경하지 않아야 합니다. 해결 방법은 public 폴더 내에 'index.html' 파일이 있는지 확인하세요. 만약 없다면, React 앱을 다시 create 해서 기본 파일들을 생성하거나, 다른 프로젝트의 index.html을 복사하여 사용하실 수 있습니다. 그 후 다시 `npm run build` 명령어를 통해 빌드하시고 이상 없는지 확인하세요. 깃허브에 배포하기 위해서는 특정 branch(보통 gh-pages)를 배포 브랜치로 사용합니다. 사진의 경우에는 서버와 클라이언트가 같은 repository 내에 위치하고 있으므로, 깃허브 페이지에서는 클라이언트 코드만을 배포해야 합니다. 이 경우 'gh-pages' 패키지를 사용하여 클라이언트 build 결과물을 gh-pages 브랜치에 automatically 배포하면 좋습니다. 서버는 heroku같은 서비스를 사용하여 따로 호스팅하는 것도 방법입니다.