CSR, SSR

이수정·2025년 8월 27일

JS_웹_풀스택

목록 보기
2/12

서버 사이드 템플릿 엔진

: 서버에서 DB/API에서 가져온 데이터를 템플릿에 넣어 HTML 문서를 제작하여 클라이언트에게 전달
-> 동적으로 생성되는 부분만 끼워넣어 동작

ex) JSP, Thymeleaf, Velocity

클라이언트 사이드 템플릿 엔진

: HTML 형태로 코드를 작성 가능하며 동적으로 DOM을 그리게 해주는 역할 DOM이란?

-> 데이터를 받아 DOM 객체에 동적으로 그려주는 프로세스 담당

ex) 카테고리 중 하나를 선택할 때마다 같은 형식의 프레임에 내용만 바뀌어 변경하는 경우
script 타입을 템플릿으로 만들어 안의 내용을 replace

ex) Mustache, Squirrelly

0개의 댓글