React + SpringBoot 연동에 대해 궁금점이 있습니다.

Question

안녕하세요 아직 대학생 신분인 백엔드를 공부중인 학생입니다.아직 배운게 많지 않아 이해 부탁드립니다.ㅠㅠ이번에 스프링부트를 공부중인데 궁금한 것이 생겼는데 구글링 해도 잘 해결되지 않아서요…만약에 팀플을 하게 될때 프론트는 React, 백엔드는 스프링부트로 만들려고 할때 어떤 조원은 React,저는 스프링부트로 만들려고 할때 연동하는 법이 궁금합니다.구글에서 찾아보니 스프링부트안에 리액트를 설치하여 연동리액트 따로 스프링부트 따로 작성하여 nginx 활용하여 연동하기이 방법들이 있는데 혹시 이 두가지만 있는 것이 맞는건가요?만약에 조원들과 백,프론트를 나눠서 작성한다면 1번을 많이 쓰는지 2번 방법을 많이 쓰는지가 궁금합니다.그리고 정확히 nginx의 역할이 뭔지 궁금합니다.학교 교육과정에는 웹 개발에 대한 것이 없어서 많이 힘듭니다….

kenu,전독시 · Accepted Answer

이 영상 팀원들과 같이 보면 좋겠습니다.https://www.youtube.com/watch?v=hfNfmExxHJE#따끈따끈합니다.

하이열 · Answer

spring boot는 back end, react는 front 단입니다 같이 넣으실수는 없을거에요. spring boot jwt를 이용해서 개발하시면 됩니다 유투브애 자세하개 설명되어 있네요https://youtu.be/USu2W2N1Q4Q?si=AfDM3EKMSU47gn8S

개발잡부 · Answer

그냥 React를 이용한 프론트 따로 Spring을 이용한 백엔드 따로입니다. 멀 둘이 연동하고 머 그런개념이 아닙니다. React로 먼저 페이지를 만들고, 페이지에서 db에 있는 데이터를 표시하고싶을때 백엔드에 api요청을 해서 응답받은 데이터를 페이지에 표시하는겁니다. 그리고 nginx는 사용하는 이유가 많은데 대표적으로 리버스 프록시라는 기능이 있습니다. 이 기능은 프론트서버와 백엔드서버를 같은 서버에 올릴경우 포트번호가 서로 다르겠죠? 프론트가 3333 백엔드가 8080이라는 가정하에 예를들면 /users 라는 주소는 백엔드에서는 유저들의 목록을 반환하는 api요청하는 주소구요 프론트에서는 유저들의 목록을 보여주는 페이지라고 해봅시다. 그러면 사용자가 페이지에 들어갈때는 http://{도메인주소}:3333/users라고 입력해야하고, 프론트에서 백엔드로 요청할때는http://{도메인주소}:8080/users으로 요청해야합니다. 하지만 포트번호는 바뀔수도있고, 먼가 도메인이 딱보기에도 깔끔하지 않죠? 그냥 하나로 합쳐서 http://{도메인주소}/users 이렇게 요청을 날릴때, 알아서 사용자가 요청을 하면 페이지 프론트가 요청하면 백엔드로 요청을 날리고싶게 하고싶을때, NGINX같은 놈을 사용하는겁니다.

React + SpringBoot 연동에 대해 궁금점이 있습니다.

3개의 답변

기타 목록