TIL 9일차 (2022.10.19)

🔥 LikeLion_Final_Project [1주차] : 구현

따로 정리 : https://like099.tistory.com/40

[1주차] Mission 해결 일지 (1)

🙋‍♂️ QNA 서비스 기능 구현 (복습) _ 119강 ~ 119강

1️⃣ th:field 의 역할

각각 필드들을 매핑 해주는 역할을 한다. 설정해 준 값으로, th:object 에 설정해 준 객체의 내부와 매칭해준다.

  <form method="POST" th:action="@{/question/create}" th:object="${requestQuestionForm}"  class="my-3">
    <div class="alert alert-danger" role="alert" th:if="${#fields.hasAnyErrors()}">
      <div th:each="err : ${#fields.allErrors()}" th:text="${err}" />
    </div>
    <div class="mb-3">
      <label for="subject"> 질문 제목</label>
      <input type="text" id="subject" name="subject" th:field="*{subject}" class="form-control">
    </div>
    <div class="mb-3">
      <label class="form-label">질문 내용</label>
      <textarea name="content" class="form-control" rows="10" th:field="*{content}"></textarea>
    </div>
    <input type="submit" value="저장하기" class="btn btn-primary my-2">
  </form>

➡️ form 엘리먼트 안에 선언한 th:object 에 의해 requestQuestionForm 객체가 th:field 의 내용들과 매핑된다. (2번째 줄에서는 #fields 에서 input 과 textarea 의 th:field 에서 확인 가능)