뷰 컴포넌트

Vue.js는 무엇인가라는것에 대해 전 포스팅에서 간략히 다루어보았습니다 

오늘은 앞서 말씀드린 컴포넌트에 대해서 알아볼까합니다 

컴포넌트

컴포넌트는 화면을 구성할 수 있는 블록을 의미합니다.

저는 이구조가 트리구조를 닮아서 트리구조로 생각하면서 외웠습니다 

아래 두 사진을 보시면 이해하기가 쉬우실겁니다 

일반 웹구조를 표현

컴포넌트로 웹구조 표현

모든것 내비게이션바,인풋박스,리스트 등의 화면 구성 요소를 잘게 쪼개어 컴포넌트로 관리하는 것입니다 

이렇게 각각의 요소를 따로 쪼개면 좋은점이 있나요? 라고 생각하실텐데 

네 있습니다. 실무에서 협업할시 일의 능률이나 효율면에서도 좋고 버그나 웹사이트 장애 등을 고칠때도 특정 컴포넌트에서 고치면 되기 때문에 효율적입니다.