컴포넌트는 어떤 문맥이든 가장 작은 단위로서 언급됩니다. 프로그램이나 모듈의 구성 단위로서도 그러합니다. 그렇기 때문에 컴포넌트라고 하면 프로그램 언어 수준이 아닌 소프트웨어 디자인 수준에서 나눌 수 있는 가장 작은 단위를 의미합니다. 이 의미를 프론트엔드 라이브러리 또는 프레임워크에 적용하면, 웹 앱을 구성 하는데 있어 가장 작은 단위가 됩니다.
그럼 어떻게 컴포넌트를 분리해야 하는지 살표보겠습니다.
프론트엔드 컴포넌트를 분리하는 기준과 방법에 대해서 긴 글을 읽고 정리해 보았습니다.
컴포넌트를 만드는 기준, 즉 나누는 기준 중 가장 많이 선택되는 이유는 다음과 같습니다.
우리는 컴포넌트의 재사용성을 고려할 때 일반적이라는 두 가지 측면 중 ‘속성이 보편적’인지 고민합니다. 즉 ‘다른 컴포넌트가 가져가서 사용할 수 있도록 보편적인 속성을 갖고 있는가?’ 를 고민합니다.
재사용성을 높이려면 더 많은 컴포넌트를 만족시켜야 하고 더욱 일반적이어야 합니다.