3.2.7 입력 폼과 DTO 필드 연결하기
입력 폼에서 전송한 데이터를 DTO로 받기 위해 필드 2개, title과 content를 선언했습니다. 이 필드에 값이 들어가려면 new.mustache 입력 폼에 필드명을 지정해 줘야 합니다. 그래야 해당 입력 폼이 DTO의 필드와 연결됩니다.
1 new.mustache에 다음과 같이 속성을 추가합니다.
➊ 제목을 입력하는 <input> 태그에 name="title" 속성을 추가합니다.
➋ 내용을 입력하는 <textarea> 태그에 name="content" 속성을 추가합니다.
templates/articles/new.mustache
<div class="mb-3">
<label class="form-label">제목</label>
<input type="text" class="form-control" name="title"> ---- ➊ DTO의 title 필드와 연결
</div>
<div class="mb-3">
<label class="form-label">내용</label>
<textarea class="form-control" rows="3" name="content"></textarea> ----➋ DTO의 content 필드와 연결
</div>
이렇게 DTO의 필드명과 동일한 이름을 name의 속성 값으로 써 주면 입력 폼에서 작성한 두 데이터가 DTO의 해당 필드와 연결됩니다.