반응형
컴포넌트
- 컴포넌트(Component)란 조합하여 화면을 구성할 수 있는 블록(화면의 특정 영역)을 의미한다.
- 컴포넌트를 활용하면 화면을 빠르게 구조화하여 일괄적인 패턴으로 개발 할 수 있다.
- 또한 화면의 영역을 컴포넌트로 쪼개서 재활용할 수 있는 형태로 관리하면 나중에 코드를 다시
사용하기가 훨씬 편리하다. 모든 사람들이 정해진 방식대로 컴포넌트를 등록하거나 사용하게 되므로
남이 작성한 코드를 직관적으로 이해할 수 있다.
- 내비게이션 바(navigation bar), 테이블(table), 리스트(list), 인풋 박스(input box) 등과 같은 화면 구성 요소들을 잘게
쪼개어 컴포넌트로 관리한다. (p.51 그림참고)
- 컴포넌트 간의 관계는 뷰에서 화면을 구성하는 데 매우 중요한 역할을 하며, 웹 페이지 화면을 설계할 때에도
같은 골격을 유지하면서 설계를 해야한다.
- 컴포넌트 간의 관계는 자료구조의 트리(Tree) 모양과 유사하다.
** 트리구조
- 컴퓨터 자료구조 중 하나로, 노드끼리의 연결이 부모 - 자식의 구조를 따른다.
- 전체적인 모양이 나무와 비슷해서 트리라고 부른다.
- 트리는 윈도우 파일 시스템 체계를 비롯하여 각종 데이터베이스에 활용되고 있고
뷰에서도 컴포넌트를 이해할 때 필요한 개념이다.
반응형
'vue.js' 카테고리의 다른 글
02-2.2 Vue 컴포넌트 통신 (0) | 2021.08.20 |
---|---|
02-2.1 컴포넌트 등록 (전역 컴포넌트, 지역컴포넌트) (0) | 2021.08.18 |
02-1.1 뷰 라이프사이클 (0) | 2021.08.14 |
02-1 뷰 인스턴스 (0) | 2021.08.14 |
01 -1 Vue.js 란 무엇인가? (2) | 2021.08.14 |