👩🏻‍💻 About 프로그래밍/Thymeleaf

기본문법 - th:href a 태그 클릭시 이동 페이지 href 넣을 때 사용 메인으로 기본문법 - th:foreach 받아온 변수를 for문처럼 반복해서 보여줄 수 있게 할 때 사용 관할 구역 관할 구역 관할 구역 보호센터명 전화번호 설명 tr태그에 th:each="center : ${list}" 작성되어있는데 ⇒ tr을 계속 반복하겠다. (tr안에 td도 있는데 tr,td 한 묶음이 되어 계속 반복되는 것) th:each="center : ${list}" 반복되는 구간에서 변수 ${list}를 center라 지칭하겠다는 의미 ⇒ td 에서는 th:each에서 center.mbNo== list에 mbNo 의미이다. 기본문법 - th:inline Thymeleaf문법으로 script 사용시 넣어준다. 설..

기본문법 th:text 태그안에 text을 출력 controller에서 data라는 변수를 받아와 글씨로 표현해주고 싶다. th:text="” 를 쓰고 “” 안에 원하는 내용을 넣어주면된다. 변수는 ${} 에 변수명을 넣어 표현이 가능하다. 기본문법 th:if 조건문 ⇒ isCenter 변수가 Center일때 센터가입하기 글씨를 보여줘라

Layout header, footer 는 공통적으로 페이지마다 들어가게 된다. 공통 부분을 고정적으로 설정하고 내용 부분만 추가로 작업하면 되므로 layout을 나누도록 하자. layout으로 나눔으로써 header,footer가 반복적으로 들어가는 부분을 중복으로 들어가지 않게 하고 유지보수에도 용이하게 된다. layout 설정 header.html header footer.html Copyright © DREAMING ANIMAL Corporation. All Rights Reserved. index.html(content 내용적는 방법)

Springboot 설정 Maven에서 설정 (pom.xml에서 아래 코드 추가) org.springframework.boot spring-boot-starter-thymeleaf gradle에서 설정 (build.gradle - dependencies에 아래 코드 추가) dependencies { // thymeleaf implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' } HTML 설정 xmlns:th="http://www.thymeleaf.org" 을 넣어줌으로써 나는 Thymeleaf 사용할꺼야 라는 의미이다.

Thymeleaf 란? 템플릿 엔진의 한 종류이다. html 태그에 속성을 추가해 페이지에 동적으로 값을 추가하거나 처리할 수 있다. Thymeleaf 사용 예 Thymeleaf란 코드 설명 : div 태그 안에 “Thymeleaf란”이란 글씨가 있지만 이 글씨가 출력되지않고 태그에 “th:text="${title}"라고 써져 있는데 이 부분에 글씨가 출력된다.

템플릿 엔진 템플릿 양식과 특정 데이터 모델에 따른 입력 자료를 합성하여 결과 문서를 출력하는 소프트웨어(또는 소프트웨어 컴포넌트)를 말한다. ⇒ 고정적으로 사용되는 웹 문서를 템플릿으로 미리 작성해 두고 동적으로 변경되는 데이터 영역만 필요 시에 결합해서 웹 문서를 구성하고 화면에 출력하게 되는 것이다. 웹 템플릿 엔진 웹 문서가 출력되는 템플릿 엔진을 말합니다. 웹 템플릿 엔진은 웹 템플릿들(Web Templates)과 웹 컨텐츠 정보(Content Information)를 처리하기 위해 설계된 소프트웨어입니다.