Component Diagram
시스템을 구성하는 소프트웨어의 조각, 임베디드 컨트롤러 등, 그들의 조직과 종속성을 보여주는 다이어그램
- 컴포넌트도 클래스 다이어그램보다 높은 수준의 추상화를 가진다.
- 일반적으로 컴포넌트는 실행시에 하나 이상의 클래스에 의해 구현된다.
- 결국 성분은 시스템의 많은 부분을 포함 할 수 있도록 구축 블록을 구축한다.
- 도구 상자의 구성 요소 페이지의 구성 요소 다이어그램 요소 및 커넥터를 생성한다.
컴포넌트란?
소프트웨어의 모듈이나 특정 기능을 나타내는 단위입니다.
컴포넌트는 소프트웨어의 재사용 가능한 부분으로, 파일, 라이브러리, 클래스 등을 나타낼 수 있습니다. 일반적으로 직사각형 안에 컴포넌트 이름과 함께 나타내며, 좌측 상단에 작은 네모 세 개가 겹친 아이콘으로 표시합니다.
1. Assembly Connector
Component1의 required interface (서비스 제공자)의 Component2의 provided interface (서비스 이용자)에 연결됨을 나타내기 위해 사용
2. Components with Ports
컴포넌트의 인터페이스가 제공하는 서비스 (상세 수행 동작)는 Port를 사용하여 나타낼 수 있습니다.
Component Diagram Element Icons
Component Diagram Element Icons
Interface 표현
1. Ball and socket symbol (가장 많이 씀)
O 이 Providede interface(input), (이 Required interface(output)
아래에서 첫번째 diagram은 각 컴포넌트가 멀리 떨어져있을 때 사용(dependency line으로 이어줌)
※ Ports Structure
- 연관성있는 것들을 묶어 (Ports) 표현
- 0 Port가 한 면에 여러개가 있어도 됨
※ Internal Structure
- 컴포넌트 내부의 Class(Object) diagram 작성 → 정확히는 Composite structure diagram이 됨
- Stereotype notation
- dependency 선으로 표현
- Text listings
- realizations : 컴포넌트를 realization할 때 사용하는 것 (ex. class명)
- artifacts : 패키지가 직접 들어가 있는 곳
※ Object 단위(Parts)로도 표현 가능
참고 자료
https://velog.io/@gun_123/UML-Component-Diagram
https://1000yun.tistory.com/8
https://ocwokocw.tistory.com/101
Front-end Developer