Photo-Collector

Unsplash API를 활용해 이미지를 탐색하고, 보관함에 저장하는 안드로이드 앱입니다.

🏗 Architecture & Modularization

• Clean Architecture를 기반으로 MVVM 패턴에 따라 모듈화 하였습니다.

🎯 프로젝트 주요 관심사

[브랜치 관리 전략]

• Git Flow 전략 사용

  • 기능별로 Branch를 분리하여 개발을 진행하였습니다.
  • 모든 브랜치는 Pull Request에 리뷰를 진행한 후 squash merge 하였습니다.
  • Git 관리는 Sourcetree 툴을 사용하였습니다.

• 실제 활용 예시

Develop branch

Feature branch

[Testing]

• CI/CD

  • Github Actions 을 활용하여 CI/CD 파이프라인을 구축하여 빌드, 테스트, 배포와 같은 작업을 자동화 하였습니다.
  • 다양한 수준의 자동화된 테스트(단위 및 통합 테스트)를 실행하여 제대로 working 하도록 검증하는 것 을 목표로 하였습니다.

• API Test

  • Okhttp-profiler 를 이용하여 OkHttp 요청 또는 응답 헤더를 디버깅 하고, api 호출 작업을 tracking 하였습니다.

[Resource 관리]

• 네트워크 트래픽

  • 사용자 경험을 향상시키는 것을 목적으로 Job 및 Debounce를 활용하여 잦은 호출 방지를 유도하였습니다.
  • RemoteMediator를 활용하여 네트워크와 로컬을 연동하여 새로운 데이터 필요시에만 API 호출하도록 구현하였습니다.

• UI 렌더링

  • DiffUtil로 변경 부분만 감지하여 다시 그리도록 하여 UI 업데이트 작업을 최소화 하였습니다.
  • Room DB를 활용하여 로컬 캐싱으로 오프라인 지원 및 UX 개선하였습니다.

• apk 사이즈

  • R8 build 를 적용하여 앱 크기 축소화 및 경량화 하여 약 55.13% 용량 감소하였습니다.

R8 적용 전
R8 적용 후

💥 TroubleShooting

프로젝트를 진행하며 겪은 기술적 문제를 해결해 가는 과정과 이를 통해 배운 점을 정리하여 기록하였습니다.
자세한 내용은 해당 Wiki 페이지에서 확인하실 수 있습니다.

• Async로 API 통신 속도 및 성능 개선

• Debounce로 타이핑 이벤트 핸들링

• Network 및 Database의 페이징 처리

📕 Application Feature

• 메인 화면에서는 매일 새로운 list의 image를 보여줍니다.

• 이미지를 클릭하면 해당 이미지에 대한 상세 정보를 확인할 수 있습니다.

  • 내용 (description)
  • 사용자 (user name)
  • 좋아요수 (likes)
  • 업로드 날짜 (created at)

• 이미지의 하트버튼을 누르면 하트 아이콘의 색깔이 채워지고, 해당 이미지가 내 보관함에 저장됩니다.

• 다시 클릭하면 하트 아이콘의 색깔이 비워잠과 동시에 보관함에서 제거됩니다.

• 저장된 이미지는 북마크 페이지에서 저장했던 이미지의 최신순으로 보이고,
  보관한 이미지들은 앱 재시작 후에도 다시 확인할 수 있습니다.

• 북마크 기능은 홈 화면에서, 상세 페이지에서, 보관함에서 모두 적용됩니다.

• 검색창에 문자를 입력하면 자동으로 search 활동이 시작되고, 키워드에 해당하는 이미지들이 홈화면에 대체되어 출력됩니다.

• 검색어를 입력하지 않으면, 초기에 보였던 이미지들이 기본적으로 보여집니다.

🛠 Skill Set

구분	skill
Language	Koltin
Architecture	MVVM
DI	Hilt
Networking	Retrofit Okhttp
Asynchronous	Coroutine Flow
Jetpack	AAC LiveData ViewModel Databinding
Local DB	Room Pager
Image	Glide Cardview
Collaboration	Slack Sourcetree
ETC	Paging3 DiffUtil Timber