패스트 캠퍼스 챌린지 22일차 미션 (2월 22일) : 마이크로 FE 강의 후기

이 글은 네이버 블로그에 2025년 2월 22일에 올렸던 것을 그대로 옮겨온 것입니다.

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.

[ 마이크로 프론트엔드(MFA:Micro Frontend Architecture) : 대규모 서비스 설계부터 운영까지 (feat.모노레포&모듈페더레이션)

1. 공부 시작 시각

2. 공부 종료 시각

3. 클립 1번 수강 인증 사진

4. 클립 2번 수강 인증 사진

5. 학습 인증샷 1장

6. 학습 후기 700자

클라이언트에서 iframe을 이용한 마이크로 프론트엔드 통합 – 학습 후기

마이크로 프론트엔드의 세계는 마치 퍼즐을 맞춰가는 과정과 같다. 서로 다른 팀이 개발한 조각들이 하나의 그림을 완성하듯, 독립적으로 동작하는 여러 애플리케이션을 하나의 화면에서 조화롭게 보여주려면 다양한 기술과 고민이 필요하다.

이번에 학습한 iframe을 이용한 클라이언트 사이드 통합 방식은 어찌 보면 가장 직관적인 방법이지만, 동시에 많은 생각할 거리를 던져주었다. 처음에는 단순히 각 서비스를 iframe으로 감싸서 보여주면 끝나는 거 아닌가 싶었지만, 막상 들여다보니 도메인 간의 통신 문제, 스타일 격리, 성능 최적화 등 복잡한 이슈들이 숨어 있었다.

특히, 다른 마이크로 프론트엔드 기법(모듈 연합, 웹 컴포넌트 등)과 비교해 봤을 때, iframe 방식이 제공하는 격리성은 분명한 장점이다. 독립적인 환경에서 실행되기 때문에 충돌 걱정 없이 마이크로 프론트엔드를 구축할 수 있다는 점이 인상적이었다. 하지만 반대로, 프레임 간의 원활한 데이터 공유나 SEO 문제를 해결하기 위해서는 추가적인 노력과 트릭이 필요하다는 것도 깨달았다.

이론적으로는 간단해 보이지만, 현실적으로 적용하려면 UX 측면에서의 고민도 빼놓을 수 없었다. iframe이 자칫 사용자 경험을 해치는 요소가 될 수도 있고, 네트워크 지연이나 콘텐츠 로딩 이슈가 발생할 수도 있다. 결국, iframe을 활용한 통합 방식은 특정 상황에서 강력한 도구가 될 수 있지만, 마이크로 프론트엔드를 위한 "만능 해법"은 아니라는 것을 다시금 느꼈다.

이 학습을 통해 단순한 기술 구현을 넘어, 개발 경험과 사용자 경험 사이에서 균형을 맞추는 것이 중요하다는 점을 다시 한번 깨닫게 되었다. 앞으로도 기술을 배울 때 단순히 "어떻게"보다 "왜" 그리고 "어떤 경우에"를 더 깊이 고민해야겠다는 다짐을 하게 된 시간이었다.

필수 URL https://bit.ly/4gL1f1o

#패스트캠퍼스 #직장인자기계발 #직장인공부 #환급챌린지 #패스트캠퍼스후기 #오공완