inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

서블릿으로 회원 관리 웹 애플리케이션 만들기

웹 개발을 할 때 HTTP API와 HTML 중에

140

jungmin257

작성한 질문수 4

0

만약 쇼핑몰 웹사이트를 만든다고 하면 요즘은 JSON으로 데이터만 넘겨주는 방식인가요? 아니면 프론트가 어떤 프레임워크를 사용하냐에 따라 달라지나요? 혹은 두 방식을 혼합해서 사용하는 경우도 있나요?

spring mvc

답변 2

0

y2gcoder

안녕하세요. jungmin257님, 공식 서포터즈 y2gcoder입니다.

AI 인턴의 답변에 더하여 말씀을 드리자면 회사의 가용 인력 풀이나 정책에 따라서도 많이 달라지는 것 같습니다.

예를 들어 관리자 페이지와 같은 경우에는 실제로 백엔드 개발자들이 그냥 템플릿 엔진을 통해서 간단하게 만드는 경우도 있고, 프론트엔드 개발자분들과의 협업을 통해서 클라이언트와 서버를 나눌 수 있을 때는 분리해서 개발할 수도 있습니다 🙂

그래서 상황에 따라 혼합할수도, 따로 만들 수도 있습니다!

감사합니다.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. jungmin257님.

웹 개발에서는 프론트엔드와 백엔드의 구조에 따라 다양한 방식으로 데이터를 주고받을 수 있습니다. 최근에는 프론트엔드와 백엔드가 분리된 구조, 즉 서버사이드 렌더링(SSR)과 클라이언트사이드 렌더링(CSR)이 혼합된 형태가 많이 사용되고 있습니다.

  1. JSON API 사용: 일반적으로 웹 애플리케이션은 JSON 형태의 데이터를 HTTP API를 통해 주고받습니다. 이는 프론트엔드에서 Angular, React, Vue.js 등과 같은 SPA(Single Page Application) 프레임워크를 사용하는 경우 주로 사용되는 방식입니다. 백엔드에서 @RestController를 사용해 JSON 데이터를 주고받는 방식이 흔합니다.

  2. 템플릿 엔진 사용: JSP나 Thymeleaf와 같은 템플릿 엔진을 사용하여 백엔드에서 HTML을 렌더링하여 프론트엔드에 전달할 수도 있습니다. 이를 통해 서버사이드 렌더링(SSR)을 수행하게 됩니다. 보통 초기 로딩 속도나 SEO를 고려할 때 사용됩니다.

  3. 혼합 사용: 실제로 많은 기업에서는 두 가지 방식을 혼합하여 사용합니다. 예를 들어, 특정 페이지에서는 서버사이드 렌더링을 통해 초기 데이터를 전달하고, 이후 동적 데이터는 JSON API로 주고받는 방식입니다.

관련하여 실무에서의 트렌드와 함께 백엔드 개발자가 어떤 방식을 고려할 수 있는지에 대한 질문 답변이 있으니 참고하시면 도움이 될 것입니다:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

servlet과 container에 대한 질문입니다

0

24

1

api를 어느 컨트롤러에 작성해야하는지는 어떤 기준으로 해야하나요?

0

62

1

jsp 의존성 수정 요청

0

77

2

요즘 웹 서버가 주로 사용되는 이유는 SPA 구조 때문일까요 ?

0

142

1

save() 메서드 문의

0

66

1

절대 경로로 templates/basic 하위 파일 열면 css 적용 안되는 현상

0

99

1

request-body-json

0

83

2

MVC 패턴의 적용 단위

0

95

1

RequestMapping을 이용한 핸들러, 어댑터

0

118

2

save 후 결과화면

0

88

2

jsp를 이용한 view

0

97

1

application.properties에 debug 추가해도 결과가 똑같습니다.

0

177

1

수업 코드 제공 관련 문의

0

97

2

RequestMappingHandlerAdapter의 Controller 호출 과정

0

99

3

파일 오픈 시

0

68

1

스프링 배치 관련

0

77

1

@RequestParam의 defaultValue가 blank 값도 처리하는 지 여부

0

112

1

postman으로 /request-body-json-v1 호출시 500 error

0

94

1

프론트엔드와 백엔드의 mvc, rest api에 대한 질문

0

78

1

모델의 역할과 계층 분리에 대한 이해 차이 + 추가질문

0

111

1

console log 출력 관련 질문입니다.

0

74

1

애플리케이션이 실행 되지 않습니다 ㅠㅠㅠ

0

139

1

html 변경하는 부분 적용 문제

0

103

1

한글 깨짐

0

76

2