뱅크샐러드, BPL로 UI 개발 속도 10배 향상!
by DD
5년 전
조회수 6
BPL은 뱅크샐러드 UI 디자인 시스템으로, 디자이너와 개발자 간의 소통 비용을 줄임
SwiftUI의 구조를 참고하여 선언적 UI 프레임워크를 구축, iOS 개발 생산성 향상
샘플 앱을 통해 컴포넌트 테스트 및 접근성을 개선하여 UI 개발 속도 10배 향상
BPL, 디자인 시스템의 확장
BPL은 디자인 시스템을 확장하여 제품을 만드는 모든 구성원이 공유하는 언어이다. 디자이너와 개발자 간의 소통 문제를 해결하기 위해, Figma를 활용하여 디자인과 코드 간의 간극을 줄였다. 따라서, UI 컴포넌트의 추상화 단위를 통일하여 개발 생산성을 향상시켰다.
SwiftUI와 RxSwift를 활용한 선언적 UI
BPL은 SwiftUI의 구조를 참고하여 선언적 UI를 구현했다. Container 컴포넌트와 Child 컴포넌트로 UI를 구성하고, RxSwift를 활용하여 데이터 바인딩을 구현했다. 결과적으로, Figma 디자인과 코드 간의 1:1 매칭을 통해 UI 개발 생산성을 높였다.
