이제 컴포넌트가 아주 유용하다는걸 알게 되었다.
컴포넌트를 구축하는 방법과, 재사용하는 방법을 알고 있고
props와 커스텀 이벤트를 사용해서 컴포넌트를 결합하고 사용자 인터페이스를 구축하는 방법도 배웠다.
이번에는 컴포넌트에 관해 더 깊이 파고들어보자.
1/ Component Registration & Styling
물론, Vue앱에 컴포넌트를 등록하는 방법은 이미 알고 있지만, 등록하는 방법은 두 가지 이상이다.
모든 방법은 용도가 있고, 특정 상황에 맞는 방법이 있다.
컴포넌트를 스타일링하는 방법과, 특정 스타일이 특정 컴포넌트에만 영향을 미치도록 하는 방법을 알아보자.
2/ Slots & Dynamic Components
slot이 무엇인지, 왜 유용한지.
동적 컴포넌트와 slot을 어떤 경우에 유용하게 사용할 수 있는지 알아보자.
3/ Naming & Folder Structure
컴포넌트 이름과 프로젝트에서 사용할 수 있는 폴더 구조를 살펴보자. 특히 프로젝트가 점점 더 커지고 있는 경우라면, 다른 모든 파일을 빠르게 찾을수 있도록 해야한다.
** 출처: 모든 내용은 Udemy Vue-완벽가이드 강의를 기반으로 작성하였습니다.
'Vue.js' 카테고리의 다른 글
[Udemy Vue 완벽가이드 Section9] 112. 범위가 지정된(scoped) 스타일 (0) | 2023.08.29 |
---|---|
[Udemy Vue 완벽가이드 Section9] 111. 전역 컴포넌트와 지역 컴포넌트 (0) | 2023.08.29 |
[Udemy Vue 완벽가이드 Section8] 107. 섹션 요약 (0) | 2023.08.29 |
[Udemy Vue 완벽가이드 Section8] 106. provide + inject vs props 및 커스텀 이벤트 (0) | 2023.08.28 |
[Udemy Vue 완벽가이드 Section8] 105. 함수/메서드에서의 provide + inject (0) | 2023.08.28 |