React, Vue 등 프론트엔드 배포 질문드립니다.

Question

지금까지 프론트엔드 배포는 거의 Nginx를 서버에 설치한 후 nginx를 통해 정적파일을 불러오도록 했습니다.추가적으로, 리버스 프록시 구성을 통해 api요청 등은 도커 컨테이너로 실행중인 스프링부트에 연결되도록 했습니다.그런데 다른 방법 중 리액트도 그냥 도커 컨테이너로 실행을 할 수 있는것으로 아는데 그럼 제가 이해하기로는 클라이언트의 요청을 nginx를 통해 리액트 혹은 스프링부트 컨테이너로 로드밸런싱을 하는 구조로 생각을 했는데 이게 맞을까요 ?.. 아래는 현재 제가 구성한 서비스 아키텍처입니다. 어떤 상황별로 최적인 방법을 선택할 수 있는지 아직 애매해서 질문 드립니다 !

프로폴리스 · Answer

"리액트도 그냥 도커 컨테이너로 실행을 할 수 있는 것 으로 아는데.." 라고 하셨는데, 도커 무엇으로 동작시킨다는 뜻 인가요?도커에서도 next, nuxt, nginx 등등 이러한 웹서버를 통해 동작시켜야 하는데..번들러를 말씀하신걸까요?

킁킁탐정 · Answer

로드밸런싱은 부하분산을 위해 접속을 여러 대역으로 나누어서 분산하는 기술로 위의 도식에 해당되지 않습니다. react가 단순하게 클라이언트를 위한 assets 집합이면 docker는 불필요하고 react가 api 기능을 일부 포함 한다면 docker를 스프링 처럼 동일하게 가동하고 각각을 nginx에 주소 설정을 하면 됩니다.

김을동 · Answer

next 나 nuxt또는 그냥 npm run dev 처럼 node로 serve하는 방법이 있겠읍니다

React, Vue 등 프론트엔드 배포 질문드립니다.

3개의 답변

기술 목록