본문 바로가기

Vue.js

[Udemy Vue 완벽가이드 Section9] 109. 섹션 소개

이제 컴포넌트가 아주 유용하다는걸 알게 되었다.

컴포넌트를 구축하는 방법과, 재사용하는 방법을 알고 있고

props와 커스텀 이벤트를 사용해서 컴포넌트를 결합하고 사용자 인터페이스를 구축하는 방법도 배웠다.

 

이번에는 컴포넌트에 관해 더 깊이 파고들어보자.

 

1/ Component Registration & Styling

물론, Vue앱에 컴포넌트를 등록하는 방법은 이미 알고 있지만, 등록하는 방법은 두 가지 이상이다.

모든 방법은 용도가 있고, 특정 상황에 맞는 방법이 있다.

컴포넌트를 스타일링하는 방법과, 특정 스타일이 특정 컴포넌트에만 영향을 미치도록 하는 방법을 알아보자.

 

2/ Slots & Dynamic Components

slot이 무엇인지, 왜 유용한지.

동적 컴포넌트와 slot을 어떤 경우에 유용하게 사용할 수 있는지 알아보자.

 

3/ Naming & Folder Structure

컴포넌트 이름과 프로젝트에서 사용할 수 있는 폴더 구조를 살펴보자. 특히 프로젝트가 점점 더 커지고 있는 경우라면, 다른 모든 파일을 빠르게 찾을수 있도록 해야한다.

 

 

** 출처: 모든 내용은 Udemy Vue-완벽가이드 강의를 기반으로 작성하였습니다.