프론트엔드

Monolithic Frontend VS MicroService Frontend

bread-gee 2024. 2. 26. 09:59

Monolithic Frontend (Monolithic Architecture)

  • 애플리케이션의 모든 UI 구성요소와 기능이 하나의 대규모 코드베이스로 처리되는 프론트엔드 아키텍처
  • 프런트엔드가 백엔드와 긴밀하게 결합되어 있어 쉽게 분리할 수 없다.
  • 전체 애플리케이션이 단일 서버에서 실행되며 프런트엔드를 업데이트하거나 변경하려면 전체 애플리케이션을 다시 배포해야 함을 의미한다.
  • 모놀리틱은 구현 속도는 빠르지만 스파게트 코드가 되기 쉽다. 초기 스타트업에서 빠른 개발을 위해 모놀리틱을 사용하는 경우가 많다.

 

Micro Service Architecture  (MSA)

  • 대규모 프론트엔드 애플리케이션을 더 작고 독립적이며 느슨하게 결합된 구성 요소로 분해하는 프 트엔드 아키텍처
  • 각 구성 요소는 특정 기능이나 UI 요소를 담당한다.
  • 이런 작은 구성 요소는 독립적으로 개발 및 배포될 수 있으므로 전체 프론트엔드 애플리케이션의 유연성, 확장성 및 유지 관리성이 향상된다.
더보기

Micro Frontend Architecture (MFA)

  • MFA는 MSA에 맞춰 프론트엔드 구조를 짜는 것을 의미한다.
  • 결제 페이지에서 서버가 결제, 상품, 장바구니로 나뉘었어도 프론트엔드는 그대로 하나의 결제 페이지를 보여준다면 대응이 어려울 수 있다.
  • 즉, 프론트엔드도 결제 fd, 상품 fe, 장바구나 fe로 나뉘는 것이다. 이렇게 되면 배포할 일이 더 많아지기는 하지만 각각의 기능이 격리가 가능하다. 

 


📌참고 사이트

https://aws.amazon.com/ko/compare/the-difference-between-monolithic-and-microservices-architecture/

https://daaa0555.tistory.com/457

https://wooaoe.tistory.com/57