컴포넌트는 어떤 문맥이든 가장 작은 단위로서 언급됩니다. 프로그램이나 모듈의 구성 단위로서도 그러합니다. 그렇기 때문에 컴포넌트라고 하면 프로그램 언어 수준이 아닌 소프트웨어 디자인 수준에서 나눌 수 있는 가장 작은 단위를 의미합니다. 이 의미를 프론트엔드 라이브러리 또는 프레임워크에 적용하면, 웹 앱을 구성 하는데 있어 가장 작은 단위가 됩니다.

그럼 어떻게 컴포넌트를 분리해야 하는지 살표보겠습니다.

프론트엔드 컴포넌트를 분리하는 기준과 방법에 대해서 긴 글을 읽고 정리해 보았습니다.

언제 나눠야 할까?

컴포넌트를 만드는 기준, 즉 나누는 기준 중 가장 많이 선택되는 이유는 다음과 같습니다.

재사용 가능한 컴포넌트

1. 재사용 가능하다는 것은 일반적이라는 것.

우리는 컴포넌트의 재사용성을 고려할 때 일반적이라는 두 가지 측면 중 ‘속성이 보편적’인지 고민합니다. 즉 ‘다른 컴포넌트가 가져가서 사용할 수 있도록 보편적인 속성을 갖고 있는가?’ 를 고민합니다.

Untitled

재사용성을 높이려면 더 많은 컴포넌트를 만족시켜야 하고 더욱 일반적이어야 합니다.

2. HTML 요소 측면에서 재사용성.