올
올리브영
July 22, 20251회
대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 1. 마이크로프론트엔드 너 뭐야?
간단 소개
마이크로프론트엔드의 개념, 구조, 통합 방식(빌드/런타임, 서버/클라이언트/에지)을 설명하고, 도입 시 고려사항을 제시합니다.
AI Summary
- 마이크로프론트엔드(MFE)란?
- 웹 애플리케이션을 독립적으로 개발, 배포, 운영 가능한 작은 단위로 분할하는 아키텍처 패턴이다.
- MSA 개념을 프론트엔드에 적용, 여러 작은 앱들이 유기적으로 조합되어 전체 서비스 구성.
- 마이크로프론트엔드 통합 방식
- 빌드 타임 통합: 개발 시 분리 작업, 배포 시 하나로 통합. npm 패키지 또는 모노레포 활용.
- 런타임 통합: 각 앱 독립적 배포, 사용자 접속 시 실시간 조합. Module Federation, Next.js Multi-zone 활용.
- 통합 위치
- 서버 측 구성(SSR): 서버에서 조립 후 HTML 전송, 초기 로딩 빠름.
- 클라이언트 측 구성(CSR): 브라우저에서 동적 로드 및 조합, 인터랙티브 UX 제공.
- 에지 측 구성: 에지 네트워크에서 조합, 빠른 응답 속도 제공.
Next Feeds
“토스 참 쪼잔하다”는 유저 말에 1억을 태운 이유 | 언더커버 사일로 비하인드 2화: 만보기 사일로
토스 만보기 서비스의 위기와 수익화 과정, 그리고 사용자 경험을 중시하는 관점 전환을 통해 성공을 이룬 비하인드 스토리.
토스만보기MAU수익화사용자 경험
2025. 7. 21.
토스
경농의 스마트팜 지원을 위한 농업 AI 챗봇
경농은 AWS 클라우드 기반의 AI 챗봇을 구축하여 농업인에게 맞춤형 정보를 제공하고, 디지털 농업 파트너로 자리매김하고자 합니다.
AI 챗봇스마트팜RAGAmazon Bedrock농업 데이터
2025. 7. 21.
AWS
AI와 함께하는 소프트웨어 개발 : 바이브 코딩(Vibe Coding)
AI와 실시간 상호작용을 통해 개발 생산성과 창의성을 높이는 바이브 코딩은 새로운 개발 문화이며, 도입 시 우려 사항에 대한 고려가 필요합니다.
바이브 코딩AI 개발프롬프트 엔지니어링개발 생산성협업
2025. 7. 21.
한글과컴퓨터
주니어 클라이언트의 오답 노트
주니어 클라이언트 개발자가 실수하기 쉬운 상황과 그 해결 방안을 제시하고, 실수를 통해 성장하는 자세를 강조합니다.
클라이언트 개발오답노트소통네트워크리소스 관리
2025. 7. 21.
데브시스터즈
모바일 앱 난독화(Mobile App Obfuscation)란?
모바일 앱 난독화는 역공학으로부터 앱을 보호하는 핵심 기술이며, Layout, Control Obfuscation 등의 기술이 사용된다. 다양한 솔루션 선택 시 보안 강도, 성능, 편의성을 고려해야 한다.
난독화모바일 앱 보안역공학Layout ObfuscationControl Obfuscation
2025. 7. 20.
NHN
AWS Summit Seoul 발표를 꿈꾸는 당신에게(feat. 발표자 후기)
무신사 개발자들의 AWS Summit Seoul 2024 발표 후기를 통해 발표 준비 과정, 기술적 어려움, 그리고 발표자로서의 성장을 엿볼 수 있다.
AWS SummitEKS Hybrid Node실시간 아키텍처KafkaDebezium
2025. 7. 20.
무신사