look-forest

서버 사이드 HTML 렌더링(SSR) 언어인 타임리프에 대하여 정리해보겠다.참고spring-boot-devtools 라이브러리를 추가하면, html 파일을 컴파일만 해주면 서버 재시작 없이 View 파일 변경이 가능하다. (인텔리J 컴파일 방법: 메뉴 build Recompile)타임 리프 특징서버 사이드 HTML 렌더링(SSR)내추럴 템플릿: 타임리프로 작성한 파일은 HTML을 유지하기 때문에 웹 브라우저에서 파일을 직접 열어도 내용을 확인할 수 있고, 서버를 통해 뷰 템플릿을 거치면 동적으로 변경된 결과를 확인할 수 있다스프링 통합 지원 타임 리프 기본 기능타임리프 사용 선언 기본 표현식 정리  텍스트 출력 - th:text / utext기본 사용 : 컨텐츠 안에서 직접 출력 : [[${data}]]..

이번 시간에는 CSR과 SSR이 무엇이고 어떤 장단점을 가졌는지 알아보겠다. SPA (Single Page Application) ▷ CSR 사용자가 한 페이지 내에서 머무르면서, 서버로부터 필요한 데이터만 받아와 부분적으로 갱신 ▷ 한 페이지로 여러 정보 표현 가능 부분적 갱신 by ajax html 문서 전체가 아니라 json과 같은 형식으로 필요한 정보만 받아올 수 있음 ▷ 동적으로 html 요소 생산, 업데이트 CSR (Client Side Rendering) HTML 결과를 자바스크립트를 사용해 웹 브라우저에서 동적으로 생성해서 적용 주로 동적인 화면에 사용, 웹 환경을 마치 앱 처럼 필요한 부분부분 변경할 수 있음 예) 구글 지도, Gmail, 구글 캘린더 관련기술: React, Vue.js ..