![]()
Goal 서버 템플릿 엔진 엔진과 클라이언트 템플릿 엔진의 차이 머스테치의 기본 사용방법 스프링 부트에서 화면 처리 방식 js/css 선언 위치를 다르게 해서 웹 사이트의 로딩 속도 향상하는 방법 js 객체를 이용하여 브라우저의 전역 변수 충돌 문제를 회피하는 방법 템플릿 엔진이란? 지정된 템플릿 양식과 데이터가 합쳐져 HTML문서를 출력하는 소프트웨어 구분 서버 템플릿 엔진 클라이 언트 템플릿 엔진 종류 JSP, Freemarker, Velocity, Mustache, Thymeleaf 리액트, 뷰 특징 서버에서 Java 코드로 문자열을 만든 뒤 이 문자열을 HTML로 변환하여 브라우저로 전달 -> 이때, 자바스크립트 코드는 단순한 문자열 브라우저에서 화면 생성 즉, 서버에서 이미 코드가 벗어난 경우 ..
![]()
정적리소스 고정된 HTML 파일, CSS, JS, 이미지, 영상 등을 제공 주로 웹 브라우저 HTML 페이지 동적으로 필요한 HTML 파일을 생성해서 전달 웹브라우저 : HTML 해석 -> 나의 정보(동적인 정보)가 담긴 HTML을 내려줌 HTTP API HTML이 아니라 데이터를 전달 주로 JSON 형식 사용 (xml 일 수도 있음) 다양한 시스템에서 호출 데이터만 주고 받음. UI 필요 시 클라이언트 별도 처리 앱 클라이언트 to 서버, 웹 클라이언트 to 서버, 서버 to 서버 (ex. 사용자 서버 -> 계좌 검증 서버) CSR (Client Side Rendering) 서버에서 index.html 파일을 클라이언트에 보내주면 일반적인 csr프레임워크 (리엑트, 뷰, 앵귤러)는 body안의 id="..
