Banksalad Product Language를 소개합니다

문제 & 배경: 디자이너와 iOS·Android 개발자가 UI를 나누고 부르는 기준이 달라 같은 변경도 서로 다르게 이해하고 회의에서 용어를 맞추는 데 많은 시간이 들었습니다.

기술 & 해결책: 각자 코드를 먼저 만들어 비교하고 Figma의 컴포넌트 구조를 코드에 가깝게 옮긴 뒤, Container와 Child로 UI를 구성하는 BPL_iOS와 샘플 앱·스냅샷 테스트를 구축해 디자인과 구현을 일치시켰습니다.

교훈 & 주의점: 말로만 합의하기보다 실제로 동작하는 결과물을 먼저 보여주는 것이 이해 차이를 빠르게 줄였고, 독립적인 디자인 컴포넌트는 코드에서도 섣불리 합치지 않아야 하며 작은 샘플 앱에서 빠르게 검증하는 방식이 큰 UI 개편과 접근성 개선에 도움이 되었습니다.