모듈(Module), 컴포넌트(Component)

🐣 모듈(Module)과 컴포넌트(Component)

---

모듈과 컴포넌트의 개념에 대해서 살펴보고 각 특징을 비교 정리해보자!

 

https://www.collierscanada.com/-/media/images/colliers/canada/images/news/2022/collierstalk_techtowatch_lego_hero.ashx?bid=65fffe12cf7849babd859c48b1ca9f3d&w=747&hash=2E6EF530B3F2331F40C976B10E98933A

🐣 모듈(Module)

---

1. 개념

모듈은 특정 기능을 캡슐화하고 독립적으로 개발, 테스트 및 유지 관리할 수 있는 독립적인 코드 단위. 모듈은 더 큰 규모의 애플리케이션과 시스템을 위한 빌딩 블록 역할을 하는 경우가 많음.

 

2. 특징

  캡슐화

모듈은 내부 구현 세부 정보를 숨기고 잘 정의된 인터페이스를 통해 필요한 것만 노출하여 관심사 분리

  재사용성

모듈 내의 코드는 애플리케이션의 여러 부분이나 다른 프로젝트에서도 재사용할 수 있으므로 중복성 방지 가능

  유지 관리 가능성

모듈을 사용하면 애플리케이션을 더 작고 관리 가능한 조각으로 분할하여 시스템을 더 쉽게 이해하고 유지 관리하고 확장 가능

  모듈화

모듈을 독립적으로 개발하고 테스트할 수 있으므로 병렬 개발이 용이하고 전반적인 생산성이 향상

 

3. 예시

• 수학 연산을 위한 함수를 제공하는 수학 라이브러리
• 로그인, 등록, 사용자 관리를 처리하는 사용자 인증 모듈

 

🐣 컴포넌트(Component)

---

1. 개념

시스템의 재사용 가능한 모듈식 부분을 나타내는 상위 수준 추상화로, 종종 여러 모듈을 포함. 구성 요소는 구성 요소 기반 아키텍처 및 소프트웨어 설계에서 특히 일반적. 일반적으로 모듈보다 더 복잡하며 자체 내부 구조와 논리를 포함 가능

 

2. 특징

  구성성

컴포넌트 를 구성하여 더욱 복잡한 시스템을 형성할 수 있으므로 기존 기능의 재사용을 촉진하고 시스템 조립을 단순화 가능

  상호 운용성

컴포넌트 는 종종 잘 정의된 인터페이스나 API를 통해 서로 통신하여 통합을 촉진하고 시스템의 여러 부분 간의 종속성 줄일 수 있음

  캡슐화

모듈과 마찬가지로 컴포넌트 는 내부 작업을 캡슐화하여 다른 구성 요소와의 상호 작용에 필요한 것만 노출

  교체 가능성

컴포넌트를 동일한 인터페이스를 제공하는 다른 컴포넌트로 교체할 수 있으므로 시스템 설계의 유연성과 적응성이 가능

 

3. 예시

• 데이터베이스와 상호 작용하기 위한 인터페이스를 제공하는 웹 서비스 컴포넌트
• 로그인 양식이나 대시보드와 같은 애플리케이션의 특정 부분의 논리와 표현을 캡슐화하는 사용자 인터페이스(UI) 컴포넌트

 

🐣 비교

---

1. 비교해보기

  세분성

모듈은 일반적으로 더 작고 기능의 단일 측면에 더 중점을 두는 반면, 컴포넌트는 더 크고 여러 모듈을 포함 가능

  추상화 수준

컴포넌트는 모듈에 비해 더 높은 수준의 추상화이며, 종종 애플리케이션의 완전하고 독립적인 부분을 나타냄

  사용법법

모듈은 세부적인 수준에서 코드를 구성하는 데 사용되므로 관리하고 이해하기가 더 용이. 컴포넌트는 시스템과 애플리케이션을 조립하는 데 사용되며 시스템의 다양한 부분을 구성하고 통합하는 방법을 제공

 

2. 실제 예시 비교

  모듈

• HTTP 요청 및 응답을 처리하기 위한 모듈
• 사용자 세션을 관리하기 위한 모듈
• 데이터베이스 상호작용을 위한 모듈

  컴포넌트

• 세션 관리 및 데이터베이스 상호 작용 모듈을 사용하여 사용자 로그인, 등록 및 프로필 관리 기능을 제공하는 사용자 관리 컴포넌트 
• 응집력 있는 사용자 인터페이스와 경험을 제공하기 위해 여러 모듈과 기타 구성 요소를 통합하는 대시보드 컴포넌트

---

module그리고component