728x90

타임리프 4

[Thymeleaf] checkbox, th:checked

[Thymeleaf] checkbox, th:checked 타임리프에서 체크박스 데이터를 넘기는 방법에 대해 알아보겠습니다. 먼저 html 파일 상단에 타임리프 확장 링크 속성 추가해 주세요. th:checked 속성을 사용하여 체크박스에 체크 표시를 할 수 있습니다. th:checked의 값이 true 이면 html 파일에 checked 속성이 나타나고, false 이면 checked 속성이 없습니다. 다음으로 checkbox 데이터를 넘겨받고 처리하는 방법에 대해서 알아보겠습니다. html form에서 input name이 같은 checkbox의 값은 문자열 배열, 리스트로 값을 넘깁니다. Controller에서 Get, Post 요청을 처리하는 Method를 작성합니다. Post에서 볼 부분은 파라..

java, spring 2023.03.01

[Thymeleaf] th:block 타임리프 임시 태그

[Thymeleaf] th:block 타임리프 임시 태그 이전 글들에서 봐왔듯이 타임리프의 다양한 표현식을 사용하려면 html 태그를 써야 했습니다. 타임리프의 th:block이라는 속성, 태그를 사용하여 html 태그를 대체해 타임리프(thymeleaf) 속성들을 사용할 수 있게 됩니다. 그리고 이 th:block은 html 태그는 아니기 때문에 태그로 html 태그로 랜더링 되지는 않아서 th:if 등과 함께 사용해 조건에 따라 영역 자체를 보이거나 보이지 않거나 할 수 있습니다. 타임리프 th:block 을 사용해 보겠습니다. Controller에서는 페이지로 account 가 '회원'인 데이터만 전송하였습니다. 그다음으로 볼 것은 html 코드입니다. th-block.html 코드는 다음과 같습니..

java, spring 2023.02.25

[Spring Boot | Thymeleaf] 타임리프 th:utext=""

[Spring Boot | Thymeleaf] 타임리프 th:utext="" 이전 글 2023.02.06 - [Java & Spring/Spring Boot] - [Spring Boot | Thymeleaf] 타임리프 사용방법 및 시작하기 2023.02.08 - [Java & Spring/Spring Boot] - [Spring Boot | Thymeleaf] Model, ModelAndView와 타임리프(Thymeleaf) 서버에서 html태그를 사용한 문자열을 전달 받을 수도 있습니다. 이전에 사용했던 th:text로 html태그가 담긴 데이터를 표현하면 어떻게 될까요? 빠르게 결과부터 보겠습니다. th.text로 표현했을 때의 결과 Controller와 html파일을 생성하여 세팅해줍니다. Exam..

java, spring 2023.02.08

[Spring Boot | Thymeleaf] Model, ModelAndView와 타임리프(Thymeleaf)

[Spring Boot | Thymeleaf] Model, ModelAndView와 타임리프(Thymeleaf) 이전 글 2023.02.06 - [Java & Spring/Spring Boot] - [Spring Boot | Thymeleaf] 타임리프 사용방법 및 시작하기 [Spring Boot | Thymeleaf] 타임리프 사용방법 및 시작하기 [Spring Boot | Thymeleaf] 타임리프 사용방법 및 시작하기 Spring, Spring Boot 프로젝트를 구성하면서 React, Vue 등의 FE 프레임워크를 사용하지 않는다면, Web 기본 기술 html, css, javascript과 JSP, Thymeleaf와 같은 lifere.tistory.com 이전 글에서 타임리프 사용방법에 대해..

java, spring 2023.02.08
728x90