김밥의 단무지 같은 남자

프로젝트 중 React를 통해 구현된 프로젝트가 있고, 해당 프로젝트는 NGINX를 통하여 배포가 되고 있다. React 소스코드가 수정되면 새로운 버전을 서버에 반영하기 위해서는 아래의 과정을 거쳐야 한다 1. 프로젝트 수정 파일을 Github에 Push 한다. 2. 배포 중인 서버에 접속해서 Github의 최신 버전을 Pull한다. 3. `npm run build`를 통하여 새로운 빌드 파일을 생성한다. 4. 서버 프레임워크를 재시작한다. 위의 과정을 한두 번 거치는 것은 크게 불편하지 않을 수 있지만, 위 과정이 많은 횟수로 지속된다면 생산성이 비효율적으로 전환될 수 있다. 예를 들어, 위 과정을 한 번 수행하는 데 1분이 걸린다면 10회에는 10분이 소요된다. 티끌 모아 태산이랄까? 개발자에게 ..

React에서 프로젝트를 개발하고 배포하는 방법은 여러 방법이 있다. 요즘 많이 사용하는 것은 AWS의 amplify를 사용하여 배포하는 추세인 것 같다. 참으로 간편하게 배포할 수 있도록 되어 있고, 배포를 안내해 주는 여러 글들도 있다. 하지만 현재 구동 중인 서버는 Ubuntu OS이고 주로 사용하는 서버 프레임워크는 NGINX이기 때문에 NGINX를 통하여 배포를 하려고 했다. React로 구현한 프로젝트는 간단하게 빌드 파일을 생성할 수 있으며, 해당 빌드 파일은 Serving 해 주기만 하면 된다. 근데 NGINX 모든 설정을 마무리 하고 서버를 구동하는 순간 Error 500과 동시에 의도된 페이지가 나오지 않는 문제가 발생했다. 에러를 확인해 보니 아래와 같은 에러가 띠용! 하고 나타난 것..