버즈빌 프론트엔드 변천사

간단 소개

버즈빌 프론트엔드 아키텍처 변천사를 공유하고, 각 기술 선택의 배경과 효과, 그리고 앞으로의 목표를 설명합니다.

AI Summary

AngularJS에서 Vue로의 전환 및 통합 어드민 구축
- AngularJS의 기술 부채 해결 및 프레임워크 전환 결정
- Vue로 전환 후 코드 중복 제거 및 개발 속도 향상
- 통합 어드민을 통해 일관된 사용자 경험 제공
BFF 도입 및 WebView + React 전략
- MSA 환경에서 Django 레이어의 한계 극복을 위한 BFF 도입
- Node.js Express 서버를 통해 프론트엔드 개발 속도 향상
- Native SDK 대안으로 WebView 기반 React SPA 도입
Turborepo 모노레포 구축 및 Server-Driven UI 도입
- 프로젝트 증가에 따른 관리 복잡성 해결을 위해 Turborepo 도입
- Server-Driven UI 아키텍처를 통해 파트너사별 UI 커스터마이징
Next.js 도입 및 Hybrid SDK 개발
- React App의 한계를 극복하고 SSR 및 성능 개선을 위해 Next.js 도입
- WebView-Native 통신 최적화를 위한 Hybrid SDK 개발
- Vue 어드민의 점진적 마이그레이션을 통해 기술 스택 통합 목표