HTTP API 질문
HTTP API를 설명해 주실 때 웹 클라이언트가 WAS에 요청을 하면 WAS에서 데이터를 내려 주고, 그럼 웹 브라우저에서 자바스크립트로 html 파일을 동적으로 만든다고 하셨습니다.
그럼 이 형태가 CSR 인건가요? 둘의 흐름이 비슷해 보여서요... 아니라면 어떤 점이 다른지 알려주세요!
답변 주시면 감사하겠습니다.
답변 1
0
안녕하세요, jyunimyon 님. 공식 서포터즈 y2gcoder 입니다.
네, 맞습니다. 여기서 설명한 형태는 클라이언트 측 렌더링(Client-Side Rendering, CSR)이라고 할 수 있습니다. CSR은 웹 브라우저에서 자바스크립트를 사용하여 HTML 파일을 동적으로 만드는 방식입니다. 이러한 방식은 웹 애플리케이션의 상호작용성을 높이고 사용자 경험을 개선할 수 있습니다.
CSR과 비교되는 것은 SSR(Server-Side Rendering)입니다. SSR은 웹 서버에서 HTML 문서를 생성하고 이를 클라이언트에 전달하는 방식입니다. 서버에서 모든 렌더링이 완료되어 사용자에게 전달되므로 초기 페이지 로딩 시간이 빠를 수 있습니다.
두 방식의 주요 차이점은 다음과 같습니다:
렌더링 위치: CSR은 클라이언트(웹 브라우저)에서 렌더링하고, SSR은 서버에서 렌더링합니다.
초기 로딩 속도: CSR은 초기 로딩 속도가 느릴 수 있지만, SSR은 초기 로딩 속도가 상대적으로 빠릅니다.
상호작용과 사용자 경험: CSR은 상호작용과 사용자 경험이 좋지만, SSR은 상호작용이 제한적일 수 있습니다.
SEO(Search Engine Optimization) 최적화: SSR은 검색 엔진 최적화에 유리하며, CSR은 검색 엔진 최적화가 어려울 수 있습니다.
둘 중 어느 방식을 선택할지는 웹 애플리케이션의 요구사항과 목표에 따라 결정하게 됩니다. 어떤 경우에는 두 방식을 혼합하여 사용하는 것이 좋은 해결책이 될 수도 있습니다:)
감사합니다.
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
100
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
69
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