vue.js

02-2 뷰 컴포넌트

주노팍 2021. 8. 15. 11:43
반응형

컴포넌트

 - 컴포넌트(Component)란 조합하여 화면을 구성할 수 있는 블록(화면의 특정 영역)을 의미한다.

 - 컴포넌트를 활용하면 화면을 빠르게 구조화하여 일괄적인 패턴으로 개발 할 수 있다.

 - 또한 화면의 영역을 컴포넌트로 쪼개서 재활용할 수 있는 형태로 관리하면 나중에 코드를 다시

   사용하기가 훨씬 편리하다. 모든 사람들이 정해진 방식대로 컴포넌트를 등록하거나 사용하게 되므로

   남이 작성한 코드를 직관적으로 이해할 수 있다.

 - 내비게이션 바(navigation bar), 테이블(table), 리스트(list), 인풋 박스(input box) 등과 같은 화면 구성 요소들을 잘게

   쪼개어 컴포넌트로 관리한다. (p.51 그림참고)

 - 컴포넌트 간의 관계는 뷰에서 화면을 구성하는 데 매우 중요한 역할을 하며, 웹 페이지 화면을 설계할 때에도

   같은 골격을 유지하면서 설계를 해야한다.

 - 컴포넌트 간의 관계는 자료구조의 트리(Tree) 모양과 유사하다.

 

** 트리구조

 - 컴퓨터 자료구조 중 하나로, 노드끼리의 연결이 부모 - 자식의 구조를 따른다.

 - 전체적인 모양이 나무와 비슷해서 트리라고 부른다. 

 - 트리는 윈도우 파일 시스템 체계를 비롯하여 각종 데이터베이스에 활용되고 있고

   뷰에서도 컴포넌트를 이해할 때 필요한 개념이다.

 

 

반응형