inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

14 체크박스 바인딩

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

154

깔깔깔

작성한 질문수 1

0

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

vuejs 웹앱 vuex

답변 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가 적용된 것을 보실수 있습니다 ^^

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

numberOfPages 결과 nan

0

426

2

todos 질문입니다.

0

294

2

작동은 되긴 하는데 해당 메세지는 왜 뜨는걸까요?

1

372

0

강의노트 문의

0

377

1

x-total-count 및 db.json id값 문제

0

921

1

개발툴 글자체, 크기, 색깔 세팅 문의

0

225

1

onMount 관련 강의가 몇강에 있었죠?ㅠㅠ

0

309

1

json server실행/중지 문의드립니다!

0

484

1

3:53 분에 HelloWorld 태그 인식을 못해서 오류 발생하비낟!

0

469

1

Composition API?

0

396

1

24강에서 computed의 종속성이 변경도록 return하는데, 그러면 computed가 다시 실행되나요?

0

401

1

구조가 다름...

0

487

1

59강 API body 질문입니다.

0

301

1

로그인과 같이 레이아웃이 완전 다른 페이지를 만들때는 router 를 어떻게 할까요?

0

439

1

vue CLI 설치 관련 문의드립니다.

0

591

1

31강 DB질문

0

419

1

to와 :to의 차이점

0

450

1

52강의 originalTpdp ref 와 todo ref

0

555

1

delete todo 함수를 prop으로 내려주지 않는 이유는 무엇인가요??

0

411

1

computed 와 검색 기능 추가 질문드려요.

0

446

1

[33강] pagination2 numberOfPages 호출

0

381

1

리렌더링 관련 질문

0

337

1

배포 관련 질문드립니다.

0

312

1

30강 질문드립니다.

0

222

1