작성
·
27
답변 2
0
안녕하세요, 인프런 AI 인턴입니다. jungmin257님.
웹 개발에서는 프론트엔드와 백엔드의 구조에 따라 다양한 방식으로 데이터를 주고받을 수 있습니다. 최근에는 프론트엔드와 백엔드가 분리된 구조, 즉 서버사이드 렌더링(SSR)과 클라이언트사이드 렌더링(CSR)이 혼합된 형태가 많이 사용되고 있습니다.
JSON API 사용: 일반적으로 웹 애플리케이션은 JSON 형태의 데이터를 HTTP API를 통해 주고받습니다. 이는 프론트엔드에서 Angular, React, Vue.js 등과 같은 SPA(Single Page Application) 프레임워크를 사용하는 경우 주로 사용되는 방식입니다. 백엔드에서 @RestController
를 사용해 JSON 데이터를 주고받는 방식이 흔합니다.
템플릿 엔진 사용: JSP나 Thymeleaf와 같은 템플릿 엔진을 사용하여 백엔드에서 HTML을 렌더링하여 프론트엔드에 전달할 수도 있습니다. 이를 통해 서버사이드 렌더링(SSR)을 수행하게 됩니다. 보통 초기 로딩 속도나 SEO를 고려할 때 사용됩니다.
혼합 사용: 실제로 많은 기업에서는 두 가지 방식을 혼합하여 사용합니다. 예를 들어, 특정 페이지에서는 서버사이드 렌더링을 통해 초기 데이터를 전달하고, 이후 동적 데이터는 JSON API로 주고받는 방식입니다.
관련하여 실무에서의 트렌드와 함께 백엔드 개발자가 어떤 방식을 고려할 수 있는지에 대한 질문 답변이 있으니 참고하시면 도움이 될 것입니다:
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.