Import Map, 마이크로 FE, Nx 모노레포를 이야기할 때입니다

오늘 소개해드릴 글은 이스트소프트의 김태현님이 번역해주신 글입니다.

대규모 웹 애플리케이션 서비스가 많이 등장하면서 관련된 키워드로 모노레포, 마이크로 프런트엔드 아키텍처가 언급됩니다. 이 글에선 프런트엔드에서 이를 설계하기 위해 다양한 라이브러리를 많이 사용하게 됩니다.

그런데 우리가 잘 알지 못하는 HTML 스크립트 타입 중의 하나인 import map의 오버라이드 기능을 활용하여 마이크로 프런트엔드 개발 환경을 훨씬 더 유연하고, 빠른 개발 환경을 구축할 수 있습니다. 또한 모노레포 환경 구축에 자주 사용되는 Nx와 import map을 결합하여 어떤 방식으로 개발, 테스트하는지 도식화와 예제 코드로 친절하게 설명하고 있습니다.

앞서 언급한 두 아키텍처를 import map을 이용하여 어떻게 모두 활용하고 프런트엔드 아키텍처와 관련된 다양한 기술과 적용 방법에 관심 있는 개발자분들에게 적극 추천해 드립니다!

> 글 링크: https://velog.io/@tap_kim/talk-about-import-map-micro-frontend-and-nx-monorepo