리액트 + 스프링부트 분리 연동 nginx없이 가능한가요?

Question

안녕하세요.리액트랑 프론트엔드랑 분리해서 개발을 하고 연동을 하려고 합니다.궁금한점은 nginx를 활용하지 않고 백 파일 프 파일 따로 만든 뒤 axios 활용해서 연동하면 충분한가요?제가 구글링을 많이 해봤는데 리액트&#43;스프링부트 개발을 할때 2가지 방법을 찾았습니다.1.스프링부트 안에 리액트를 넣어서 한꺼번에 빌드 시키기2.스프링부트 따로 리액트 따로, nginx 활용1번은 옛날 방식이고 2번 활용하고 싶었는데 우분투에 처음부터 에러가 너무 많이 나서.. 다음에 활용하려고 하고구글링을 더 해보니 nginx를 활용하지 않고 파일 두개로 나누고 연동한 경우도 꽤 있던데그냥 이렇게 해도 분리해서 하면 될까요? nginx가 없는데 어떻게 연동해서 보여주는지 그것도 이해가 안가긴 합니다.제가 참고한 링크 https://joshua-dev-story.blogspot.com/2020/01/react-spring.html 입니다어떤게 좋고 보편적인지 궁금합니다.개발 잘 모르는 상태에서 무작정 프로젝트 시작해서 더 헷갈리네요알려주시면 정말 감사하겠습니다!!

Gear · Accepted Answer

nginx가 없는데 어떻게 연동해서 보여주는지 그것도 이해가 안가긴 합니다.리액트 빌드 결과는 정적 파일(html, css, js)입니다. 파일만 덩그러니 있다고 웹 서비스가 되는 것이 아니라, 웹 서버가 동작해야지요Nginx 혹은 Apache Httpd 등의 웹서버 혹은 Spring 서버라도, 사용자의 요청에 대해 응답 해주는 프로그램이 동작하고 있어야 웹 서비스가 됩니다.즉 사용자가 정적 파일을 요구하면 그 파일을 주는 주체가 있어야 합니다.

ddakker · Answer

생각하고 계신 1번 방법으로 하면 됩니다.reactjs 빌드 하고, spring boot 빌드 전 copy 한 다음 spring boot 빌드 하심 됩니다. (CORS 이슈도 해결되고 좋죠.)jenkins 등으로 자동화 해두심 됩니다.저도 특정 시스템을 그렇게 배포 하고 있어요.

꼬끼꼬꼬개발자 · Answer

1번은 리액트 빌드 결과물을 스프링의 템플릿엔진을 통해 사용하는 방법이고요.2번의 경우 마찬가지로 빌드 결과물을 스태틱 경로에 배치해서 NGINX를 통해 접근하는 방법이에요.근데 꼭 Nginx가 아니더라도 다양한 방법이 있어요.https://velog.io/@kcj_dev96/%ED%94%84%EB%A1%A0%ED%8A%B8-%EB%B0%B0%ED%8F%AC-%EB%B0%A9%EB%B2%95-1%ED%8E%B8AWS-EC2-with-React-Express-%ED%99%98%EA%B2%BD위 링크 한번 참고하시면 좋으실거 같아요.개인적으로 AWS Amplify도 추천합니다. SSR에도 효과적이고요.

rr j · Answer

2번 같은 경우에는 react 빌드 후에 s3같은 곳에 올려 두기만 하면 됩니다.

리액트 + 스프링부트 분리 연동 nginx없이 가능한가요?

4개의 답변

기술 목록