1. Thymeleaf
· 컨트롤러가 전달하는 데이터를 이용하여 화면을 동적으로 구성할 수 있게 해주는 역할
· 유지관리가 쉬운 템플릿 생성 방법을 제공
2. 사용하기에 앞서, 기본 설정
· dependencie에 Thymeleaf 라이브러리 설정 필요
· HTML 파일에 해당 코드 추가 필요: <html xmlns:th="http://www.thymeleaf.org">
3. value 전달과 사용
◎ Controller에서 HTML 페이지로 값 전달 방법
· model에 data를 담아 전송: "data"라는 이름으로 value "Test"를 text-basic.html에 전송
· value는 int, String, Object 등 전송 가능
◎ HTML 페이지에서 사용하기
· 용도에 따라 표현하는 방식의 차이가 있으며, ${data} 형태로 사용
4. 기본 표현식
1) 텍스트
· th:text, [[ ]]: 태그로 인식하지 않고 String으로 인식
· th:utext, [( )]: 태그로 인식
2) 변수
· 타임리프에서 변수 사용 시, 변수 표현식 사용
· 변수 표현식은 Spring에서 지원하는 SpringEL 표현식 사용
· 지역 변수를 선언하여 접근하는 방식도 존재, 단 선언한 태그 내에서만 사용 가능
3) 유틸리티 객채와 날짜
· 타임리프는 문자, 숫자, 날짜, URL 등을 편리하게 다루는 다양한 유틸리티 객체를 제공
· #temporals 유틸리티 사용 예시
4) 경로
◎ Query String (=Query Parameter)
· /link/users?id=3 → id란 변수에 값을 담아 서버에 전달하는 방식, ? 이후부터 시작되는 부분이 Query String
1) Controller에서 name과 age 값 전달
2) html에서 url(매개변수={값},매개변수={값}) 형태로 기재
3) @RequestParam을 이용해 가공해서 사용
◎ Path Variable
· /link/users/3 → 경로를 변수로 사용하는 방식
1) 위와 동일하게 Controller에서 name과 age 값 전달
2) html에서 url/변수명/변수명(매개변수={값},매개변수={값}) 형태로 기재
3) @RequestParam을 이용해 가공해서 사용
'GSITM_하이미디어' 카테고리의 다른 글
| Git 설치와 VSCode 연동 (0) | 2024.10.11 |
|---|---|
| Spring Data JPA - H2 DB 설치와 Dummy data (3) | 2024.10.02 |
| Spring Boot - MySQL, JPA 연동 (0) | 2024.09.26 |
| DBeaver 설치 및 사용법 (0) | 2024.09.10 |
| MySQL WorkBench 사용법 (0) | 2024.09.09 |
