인프런 커뮤니티 질문&답변

2:56 화면의 <div th:each ... > 태그 안쪽 <label th:for ...> 에 관한 질문입니다.

1. th:for 태그가 어떻게 작동하는지 잘 이해가 가지 않습니다.

   th:each의 iter에 종속되어 같이 한 단계씩 실행되는 것이라 이해했는데, 잘 이해한 것이 맞나요?

2. input 엘리먼트의 id, name은 th:field 태그를 통해 각각 itemType으로 설정되는 것으로 이해했습니다.

   그런데 th:each로 인해 같은 엘리먼트가 여러개 생겨나므로 id 중복을 막기 위해 id에 suffix가 붙는 것으로 이해하였는데, 그럼 이 suffix는 어디에서 붙여주는 것인가요?

   1. th:each 태그가 th:field의 렌더링에 영향을 끼쳐 suffix를 붙이는 것인지,

   2. th:for="${#ids.prev('itemType')}" 가 렌더링되면서 같은 <div>엘리먼트 내 모든 itemType이란 값을 가진 id 태그를 수정시키는 것인지,

   3. 혹은 지금 설명하기에는 어려운 내부 처리로 인한 것이라면, 참고할 만한 doc이 있을까요?

항상 감사드립니다. 강의 잘 보고 있습니다.