[UXKit] 앱 탐구 생활 - 29CM

-
[app review] 앱 살펴보기 (1) - 29CM

에디터 추천이 붙어있는 앱을 한번 살펴볼까 합니다.


29CM이라는 앱이고, 디자인적으로 굉장히 잘 되어있다고 해서 선정하게 되었습니다.

앱 구성

크게 5개의 탭바로 되어있습니다. 깔끔한 아이콘과 복잡하지 않은 탭바 아이콘 설명이
깔끔한 느낌을 줍니다.


가운데는 영상을 위한 페이지이며, 탭바의 색이 반전되어 있습니다. 다른 화면이지만 나머지 화면들과
디자인 적으로 같아보였습니다.

디자인에 무지해서인지, 화면 전반에 존재하는 왼쪽의 여백에 눈이 많이 갔습니다. 어떤 미적 의미가
있는지 아시는 분은 댓글로 알려주세요.
메인의 투명한 네비게이션바와 우측의 하얀색버튼이 눈에 걸리지 않게 색변화 하는 점이 매우 신기 했습니다. 또한
속도에 따른 네비게이션 버튼과 탭바의 등장과 사라짐은 신기한 경험이었습니다.

따라 구성해보고 싶은 부분

  • 화면이 움직이는 속도에 따라 반응하는 컴포넌트 들

    • 텍스트라벨 부터 탭바, 네비게이션까지 사용자가 빠르게 스크롤 할 때와 느리게 할떄가 반응이 달랐습니다.

  • 화면을 아래로 스크롤링 했을 때 탭바가 올라오고, 위로 스크롤링 했을 때 탭바가 내려가는 기능

  • 29TV에 있는 공유하기 버튼

    • 귀욤뽀작하게 SNS버튼으로 구성된 커스텀 공유 버튼을 구현해보고 싶습니다.

  • 이미지 배너를 스크롤링 할 때 자연스럼게 백그라운드 컬러로 fade out


  • 빠른 스크롤링에도 끊김없는 카드로딩과 스크롤링

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)
자세한 내용 보기