플러스프로젝트 배경
1) 문제점 iOS WKWebView와 Android WebView의 렌더링 엔진 차이로 동일 컴포넌트가 플랫폼별로 다르게 동작 팀마다 유사한 컴포넌트를 개별 개발하여 코드 중복 및 유지보수 비용 증가 d3.js 사용 시 React 리렌더링과 충돌하여 SVG DOM이 누적되는 버그 발생 2) 프로젝트 목표 공통 컴포넌트 라이브러리: iOS/Android 양 플랫폼에서 일관된 동작을 보장하는 공통
프로젝트 성과
앱 로딩 속도 40% 개선
웹뷰 아키텍처 최적화 및 플랫폼별 렌더러 분리로 앱 로딩 속도 40% 개선
런타임 오류 85% 감소
TypeScript + PropTypes 이중 검증 체계 도입으로 런타임 오류 85% 감소
테스트 자동화
FUT 환경 구축으로 플랫폼별 렌더러 선택 및 빈 상태 처리 자동 검증
핵심 기능
플랫폼 자동 렌더러 선택
iOS에서는 SVG, Android에서는 Canvas 렌더러를 자동 선택해 플랫폼별 최적 성능 확보
진행 단계
요구사항 분석
2023.02.
iOS/Android 렌더링 차이 분석 및 공통 컴포넌트 범위 정의
프로젝트 상세
1) 포트폴리오 소개 수백만 사용자가 사용하는 대규모 IoT 스마트홈 앱의 웹뷰 공통 컴포넌트 라이브러리 구축 프로젝트. iOS·Android 크로스 플랫폼 환경에서 에너지 소비 실시간 모니터링 차트·공통 UI를 제공하는 컴포넌트 라이브러리를 개발하고 Storybook으로 인터랙티브 문서화. 2) 작업 범위 Front-end 개발 (컴포넌트 라이브러리) iOS / Android 웹뷰 3) 주요
