Front-End/thymeleaf2

• 

  Thymeleaf 공부하기 (2) : 속성 값 설정, 반복, 조건, 주석, 블록, 자바스크립트 인라인, 템플릿 조각, 템플릿 레이아웃 1. 속성 값 설정 타임리프는 주로 HTML 태그에 th:'속성명' 을 지정하는 방식으로 동작한다. th:'속성명' 로 속성을 적용하면 기존 속성을 대체한다. 만약 기존 속성이 없으면 새로 만든다. checkbox 같은 경우 th:checked="true, false" 로 사용한다 속성 설정 속성 추가 - th:attrappend class 속성 뒤에 붙는다 = - th:attrprepend class 속성 앞에 붙는다 = - th:classappend class 속성에 자연스럽게 추가 = checked 처리 - checked o - checked x - checked=false 2. 반복문 타임리프에서 반복은 th:each 를 사용한다. 추가로 반복에서 사용할 수 있는 여러 상태 값을 지원한다. ind.. Front-End/thymeleaf 2022. 10. 11.

• 

  Thymeleaf 공부하기 (1) : 텍스트, 변수, 기본 객체, 유틸리티 객체와 날짜, url 링크, 리터럴, 연산 본 Thymeleaf 공부하기 시리즈는 김영한 님의 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 강의를 듣고 작성한 내용입니다. 들어가면서 몇몇 포스팅에서 계속 이야기해왔지만 나는 정말정말 HTML 에 서툴다. CSS 는 말 할 것도 없고. 다만 어쨌든 내가 만든 프로젝트의 결과물들을 단순한 자바 코드로 보여 줄 수는 없었기에 HTML 을 공부...가 아니라 검색해서 사용해왔다. 다행히도 JSP 와 JSTL 을 배운 경험이 있어서 JSP 로 프론트 페이지를 겨우 구현할 수는 있었다. 사실 jsp 를 쓰면서 굉장히 불편했던 점이 많았다. JSP의 특성상 HTML 파일에 JAVA 코드가 들어갈 때가 많았고, JAVA 코드가 아닌 JSTL 을 사용해서 구현한다고 하더라도 JSTL 과 HTML, CSS 까.. Front-End/thymeleaf 2022. 10. 11.