[Devfest Songdo 2023] 3. 카카오뱅크 안드로이드 개발 후기

 

 

 

 

 

iOS 개발 관련 세션은 없어서 안드로이드를 들으러 왔습니다 : )

 

 

 

 

 

 

 

 

 

 

👩‍💻

개발 관련 고민들과 

에피소드를 이야기해주셨는데 

나도 같이 고민해보면서, 몰입해서 들을 수 있었다. 

다양한 문제 해결 방법과 접근에 대해 생각할 수 있어서

굉장히 재미있고, 유익했던 것 같습니다 :) 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

프로필 전환 애니메이션

• 프로필 UI 를 어떻게 구현할 것인가?
• 어떤 시점에 해당 함수를 호출할 것인가?
• 클릭 시 어떤 프로필이 메인인가?
• 상황에 따라 내부에 플래그를 사용해야하는 경우도 있다
• 익숙한 카카오뱅크 UI를 예시로 설명해주셔서 이해가 잘 되었다

 

 

 

 

 

 

 

 

 

 

 

이미지 화질 저하 현상

• 처음에는 서버 문제로 파악
• Circle crop API 중 down sample 문제 
• Center Outside API는 upscale 지원
• 대부분 이미지 용량을 줄이는 것을 더 중요
  소스 품질에 맞도록 나온 optional을 사용하여 문제 해결
• 동작이 이상할 때는 공식 문서를 체크하자
  주석도 잘 읽고, 코드를 잘 읽자 

 

 

 

 

 

 

 

 

 

 

UI 테스트 & 이미지 

• 카카오는 유닛 테스트를 많이 한다.
• Mock or Spy / fake 객체를 사용

 

• Placeholder가 있는 경우와 달리
• 특정 케이스는 필수적으로 이미지가 와야하는 경우가 있다. 
• 네트워크 상황을 고려해야 함 
• 장비 연결 시 어떤 세팅을 해야할 지 가이드라인

 

• 가로채서 성공으로 만들어버리기
• UI 테스트에서 중요한 것
• 하드웨어 소프트웨어 스토리지 영향을 안 받도록 만드는 것
• 특정 하드웨어의 상황을 고려한 로직 넣어야 함
  ex) 플립이 반으로 접혀서 스크롤 로직 수정

 

 

 

 

 

UI 관련 개발 내용이라서 더욱 재미있었다!

 

 

 

 

 

 

 

 

 

 

자연스러운 제스쳐

• 잔액 숨긴 이후 다시 보여줄 때, 슬라이드 제스쳐 구현
• Textview의 제스쳐, 사람마다 시작하는 포인트가 다름
• 구글과 애플의 적절한 터치 크기에 대한 가이드 (HIG, AMD)
• 사용자마다 폰을 사용하는 영역도 다름
  ex) 왼손잡이와 오른손잡이 유저의 차이점

 

 

 

 

 

 

 

 

 

 

 

• 터치 영역도 늘여야 한다
• 제스처의 방향은?
• 패딩을 키우는 것을 제안
• 직접 터치를 개선하는 것은 어려움

 

 

 

 

 

 

 

 

 

 

반복적인 작업에 대한 플러그인

• 클린 아키텍처 기능별 모듈화 
• 카카오뱅크 용으로 커스텀화 
• 회사 별 디자인시스템에 대한 공통 코드들 
• 반복적인 작업들을 한번에 generate 하도록
• 데모 앱 / 모듈만 실행하는 앱을 하나 만듦

 

 

 

 

 

깃허브 잔디밭 UI같고 너무 맘에 들었던 디자인

 

 

 

 

 

• Single App Module에서 계층 단위의 모듈로
• UI / Domain / Data
• 격리한다는 입장에서 피처 별 분리
  하지만 또 공통인 부분도 존재

 

• 이에 필요한 기능으로만 구성되는 샘플 앱
• 빌드 시간은 참조하는 모듈 수에 영향을 받음
• 기존 본 앱 하나를 돌리던 상황에서
  이제는 원하는 모듈만 모아서 빌드
  또 프로젝트마다 다르게 모듈들을 구성 O

 

 

 

 

 

 

 

 

 

 

• 플러그인 제작은 난이도가 어려운 편
• 스튜디오 코드를 클론해서, 원했던 동작의 스트링을 찾음
  어떤 부분을 custom 할 수 있을지 살펴보기
• 역으로 import를 찾아가면서 원하는 기능을 구현

 

• 제작에 대한 난이도가 어려움
• 안드로이드 스튜디오 버전에 따라 내부 코드 동작이 달라지면 계속 수정해야 함
• 너무 어렵다면, template을 제공하는 것도 방법

 

 

 

 

 

📌 UI 관련 고민들과 이에 대한 해결 과정을 이야기로 풀어주셔서,
안드로이드 개발을 예시로 설명해주셨지만 iOS 앱을 구현하는 개발자로서도 배울 점이 많았던 강의였다.

앱 개발 프로젝트를 하면서 느꼈던 어려운 점들을 떠올려볼 수 있었던 시간이었다. :)