[React] - 컴포넌트(Component)란?

 

컴포넌트란 ❓

프로그래밍에 있어 재사용이 가능한 각각의 독립된 모듈

 

컴포넌트 개념의 유래 ❓

하드웨어 제품들은 각각 독립된 기능을 가진 모듈로 만들어집니다.

➡ 따라서, 문제가 발생 했을 때 해당 부분의 모듈만 교체하면 다시 문제없이 작동 합니다.

 

하지만, 소프트웨어는 다릅니다.

 

소프트웨어는 독립적으로 개발되지 않은 경우가 많고, 혹여나 독립적으로 개발되었다 하더라도

다른 모듈과의 호환을 생각하지 않으면,  재사용을 어렵게 하고 유지보수 비용이 증가되는 원인이 됩니다.

➡ 즉, 소프트웨어의 재사용의 중요성과 필요성을 위해 나온 기술이 컴포넌트 입니다.

 

좋은 컴포넌트란 ❓

1. 다른 컴포넌트들과 연결되어 있지 않고 (응집도)
2. 독립적
3. 재사용성이 높은 것

➡ 위의 3가지는 결국 컴포넌트를 나누는 기준이 됩니다.

 

 

 

참고

https://hanamon.kr/%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-component%EB%9E%80/

https://ms3864.tistory.com/433

https://jewelism.github.io/fe/component.html

드림코딩