프론트엔드 서버와 백엔드 서버 분리했을때 동작구조가 이게 맞는지 궁금합니다.

Question

[개요]개인 프로젝트 작업중인데원래는 spring boot와 템플릿엔진으로 프론트 백 구분없이 만들었다가vue.js &#43; nginx 를 추가하게 되면서 프론트와 백을 분리하게 되엇습니다.1. vue.js &#43; nginx (정적 처리와 spa를 하는 프론트서버(웹 서버라고 불러도 되겠죠..?))2. spring boot &#43; tomcat (was 백엔드 서버)로 구분해서 서로 api 통신을 하려고 합니다. (json사용) [질문1] 제가 생각하는 이 동작 구조가 맞는지 채크 부탁드립니다..!1. 클라이언트는 프론트 서버 url로만 접근을 하게 된다. (즉, 도메인 네임은 프론트서버만 있어도 된다.)2. 백엔드 서버의 url은 클라이언트가 아닌 프론트 서버만 알고있다.3. 클라이언트가 프론트 서버에서 작업을 수행할 때 데이터를 다뤄야하는 경우 프론트서버가 백엔드서버 url에게 내부적으로 요청을 보내서 데이터를 받아와 클라이언트에게 화면을 보여준다. [질문2] 이런경우에 프론트 서버와 백엔드 서버 주소가 다르고 하는 역할도 차이가 있다보니 url 설계도 따로 들어가나요? [추가] 그림으로 정리하면 이런 식 일것 같습니다.

siva6 · Answer

질문.1 목적이 무엇인가요? 말씀하신 webserver가 was와 다르게 가지고 있는 역할은 무엇인가요? 구조는 어떤식으로든 만들어 갈 수 있습니다. 어떤 것을 달성하기 위한 구조인지 모르는데, 맞다 틀리다를 이야기할 수 없을 것 같습니다.질문.2 어떤 의도의 질문인지 모르겠습니다. url 설계가 따로 들어간다는 것은 어떤 것이고, 그렇지 않다면 어떤 것인지?

꿈의연봉1800 · Answer

대충 맞구요 실제 서버는 https://domain/api나 https://api.domain 이런 주소로 접근할 수 있게 파두고구분할 수 있는 패턴인 경우 서버로 라우팅합니다 (SPA 내부 라우팅과 API콜 구분) 실제론 nginx로 파일호스팅보단 클라우드 &#43; cdn 조합을 많이씁니다이 경우도 api 라우팅만 위 처럼 분리하구요

프론트엔드 서버와 백엔드 서버 분리했을때 동작구조가 이게 맞는지 궁금합니다.

2개의 답변

#webserver 목록