발행일

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

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

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

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

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

1. 공부 시작 시각

image

2. 공부 종료 시각

image

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

image

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

image

5. 학습 인증샷 1장

image

6. 학습 후기 700자

모노레포 관리 도구 Lerna와 Nx 학습 후기

이번 학습을 통해 Lerna와 Nx의 개념과 차이점을 보다 깊이 있게 이해할 수 있었다. 처음에는 단순히 두 도구가 모노레포를 관리하는 기능을 제공한다는 점에서 비슷하다고 생각했지만, 실제로는 각각의 목적과 특징이 다르다는 점이 인상적이었다. 특히, Lerna는 패키지 관리와 배포 자동화에 초점을 맞춘 반면, Nx는 빌드 성능 최적화와 스마트 캐싱에 강점을 가진다는 차이를 명확히 알게 되었다.

Lerna의 핵심 기능 중 하나인 lerna bootstrap을 활용하면, 모노레포 내의 여러 패키지를 한 번에 설치하고 서로의 의존성을 자동으로 연결할 수 있다는 점이 편리했다. 또한, lerna publish 명령어를 통해 여러 패키지를 동시에 배포할 수 있어, 협업 시 효율적인 배포 프로세스를 구축하는 데 유용할 것이라고 느꼈다. 반면, 빌드 성능 최적화 측면에서는 Lerna 자체적으로 제공하는 기능이 제한적이어서, 대규모 프로젝트에서는 다소 비효율적일 수 있겠다는 생각이 들었다.

반면, Nx는 빌드 시간을 획기적으로 단축할 수 있는 스마트 캐싱(Smart Caching) 기능과 변경 감지(Affected Commands) 기능을 제공한다는 점에서 매우 강력하다고 느꼈다. 특히, 변경된 코드만 감지하여 필요한 부분만 빌드하거나 테스트할 수 있다는 점은 CI/CD 환경에서 많은 비용과 시간을 절약할 수 있는 요소라고 생각된다. 또한, Nx는 Angular, React, Next.js 등 다양한 프레임워크에 대한 플러그인을 지원하여, 개발 생산성을 높일 수 있도록 돕는 점도 인상적이었다.

이번 학습을 통해, 프로젝트의 규모와 요구사항에 따라 적절한 모노레포 도구를 선택하는 것이 중요하다는 점을 깨달았다. 단순한 패키지 관리와 배포가 필요하다면 Lerna가 적절한 선택이 될 수 있지만, 성능 최적화와 빌드 속도 개선이 중요한 프로젝트에서는 Nx가 훨씬 강력한 도구라는 점을 확인할 수 있었다. 특히, 현재 Lerna가 Nx와 통합된 점을 고려하면, 앞으로는 Nx를 활용한 모노레포 관리가 더욱 중요해질 것이라고 예상된다.

이제 실제 프로젝트에서 Lerna와 Nx를 활용해 보면서, 학습한 내용을 실전 경험으로 연결하는 것이 중요하다고 생각된다.

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

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