강의

멘토링

커뮤니티

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

깔깔깔님의 프로필 이미지
깔깔깔

작성한 질문수

프로젝트로 배우는 Vue.js 3

14 체크박스 바인딩

{{ todo.subject }} 관련 질문 있습니다.

작성

·

147

0

채크박스를 추가할 때 왜 {{ todo.subject }} 를 <label></label>로 감싸주는 건가요?? 어떤 의미가 있나요?

답변 1

1

코지 코더님의 프로필 이미지
코지 코더
지식공유자

 보통 html에서 label과 input과 같이 쓰는데 그러면 label 부분을 클릭하면 input 부분이 선택이 됩니다

input에 id 속성을 넣어주고 label에 for를 넣어주면 label 부분을 클릭하면 input 부분이 선택이 됩니다.

예) <input id="name" /> <label for="name">Name</label>

그런데 질문에는 id for 없이 사용했는데 그건 bootstrap class를 저희가 사용하고 있는데 bootstrap에서 label에 class를 사용하도록 정의를 해놔서 그렇습니다. 그래서 bootstrap class를 사용하기 위해서 label이 있는거예요. 보시면 label에 class가 적용된 것을 보실수 있습니다 ^^

다른 질문 있으시면 또 남겨주세요 ^^

깔깔깔님의 프로필 이미지
깔깔깔

작성한 질문수

질문하기