
567
14
장
사용자 인터페이스
앨범
+위시리스트 +위시리스트 +위시리스트
앨범 앨범
위시리스트
위시리스트에
앨범 추가
추가(다음)
추천 항목 가져오기
추천
그림
14-6
추천 마이크로 프론트엔드와 이를 지원하는 서비스 간의 인터랙션 추천 마이크로 프론트엔드와 이를 지원하는 서비스 간의 인터랙션
일반적으로 인터페이스의 핵심적인 탐색과 포함돼야 하는 위젯 같은 것들을 정의할 수 있는
‘컨테이너
container
’ 애플리케이션이 필요하다. 엔드투엔드 스트림을 지향하는 팀의 관점에서 생
각한다면, 추천 위젯을 제공하는 한 팀이 이를 지원하는 추천 마이크로서비스도 담당하는 것으
로 볼 수 있다.
이 패턴은 현실 세계에서 많이 찾아볼 수 있다. 예를 들어 스포티파이 사용자 인터페이스는 이
패턴을 많이 사용한다. 한 위젯은 재생 목록을 보유하고, 다른 위젯은 아티스트에 대한 정보를
보유하며, 또 다른 위젯은 아티스트 및 팔로우하는 다른 스포티파이 사용자에 대한 정보를 보
유한다. 위젯은 상황에 따라 다양한 방식으로 결합된다.
이러한 부품을 조립하려면 일종의 어셈블리 레이어가 여전히 필요하지만, 서버 측 또는 클라이
언트 측 템플릿을 사용하는 것만큼 간단할 수 있다.
14.7.114.7.1
구현 구현
위젯을
UI
에 연결하는 방법은
UI
가 생성되는 방식에 따라 크게 달라진다. 위젯이 ...