아하
검색 이미지
생활꿀팁 이미지
생활꿀팁생활
생활꿀팁 이미지
생활꿀팁생활
훈훈한땅돼지217
훈훈한땅돼지21721.03.24

백엔드랑 프론트앤드는 어떻게 연결이 되나요

스프링으로 자바 서버단을 만들고

거기서 jsp로 화면에 값을 뿌려주는걸 해봤는데

프론트 프레임워크 리액트나 앵귤러같은걸로

화면을 만들고 서버단을 스프링으로 사용하는경우도 많다면서요

근데 잘이해가 되지 않습니다

둘이 다른 프로그램이고

먼저 스프링 서버를 돌리고 프론트 프래임워크에가서

실행시키고 해당페이지로 가면 데이터가 넘어간다는건데

어떻게 연결을 하는거죠?

그러려면.. 스프링에서는 어떤 설정을하고

프론트 프래임워크에는 어떤걸 해야하나요 ...

55글자 더 채워주세요.
답변의 개수
4개의 답변이 있어요!
  • 탈퇴한 사용자
    탈퇴한 사용자21.03.26

    스프링으로 서버를 띄어놓으시면 호스팅한 도메인주소가 있겠죠?

    그럼 프론트에서는 api호출을할때 통신url로 서버에서 설정하신 도메인값을 넣으셔서 통신을 할수잇습니다.

    서버도 뛰우고 리엑트도 같이 구동시켜서 어떻게보면

    서버를 두개를.띄우는것과같구요

    과거 개발방식은.서버에서 완전히 통신을 하게한 서버사이드랜더링 방식의한계를 극복하고자 나온프레임 유크가.저런것들이라.이해하기어려울수도..ㅎ


  • API를 통해서 프론트엔드와 백엔드를 연결한다고 보면 좋을 것 같습니다.

    단순하게 생각해보면 안드로이드, iOS, 웹 모두 같은 데이터를 사용해서 비슷한 화면을 사용자에게 보여주게 됩니다.

    그때 jsp 같은 방식으로 개발을 하게 되면 스프링+웹, 스프링 API, 안드로이드, iOS 이렇게 개발이 들어가야합니다.

    보면 스프링이 중복으로 개발이 된다는 것을 알수 있습니다.

    그렇다보니 스프링 API 서버를 하나를 만들고 웹, 안드로이드, iOS가 데이터를 가지고 가는 형태가 되는 것이죠

    웹의 경우 Reat.js, Vue.js를 사용해서 개발을 하고 ajax 방식으로 API 서버에 데이터를 요청한다고 보면 좋을것 같습니다.


  • 안녕하세요. A-HA 프로그래밍 전문가입니다.

    프론트엔드와 백엔드를 연결하는 방법은 다양하게 있습니다.

    1. 웹 서버를 이용하는 방법

    프론트 엔드, 백엔드 그 사이에 웹서버 이렇게 3티어로 환경을 구축해 웹서버가 둘 간의 통신을 담당하는 경우입니다.

    2. DB를 이용

    백엔드는 데이터를 처리해 DB에 저장하고, 프론트 엔드 화면은 해당 데이터를 조회해 표현하는 방식입니다.

    3. 메세지 처리

    프론트엔드에서 백엔드 서버로 메세지를 보내 백엔드 서버에서 해당 메세지를 분석해 동작을 하는 방식입니다.

    더 다양한 방법이 있지만, 대표적으로 이렇게 세가지를 말씀 드렸습니다.


  • 안녕하세요. 먼저 프레임 워크에 대한 개념을 잘못 이해하고 있으신 듯 합니다.

    좀 쉽게 설명드리면..

    홈페이지 가입 하는 화면을 보시면 깔끔한 상태로 화면이 구성되어 있는 걸 확인 하실 수 있습니다.

    이런 화면을 구성할 때 리엑트나 앵귤러 같은 javascript 프레임워크가 사용 되고 있고

    여기서 가입하기 버튼을 눌렀을 때 서버 상에서 DB 와 연동해서 가입 처리하는 부분을

    스프링 프레임 워크에서 처리하고 있다 보시면 이해하는데 도움 되지 않을까 생각해봅니다.

    감사합니다.