Page 14 -

5.2.3 컴포넌트 등록하기 188
5.2.4 컴포넌트 스타일의 범위 192

5.3 컴포넌트 생명주기 이해하기 194
5.3.1 라이프사이클 훅 195
5.3.2 템플릿 ref 200
5.4 컴포넌트에 속성과 이벤트 정의하기 205
5.4.1 컴포넌트의 사용자 정의 속성 205
5.4.2 컴포넌트의 사용자 정의 이벤트 214
5.5 컴포넌트의 데이터 효율적으로 다루기 221
5.5.1 컴포넌트의 데이터 공유하기 221
5.5.2 컴포넌트의 데이터 참조하기 228

5.6 컴포넌트 슬롯 사용하기 233
5.6.1 이름이 없는 슬롯 234
5.6.2 이름이 있는 슬롯 235
5.6.3 혼합 슬롯 238
5.6.4 슬롯에 기본값 적용하기 239
5.6.5 동적 슬롯 이름 240
5.6.6 슬롯의 범위 242
5.6.7 범위가 지정된 슬롯 245
5.6.8 이름이 있는 슬롯과 범위가 지정된 슬롯의 혼합 사용 247
셀프체크 250
마무리 251

6장

실습: 할 일 관리 앱 만들기 257

6.1 실습 내용 소개 258
6.2 할 일 관리 앱의 UI 구성하기 260
6.2.1 기본 구조 설정하기 260
6.2.2 HTML 코드 작성하기 261
6.2.3 CSS 코드 작성하기 263
6.2.4 컴포넌트 분리하기 265

015