뱅
뱅크샐러드
August 14, 20201회
Banksalad Product Language를 소개합니다
간단 소개
뱅크샐러드의 UI 디자인 및 개발 효율성을 높이는 BPL(Banksalad Product Language) 구축 과정과 iOS 구현 사례를 소개합니다.
AI Summary
- BPL(Banksalad Product Language) 소개
- 뱅크샐러드가 UI를 디자인하고 구현하는 방식의 핵심 기둥인 BPL에 대한 소개.
- 디자인 시스템의 확장판으로, 제품을 만드는 모든 구성원이 공유하고 사용하는 언어.
- 직군별 UI 추상화 방식 차이로 인한 의사소통 문제 해결을 목표.
- BPL 구축 과정
- 각 플랫폼 개발자 및 디자이너로 구성된 TF를 통해 BPL 구축.
- 코드 구현을 통한 PoC(Proof of Concept) 방식으로 개념 정립 및 의사소통.
- Figma를 활용하여 디자이너의 작업 방식을 개발자가 이해하고 협업 강화.
- iOS 구현 및 활용
- 디자이너가 만든 컴포넌트 방식을 최대한 모방하여 1대1 대응되는 클래스 생성.
- SwiftUI 구조 참고, Container/Child 컴포넌트 분리 및 RxSwift, LayoutDrivenUI 활용.
- BPL_Component_Example, BPL_Integral_Example 샘플 앱을 통해 컴포넌트 검증 및 통합 테스트 진행.
- 빌드 시간 단축 및 접근성 개선 효과.
Next Feeds
안드로이드 11의 "패키지 공개 상태" 변경 사항 정리
안드로이드 11의 패키지 공개 상태 변경 사항과 이에 따른 앱 호환성 확보를 위한 API 테스트 결과 및 대응 방안을 제시합니다.
안드로이드 11패키지 공개 상태AndroidManifestQUERY_ALL_PACKAGESAPI
2020. 8. 5.
버즈빌
React 이해하기
React의 기본 개념, 선언형 UI, State 관리, Hook을 사용한 함수형 컴포넌트 등 React의 핵심 내용을 간략하게 설명합니다.
React컴포넌트JSXHook선언형
2020. 7. 9.
컬리
JPA 덕분에 DB에서 삽질한 이야기
JPA 환경에서 UUID를 ID로 사용할 때 겪은 DB 조회 문제 해결 과정을 분석하고, 원인이 컬럼 속성 길이와 MySQL의 RPAD 특성에 있음을 밝힙니다.
JPAUUIDDB 조회RPADBINARY
2020. 7. 5.
컬리
제품을 대하는 개발자의 자세
개발자가 프로덕트 관점을 갖는 것의 중요성을 강조하고, 문제 해결 능력 향상과 비즈니스 이해를 위한 질문과 답변의 필요성을 설명한다.
프로덕트개발자PM/PO비즈니스성장
2020. 7. 1.
버즈빌
Lambda Calculus에 대해 알아보자
람다 대수의 기본 개념, 추상화 방법, 문제 해결 방식, 그리고 실제 프로그래밍에서의 응용 가능성을 설명합니다.
람다 대수추상화beta reductionalpha conversionChurch numeral
2020. 6. 16.
컬리
코드 악취를 맡는 후각 훈련의 시간
컬리 물류 시스템의 리팩토링 과정을 공유하며, 코드 개선, 팀 협업, 개발 역량 향상에 대한 경험을 담고 있습니다.
리팩토링코드 개선테스트 코드팀 협업개발 문화
2020. 6. 8.
컬리