본문 바로가기

타임리프5

[Thymleaf] 타임리프 - 기본 :: 주석, 블록, 자바스크립트 인라인 인프런 강의 내용 정리주석타임리프 파서 주석 주석 */--> - 타임리프 랜더링 시 주석 부분을 제외하고 렌더링한다.타임리프 프로토타입 주석 주석 /*/--> - HTML 파일로 열면 주석처리가 되지만, 타임리프 렌더링할 경우 해당 내용이 보이게된다.더보기java/hello/thymeleaf/basic/BasicController.javapackage hello.thymeleaf.basic;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bi.. 2024. 11. 18.
[Thymleaf] 타임리프 - 기본 :: 속성 값 설정, 반복, 조건부 인프런 강의 내용 정리속성 값 설정th:* :: 속성을 지정하면 타임리프는 기존 속성을 th:*로 지정한 속성으로 대체한다. 기존 속성이 없다면 새로 만든다.   ex) -> 타임리프 랜더링 후 속성 추가- th:attrappend : 속성 값의 뒤에 값을 추가한다.  ex) th:attrappend="class=' large'" (추가하려는 속성에 이미 데이터가 있을 경우 이어붙일 때 공백을 줘야함)- th:attrprepend : 속성 값의 앞에 값을 추가한다. ex) th:attrprepend="class='large '" (뒤에 속성 값이 추가될 수 있으니 공백을 주면 좋음)- th:classappend : class 속성에 자연스럽게 추가한다. ex) th:classappend="large"c.. 2024. 11. 14.
[Thymleaf] 타임리프 - 기본 :: 기본 객체, 유틸리티 객체, 링크, 연산 인프런 강의 내용 정리기본 객체${#locale}스프링 3.0 이전 버전에서만 사용가능한 기본 객체 - ${#request}, ${#response}, ${#session}, ${#servletContext}편의 객체 - HTTP 요청 파라미터 접근: param  ex) ${param.paramData} - HTTP 세션 접근 : session  ex) ${session.sessionData} - 스프링 빈 접근: @  ex) ${@helloBean.hello('Spring!')}더보기java/hello/thymeleaf/basic/BasicController.javapackage hello.thymeleaf.basic;import jakarta.servlet.http.HttpServletRequest;.. 2024. 11. 12.
[Thymleaf] 타임리프 - 기본 :: 텍스트, 변수, 리터럴 인프런 강의 내용 정리텍스트th:text - HTML 태그 안에 속성을 추가해서 텍스트를 출력한다.ex) [[...]]- HTML 태그 속성이 아닌 HTML 콘텐츠 영역 안에서 텍스트를 출력할 경우 사용한다.ex) [[${data}]]더보기java/hello/thymeleaf/basic/BasicController.javapackage hello.thymeleaf.basic;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotati.. 2024. 11. 11.
[Thymleaf] 타임리프 - 기본 :: 특징, 사용 선언, 기본 표현식 인프런 강의 내용 정리타임리프 특징서버 사이드 HTML 랜더링 (SSR) - 백엔드 서버에서 HTML을 동적으로 렌더링 하는 용도로 사용네츄럴 템플릿 - 순수 HTML을 그대로 유지하면서 뷰 템플릿도 사용 가능스프링 통합 지원 - 스프링의 다양한 기능 사용 가능 타임리프 사용 선언 기본 표현식간단한 표현 - 변수 표현식: ${...} -  선택 변수 표현식: *{...}  -   메시지 표현식: #{...}  -   링크 URL 표현식: @{...}  -   조각 표현식: ~{...}리터럴 -   텍스트: 'one text', 'Another one!', …  -   숫자: 0, 34, 3.0, 12.3, …  -   불린: true, false  -   널: null  -   리터럴 토큰: one, s.. 2024. 11. 11.

티스토리툴바