Thymeleaf 문법 정리

th:field, th:error🎈

th:field="{필드 이름}"을 선언하면 HTML이 렌더링될 때, id, name을 같은 값으로 처리해준다.
즉, `th:field="{name}"은id = "name" name = "name"`과 같다

//fieldError 메소드를 미리 선언해서 에러 발생 시 빨간색 테두리가 호출되도록 설정
<style>
 .fieldError {
 border-color: #bd2130;
 }
</style>

//th:field 예시
<input type="text" th:field="*{name}" class="form-control"
placeholder="이름을 입력하세요"
th:class="${#fields.hasErrors('name')}? 'form-control fieldError' : 'form-control'"> //테두리 빨간색
<p th:if="${#fields.hasErrors('name')}" th:errors="*{name}">Incorrect date</p>    //에러메시지 출력

th:object🎈

th:object는 폼에서 서버단으로 값을 넘길 때 object에 지정한 객체에 값을 담아 넘겨줄 수 있다. 즉, 화면에서 선언한 객체에 접근할 수 있게 된다.

//th:object 예시
<form role="form" action="/members/new" th:object="${memberForm}" //화면에서 memberForm 객체에 접근할 수 있게 된다.
          method="post">

th:each🎈

해당 객체에 담긴 값들을 콜렉션 형식으로 가져올 수 있다.

//th:each 예시
<select name="memberId" id="member" class="form-control">
                <option value="">회원선택</option>
                <option th:each="member : ${members}"
                        th:value="${member.id}"
                        th:text="${member.name}" />
            </select>

'?'의 의미

                <td th:text="${member.address?.city}"></td>

위 코드에서 address뒤에 '?'가 있는걸 확인할 수 있는데 여기에서 ?의 의미는 null이 들어가면 더이상 진행하지 않는다는 의미이다.