SpringBoot3 + React 개발 방법

Question

안녕하세요.

현 SpringBoot2 + thymeleaf로 서비스 운영 중에 있습니다.
다행히? 올해 전반기 서비스 개편 작업 건이 생겼습니다.

그래서, 신규 서비스의 개발 환경을 구성 중인데 SpringBoot3 + React를 하려 합니다.
환경 구성하려고 이것 저것 테스트 삼아 만들고 있는데 Backend, Frontend를 완전히 분리해 각각 구성 할지 말지 고민입니다.

- 분리의 이유 : 기존 유지보수 입장에선 Back or Front 쪽 소소한 수정 사항이 있어 해당 파일 수정하고 전체 jar 패키징 해서 올리는 작업이 비 효율 적이라 생각했습니다. Back or Front 해당 부분 서비스만 적용 하면 좋다 생각했어요.

- 병합의 이유 : 기존처럼 한 프로잭트에서 개발해야 관리도 편하고 서비스 배포도 Jar 하나만 관리 하면 되니까 손 쉬울 것 같습니다.

실무쪽에선 서비스 개발 및 배포를 어떻게 하고 있는지 궁금하네요.

두서 없는 글 읽어 주셔서 감사합니다.

황민호 · Accepted Answer

구체적인 개발환경을 알 수 없어 일반적인 방식으로 말씀드리자면,
Spring Boot 3 와 React 구성이라면
소스코드 레벨부터 분리해서 관리하시는 것을 추천드립니다.
크로스 도메인 이슈 등 도메인 이슈가 있을 수도 있고, 인증처리도 말씀하신 기존 방식과 차이가 있으니 잘 살펴보고 진행하시는게 좋습니다.
프런트와 백엔드를 분리하게 되면 배포주기를 다르게 할 수 있을뿐만 아니라 관심사 분리를 통해 서로 독립적으로 구성하고 운영할 수도 있습니다.

그리고 jar 를 관리한다고 하셨는데 실무에서는 거의 다 쿠버네티스를 이용한 클라우드 환경을 사용하고 있습니다.

혹시 관련해서 스터디해보시려면 spring boot 는 josh long의 아래 유튜브 영상을 추천드려 봅니다.
https://www.youtube.com/live/xhlraxuGFhs

손정현 · Answer

안녕하세요!

springboot와 thymeleaf 둘 다 써본적은 없지만, 한가지 고려사항이 추가되어야할 것 같아서 답변 남깁니다. 기존에 쓰고 계시던 thymeleaf는 서버에서 html을 렌더해서 내려주는 템플릿 엔진으로 알고 있는데 새로 만드시는 서비스도 SSR이 필요한가요?

만약 SSR이 필요하시다면, react 18에 서버 컴포넌트들이 있기는 하지만 SSR을 도와주는 프레임워크와 사용하는 것이 일반적이라서 next.js나 remix와 같은 프레임워크를 추가로 적용해야할 수도 있습니다.

저희는 프론트엔드(next.js)와 백엔드(node.js)를 분리한 서비스도 있고, 사내에서만 쓰는 서비스인 경우 템플릿 엔진을 얹은 통합 서버도 있긴 합니다. 개발 팀의 규모와 여건에 따라서 정하면 될 것 같아요 :)