[Nginx] WEB 배포 시 문제

문제 상황 : ACP 내 2개의 VM을 서버로 운용중 WEB 소스코드 업데이트 시 발생한다.

업데이트 방법은 각 VM에 접속하여 git 레포지토리에 있는 main 브랜치를 pull하고, restart 해준다

docker exec -it web-container sh -c "git pull" && docker restart web-container

 이 과정에서 각 VM에서 업데이트된 컨테이너의 로그를 확인하다보면, 신경써줘야 하는 부분이 있다.

이 위의 dist/assets 내의 두 .js 파일이다.

현 프로젝트의 web 코드는 react 이다.

위 두 .js 파일은 React Application 빌드 과정에서 생성된 번들 파일로, 애플리케이션 배포 시 중요한 역할을 한다.

1번째 .js 파일은 React 애플리케이션의 일부 기능 또는 특정 모듈을 포함하는 번들 파일이며, 파일의 크기와 gzip 압축된 크기를 통해 이 파일이 애플리케이션의 주요 로직이 아닌 추가적인 기능을 담당하는 파일이다.

 

• 특정 기능 또는 모듈을 포함.
• 코드 스플리팅(Code Splitting) 및 동적 로딩을 통해 애플리케이션의 초기 로딩 시간을 단축하기 위해 사용.
• 필요한 경우에만 로드되어 애플리케이션의 성능을 최적화.

 

2번째 .js 파일은 React 애플리케이션의 메인 번들 파일로, 애플리케이션 대부분의 로직과 종속성이 포함된 파일이다.

• • 애플리케이션의 주요 로직과 종속성을 포함.
  • 초기 로딩 시 필요한 대부분의 코드를 제공.
  • React 라이브러리, 라우팅, 상태 관리 등 주요 기능을 포함.

각 VM에서 2번째 .js 파일의 index 하위 코드가 일치하지 않으면 브라우저 접속시 응답을 하지 않으므로, 반드시 로그를 확인하여 일치할 때까지 컨테이너를 restart해야 한다..

이 부분은 정말 문제이므로, 추후 CI/CD 자동화 작업시 보완할 예정이다