[UXKit] 앱 탐구 생활 - Share the meal

-
[app review] 앱 살펴보기 - Share the meal

App store best of the 2020 앱 중 하나로 선정된 ShareTheMeal을 살펴 보았습니다.

앱의 구조

4개의 탭으로 이루어진 앱 입니다. 각각의 탭 메뉴를 선택 했을 때는 아이콘의 색이 변하면서 화면 전환이 일어납니다. 크게 복잡하거나 화려하지 않은 심플한 구조 입니다.

기부하다 페이지


카드 스와이핑 페이지 입니다. 비슷한 라이브러리는 SwipingCarousel 라는 것이 닮아 보였습니다. 꽉찬 화면이 아닌, 이쁜 테두리로, 굉장히 아름다워 보입니다. 미묘하게 가운데 카드는 크고 양 옆 카드들은 크기가 작아지는 것도 재미있네요. 꼭 한번 구현 해 보겠습니다!

와이파이의 환경에서는 메인 이미지를 썸네일로 한 동영상이 자동 재생됩니다. 연결된 네트워크를 탐지해서, 동영상을 컨트롤 하는 방법에 대해서도 정리 해 보도록하겠습니다.


상세 페이지로 들어가면, 이미지와 프로그레스바, 그리고 내용들이 나옵니다. 하단에는 후원하기 버튼이 있고요. 이미지 갤러리의 경우에는 콜렉션 뷰로 되어있고 하단의 콜렉션뷰와 연동되어 클릭하면, 해당 이미지가 나옵니다. 애플지도를 쓰는 것도 처음봐서 신기했습니다. 복사는 웹페이지의 링크가 되고, 누르면 해당 앱으로 떨어집니다. 바로 앱으로 떨어지는 다이나믹링크를 쓰면 좋았을 것 같네요.

기부 등록


이 페이지는 정기 후원을 위한 페이지로, 콜렉션 뷰로 설명을 해주고 후원하기 버튼을 누르면 후원 페이지로 이동합니다. 후원 페이지는 카드를 스와이핑 하면서 메뉴를 고를 수 있는 페이지 입니다.

커뮤니티


그룹을 만들거나 참여할 수 있습니다. 마찬가지로 컬렉션 뷰로 추천팀을 고를 수 있으며, 이 탭은 상단에 또 작은 탭바가 한 번 더 들어가 있습니다. 탭바는 클릭 했을 때 부드럽게 그림자가 이동하는 걸 볼 수 있었습니다.

프로필


나의 정보가 나오고, 정기후원, 기부등록, 그룹 현황, 목표 달성 현황 같은 사용자 개인의 보여줍니다. 페이지를 아래로 내렸을 때 그라데이션으로 네비게이션 타이틀이 프로필에서 사용자 이름으로 바뀝니다. 오른쪽 상단에는 설정 버튼이 있습니다. 언어, 통화, 알림설정등과 같은 정보들이 나와있습니다. 로그아웃 버튼과 버전정보도 다 설정 페이지에 있습니다.

donaricano-btn

댓글

댓글 쓰기

이 블로그의 인기 게시물

[IOS] AppDelegate는 뭐하는 녀석이지?

-
이미지
[IOS] AppDelegate AppDelegate.swift 는 swift로 IOS 개발을 시작하면서 부터 보였고, 계속 궁금해서 이 기회에 정리해놓으려한다. 공식문서 참고 UIApplicationDelegate AppDelegate.swift 크게 두가지 기능을 한다. AppDelegate 클래스를 정의 어플리케이션이 그려질 window를 생성하고, 상태가 변할 때 반응 할 수 있게 한다. 또한 AppDelegate 클래스는 UIApplicationDelegate 프로토콜을 채택해야한다. 앱에 대한 진입 점과 입력 이벤트를 앱에 전달하는 실행 루프를 생성 이 작업은 파일 상단에 나타나는 UIApplicationMain 의 특성이다. (@UIApplicationMain)에 의해 수행된다. 하지만 IOS13부터는 AppDelegate.swift , SceneDelegate.swift 두 파일로 나뉘어 생긴다. 그렇기 때문에 여러 소스를 보았을 때 혼란을 야기했다. 이전에는 (~ IOS12) 아래와 같은 구조였다. AppDelegate Process Lifecycle App Launched App Terminated UI Lifecycle Entered Foreground Become active 하지만 지금은 (IOS13) 아래와 같다. Session Lifecycle에 대한 역할이 추가되었다. AppDelegate Process Lifecycle Session Lifecycle Session Created Session Discarded SceneDelegate UI Lifecycle Entered Foreground Become active AppDelegate 클래스에 있던 프로퍼티인 window가 SceneDelegate로 옮겨졌다. 하지만 하나의 화면에서 여러개의 다중 화면을 지원하면서 scene 개념이 추가
자세한 내용 보기

[git] Github 이슈 라벨(issue labels)

-
이미지
[dev] Github issue labels Github에서 프로젝트의 문제점을 알리거나 기여를 할 때 이 issue label을 달거나 읽어야 할 일이 생긴다. 해당 이슈에 알맞은 라벨을 선택하고, 의미를 파악하기 위해 알아두자. keyword 의미 bug 예기치 않은 문제 또는 의도하지 않은 동작(버그)을 나타냅니다. documentation 문서를 개선하거나 추가 할 필요가 있음을 나타냅니다. duplicate 해당이슈 또는 PR이 기존에 있음을 나타냅니다. enhancement 새로운 기능 요청을 나타냅니다. good first issue 처음 기여해볼 사람에게 좋은 문제를 나타냅니다. help wanted 관리자가 문제 또는 PR 요청에 대한 도움을 원함을 나타냅니다. invalid 이슈 또는 PR 요청이 더 이상 관련이 없음을 나타냅니다. question 이슈 또는 풀 요청에 추가 정보가 필요함을 나타냅니다. wontfix 문제 나 PR 요청에서 작업이 계속되지 않음을 나타냅니다. 참고 : https://help.github.com/en/github/managing-your-work-on-github/about-labels
자세한 내용 보기

[git] git의 upstream과 origin 헷갈리는 사람 손!

-
이미지
[git] git의 upstream과 origin git의 upstream과 origin upstream과 downstream 사전적인 의미를 파악해보면, upstream 이 상류, downstream 이 하류입니다. 물이 상류에서 하류로 흐르듯이 pull 하는 주최가 downstream 당하는 쪽이 upstream 입니다. 내 레포에서 다른 레포를 풀 해서 작업하고 있다면 다른 레포가 업스트림이 되겠군요! otherRepository(upstream) -> (git pull) myRepository(downstream) 이미지 출처 : https://aktiasolutions.com/upstream-kanban-business-agility/ upstream과 origin 그렇다면 업스트림과 오리진은 어떤 차이가 있는지 정리 하겠습니다. 보통은 다른 레포를 포크해서 내 레포를 만들어 놓고 내 레포를 클론, 풀 해서 작업합니다. 이때 가장 근본이 되는 레포를 upstream 이라고 부릅니다. 내가 fork해서 가져온 레포를 origin이라고 부릅니다. 그러므로 내가 로컬에 클론 해 놓고 작업할 때, origin/master에서 가져올지, upstream/master에서 가져와야 할지 생각해서 가져와야겠죠? otherRepository(upstream) -> (fork) myRepository(origin) otherRepository(upstream) -> (git pull) myRepository(local) myRepository(origin) -> (git pull) myRepository(local)
자세한 내용 보기