$$config title: [SpringBoot] Thymeleaf 기본 문법 1 ? keywords: - SpringBoot - Thymeleaf - ... $$ # 1. 설정 > `xmlns:th=" "` 타임리프의 th속성을 사용하기 위해 선언된 네임스테이스임. ```html ``` # 2. 기본 기능 > `th:text="${}"` JSP의 EL 표현식인 `${}` 와 마찬가지로 이 표현식을 사용해서 컨트롤러에서 전달받은 데이터에 접근 가능 그 외 문자열은 밖에 입력함. ```html

``` > `th:href="@{}"` a 태그의 href속성과 동일 ```html ``` > `th:with="${}"` 변수 형태의 값 (타입) 을 재정의하는 속성. 이를 이용하여 새로운 변수값을 생성 가능 ```html

``` >`th:value="${}"` input의 value에 값을 삽입할 때 사용 (여러개의 값을 넣을 땐 `+` 기호 사용) # 3. Layout 타임리프의 layout기능을 사용하기 위해서는 의존성을 추가해줘야 함. ```java implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect' ``` > `xmlns:layout=" ", layout:decorator=" "` 타임리프의 레이아웃 기능을 사용하기 위한 선언. 레이아웃을 적용시킬 HTML 파일에 해당 선언을 함. 그리고 해당 페이지에 `th:fagment`로 조각한 공통역역을 가져와서 삽입하기 ```html ``` > `th:block` 타임리프 표현을 어느 곳에서든 사용할 수 있도록 하는 구문. (동적인 처리가 필요할 때 사용됨. 주로 layout 기능이나 switch에 사용됨.) ```html //전체 레이아웃 ``` > `th:replace="~{파일경로 :: 조각이름}"` JSP의 `` 태그와 유사한 속성으로 fragment로 조각화한 공통 영역을 HTML에 삽입하는 역할 사용 방법 : `::` 을 기준으로 앞에는 조각이 있는 경로, 뒤에는 조각의 이름
replace는 완전하게 대체하기 때문에 replace태그가 입력된 div태그가 사라지고 fragment로 조각화한 코드로 대체 ```html

``` > `th:insert="~{파일경로 :: 조각이름}"` 태그 내로 조각을 삽입하는 방법 (insert는 insert가 입력된 div태그 안에 fragment를 삽입하는 개념으로 형식은 replace와 동일)