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

id는 css나 javascript에서 HTML element를 특정할 때 사용하는 거잖아요? 단일 css 파일이나 js 파일을 쓴다고 가정한다면 어플리케이션 전체 html 상에서 그 id는 유일성이 보장되어야지 나중에 화면이 꼬이거나 javascript가 꼬이거나 하는 일이 없을 거 같거든요.

만약 퍼블리셔나 프론트엔드 개발자가

A form에서는 <input id="itemNameA" >

B form에서는 <input id="itemNameB">

라고 잡아놓고 퍼블리싱이나 클라이언트 쪽 개발을 했다면, 나중에 백엔드 개발자가

A form에는

<form th:object = "${itemA}">

<input id="itemNameA"  th:field="*{itemName}">

</form>

B form에는

<form th:object = "${itemB}">

<input id="itemNameB"  th:field="*{itemName}">

</form>

이렇게 해버리면 id를 서로 다른 DTO의 같은 필드명을 사용해버려서 문제가 생길 것 같은데요.

그런데 타임리프 개발자들이 id랑 name 모두 바뀌도록 설정해놓은 것은 무언가 깊은 뜻이 있어서일 것 같은데, 제가 생각하는 문제가 일어날 가능성이 없는 건가요? 제가 무언가 잘못 이해하고 있는 건가요?