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

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

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

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

1. 공부 시작 시각

2. 공부 종료 시각

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

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

5. 학습 인증샷 1장

6. 학습 후기 700자

Rollup, Terser, Babel 학습 후기

Rollup

Rollup은 모듈 번들러로, 특히 ES 모듈을 효율적으로 번들링하는 데 강점을 보였다. Webpack과 비교했을 때 설정이 간단하고 플러그인 시스템이 유연해 프로젝트 요구사항에 맞게 쉽게 커스터마이징할 수 있었다. 트리 쉐이킹 기능이 매우 강력하여 불필요한 코드를 제거해 번들 크기를 최소화할 수 있다는 점이 인상적이었다. 다만, 초기 설정에서 약간의 학습이 필요했고, 복잡한 프로젝트에서는 Webpack만큼 강력한 생태계를 제공하지 않는다는 점이 아쉬웠다. 그러나 라이브러리나 작은 프로젝트에서는 빠르고 가벼운 Rollup이 매우 적합하다고 느꼈다.

Terser

Terser는 JavaScript 코드 압축과 난독화에 특화된 도구였다. 코드 크기를 획기적으로 줄여주는 점이 매력적이었으며, 특히 네트워크 비용을 절감하고 성능을 개선하는 데 큰 도움을 줬다. 설정이 간단하고 Rollup이나 Webpack과 쉽게 통합할 수 있었으며, 다양한 옵션을 통해 최적화 수준을 조절할 수 있어 유연했다. 학습 과정에서 코드 압축이 단순히 크기를 줄이는 것 이상으로 성능에 직접적인 영향을 준다는 점을 체감할 수 있었다.

Babel

Babel은 JavaScript 코드의 호환성을 보장하는 도구로, 최신 ECMAScript 문법을 구형 브라우저에서도 사용할 수 있도록 변환해주는 역할을 했다. 학습 과정에서 가장 인상적이었던 점은 다양한 플러그인을 통해 필요에 맞는 변환 작업을 선택적으로 수행할 수 있다는 것이었다. 특히 JSX 변환, 폴리필 적용, 최신 문법 지원 등 프론트엔드 개발에서 거의 필수적인 도구임을 느꼈다. 하지만 설정이 다소 복잡하고, 플러그인과 프리셋 관리가 까다로울 수 있다는 점이 있었다. 그래도 Babel 없이는 현대적인 JavaScript 개발이 어려울 것이라는 생각이 들었다.

종합 후기

Rollup, Terser, Babel 모두 프론트엔드 개발에서 매우 중요한 역할을 한다는 것을 학습하며 깊이 느꼈다. 각 도구가 담당하는 역할이 명확하고, 이를 적절히 활용하면 프로젝트의 성능과 호환성을 크게 향상시킬 수 있었다. 학습 과정은 쉽지 않았지만, 실제 프로젝트에 적용하며 실력을 한층 더 끌어올릴 수 있는 경험이었다.

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

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