restapi와 백엔드/프론트간 협업을 어떻게하는지 궁금합니다

Question

웹개발 국비교육을 마친상태인데 아직도 개발과정이 감이 잡히지않습니다..학원을 다닐떄 졸업과제는 백엔드과정 수강자들끼리만 조를 짰기떄문에 조악하게나마 jsp까지 만들어서 일반 사용자들이 이용할수 있는 형태로 제출했습니다.그래서 프론트와 협업할때도 이렇게 하는줄 알았습니다.그런데 끝나고 여기저기 더 알아보니 백엔드 개발자는 restcontroller로 restapi로 만들어서 프론트에 넘겨준다고 하더라구요?여기서 궁금한게, 프론트개발자들이 restapi를 받아서 html을 개발하면 결국 그걸 호출하는 컨트롤러가 있어야할건데 그럼 rest말고 일반 컨트롤러도 있어야되는거아닌가요?그럼 백엔드에서 프론트로 넘길떄는 rest와 일반컨트롤러 두개를 짜는건지, 아니면 프론트개발자가 restcontroller를 html주소 리턴하는 일반컨트롤러로 바꾸는건지,또 둘중 어떤방식이든 rest컨트롤러는 메소드처럼 데이터가공에만 쓰이고 모델도, 뷰도 안붙어있는데 사실상 컨트롤러가 아니라 서비스의 역할을 하는게 아닌가, 그냥 서비스로 짜서 보내주는거랑 뭐가다른가 싶어서 혼란스럽습니다

xml개발자 · Accepted Answer

벡엔드의 소스(서버) 따로 있고, 프론트의 소스(서버) 따로 있다고 보시면 됩니다.백엔드는 api(컨트롤러)를 만들어서 json으로 리턴하고프론트는 html에서 백엔드의 api 주소만 호출한다고 생각하시면 됩니다.

티스 · Answer

간단하게 설명드리면 프론트에서 Javascript의 fetch, axios, ajax 등을 사용하여 특정 url로 API를 전송하고 특정 url로 들어온 요청을 백엔드에서 받아 라우터를 통해 적절한 컨트롤러를 호출하게됩니다.이후 컨트롤러에 등록된 서비스등의 비즈니스 로직을 실행한 뒤 Json 형태로 결과값을 리턴하게되죠.프론트에서는 리턴받은 Json 데이터를 가공하여 화면을 구성하는 것이구요.REST는 위와 같은 API를 주고 받을 때 사용하는 일종의 약속이라고 이해하시면되고 이 REST의 형태를 가진 API를 REST API라고 합니다.

개발잡부 · Answer

Spring MVC 하신거 같은데, 이건 HTML코드를 서버에서 주는거구요.REST로 구현하는 방식은그냥 서버와 아무상관 없는 독립적인 HTML이 있고,페이지에 표시하기위해 필요한 데이터만 서버에 요청해서 받아오는 방식입니다.그러니까 기존에는 서버에서 데이터+html를 합체시켜서 응답을 줬다면지금은 오직 데이터만 응답을 주고, 데이터+html합체하는작업은 따로 서버가 아니라 프론트(정확히 말하면 브라우저에서 이 기능을 해줍니다)에서하는겁니다.

흐음흐음384 · Answer

세분 다 답변 감사합니다.프론트개발자도 깃허브 등으로 이 mvc 프로젝트를 같이 사용한다고 생각했는데 다시생각해보니 그럴필요가 없었군요. 그냥 api주소를 호출했을때 원하는 데이터가 나오도록 백엔드와 합의하면 되는거였네요!근데 그러면 실제 웹사이트를 하나 만들때는 api서버도 돌리고 html서버도 돌리고 2개를 돌려야 웹사이트가 정상적으로 돌아가는 형식인가요?

restapi와 백엔드/프론트간 협업을 어떻게하는지 궁금합니다

4개의 답변

Q&A 목록