Giter VIP home page Giter VIP logo

macc-team-happyanding's Introduction

Introduction

아이폰 기본 앱, 단축어

iPhone 기본 앱 ‘단축어’는 여러 앱에서 하나 이상의 작업을 빠르게 완료할 수 있도록 도와주는 엑셀의 ‘매크로'와 유사한 기능입니다.

사용자는 여러 단계의 작업들을 하나의 단축어로 직접 생성할 수 있습니다.
단축어는 한 번의 탭 또는 Siri에게 요청하는 것만으로 앱에서의 작업을 빠르게 수행하는 방법을 제공합니다.


단축어의 활용 실태

  • 설문조사 결과 iPhone을 사용하는 사람 중 79.5%가 단축어를 사용해봤다고 응답했으며,
    그 중 다른 사람이 만든 단축어를 사용해 본 사람은 88.6%를 차지했습니다.

니즈 및 페인포인트

  • 다른사람이 제작한 단축어를 공유하거나, 받을 때 다음과 같은 페인포인트가 존재했습니다.
    • 내가 원하는 단축어를 만들기도, 찾기도 어렵다.
    • 단축어가 수정되면, 사용이 불가능해져서 다시 찾아야한다.
    • 단축어를 공유해줄 때 마다 똑같은 설명을 반복해야한다.
    • 단축어를 수정하면, 수정된 링크를 사람들에게 다시 공유해야한다.

프로젝트 개요

  • 해당 페인포인트 및 니즈를 해결하기 위해 ShortcutsZip을 개발하게 되었습니다.
    • 더 쉬운 단축어 공유
    • 간편한 단축어 탐색
    • 업데이트 관리
    • 단축어 추천

Feature

  • 더 쉽게 단축어를 공유하는 글을 작성하세요

    • 단축어 기본앱이 shortcutszip으로 연결되어 바로 글을 작성할 수 있습니다.
      이제 iCloud 링크를 따로 붙여넣을 필요 없이 직접 만든 단축어를 공유할 수 있습니다.
  • 다양하게 단축어를 탐색해보세요

    • 어떤 단축어가 있는지 모를 때, 어떻게 검색해야 할 지 모를 때, 다양한 방법으로 탐색해보세요
      • 다운로드 순위 : 사용자들이 많이 다운로드 받은 단축어 1위부터 100위까지 볼 수 있습니다.
      • 카테고리 : 카테고리별로 단축어를 탐색할 수 있습니다.
      • 사랑받는 단축어 : 좋아요를 많이 받은 단축어를 확인해보세요.
  • 비슷한 단축어들을 모아서 추천하거나 받아보세요

    • 직접 엄선한 단축어들을 모아 추천하거나 다른 사용자들의 추천 모음을 받아보세요.
      다운로드 받은 단축어를 기반으로 새로운 단축어를 추천 받을 수도 있어요.
  • 단축어 사용에 필요한 모든 정보를 한눈에 확인해보세요

    • 기본정보 탭에서 단축어를 다운로드 받기 전에 단축어 사용방법, 카테고리, 필요한 앱 정보를 확인해보세요.
      다운로드한 단축어가 갑자기 동작하지 않은 적 있나요? 더이상 단축어가 업데이트 됐을 때 헤매지 마세요.
      댓글 기능을 통해 사용자 간 실시간 소통을 해보세요. 제작자와 소통하며 격려하고, 더 나은 단축어를 위해 제안해보세요.
  • 다크모드

    • 어두운 상황에서도 편안하게 단축어를 탐색해보세요!

Tech Stack

Contributors

@Elie @Green @Halogen @HongKi @Romi @Soi
elie green halogen hongki romi soi

Thanks To

License

Apache-2.0

macc-team-happyanding's People

Contributors

hangyeongjun avatar jim4020key avatar jiwon1923 avatar jmm00 avatar mxnxxii avatar otoolz avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

macc-team-happyanding's Issues

[Feat] Color Extension 추가

필요한 기능

  • gradient 색상을 쓰기위한 Color Extension 추가

해야 할 일

  • color asset추가
  • gradient 구현
  • color extension 작업하기

[Feat] Font Extension 추가

필요한 기능

  • Font Extension 추가

해야 할 일

  • 디자인 시스템에 맞게 폰트 사이즈 커스텀하기

[Feat] AdminCurationCell 제작

필요한 기능

  • 앱 자체 큐레이션 컨텐츠 썸네일인 AdminCurationCell을 제작합니다.
  • 큐레이션 디테일 뷰로 넘어가는 애니메이션을 쉽게 연결할 수 있게 제작합니다.

해야 할 일

  • AdminCurationCell UI 제작

[Feat] IconModalView UI 구성

필요한 기능

  • 색상과 심볼을 선택하여 아이콘을 생성하는 UI를 생성합니다.

해야 할 일

  • UI 구성
  • 아이콘 미리보기

[Feat] WriteShortcutTagView UI

필요한 기능

  • 태그와 텍스트필드로 구성된 단축어 작성 마지막 페이지를 구현합니다.

해야 할 일

  • 완료버튼 활성화 조건 확인
  • 카테고리 추가버튼을 누르면 CategoryModal로 연결

[Feat] App 이름 변경

필요한 기능

  • 현재 팀 이름으로 되어있는 앱 이름을 ShortcutsZip으로 바꿔주세요

추가 컨텍스트

  • App store 배포시 타이틀은 ShortcutsZip : 단축어모음집로 설정해야합니다!

[Feat] Category Data 모델 만들기

필요한 기능

  • ListShortcutView 접근 및 사용 편의성 및 안정성을 위한 모델이 필요합니다.

해야 할 일

  • 모델 만들기
  • 적용하기

[Feat] ExploreShortcutView 카테고리 파트 UI

필요한 기능

  • ExploreShortcutView에서 카트고리 파트를 보여준다.

해야 할 일

  • 카테고리 뷰의 재사용 가능한 개별 항목 만들기 (태그 모양의 modifier)
  • 전체 카테고리 뷰 UI

[Feat] 메인 탭바 구성

필요한 기능

  • 다른 뷰들이 탭바에 연동하기 쉽도록 탭바 구성

해야 할 일

  • 탭바 View 구성하기
  • 탭바 라우팅 파일 구성
  • ExploreShortcutView 탭에 추가
  • ExploreCurationView 탭에 추가
  • MyPageView 탭에 추가

[Feat] SelectShortcutModalView 제작

필요한 기능

  • 큐레이션 제작 과정에서 좋아요 및 내가 만든 단축어 목록을 띄웁니다.
  • 단축어 목록에서 체크박스를 선택하면 해당 단축어들을 부모 뷰로 전달해줍니다.

해야 할 일

  • 좋아요한 단축어 목록 및 내가 만든 단축어 목록 불러오기
  • CheckBoxShortcutCell 제작
  • SelectShortcutModalView 제작
  • 선택한 단축어 정보를 부모 뷰로 전달

[Feat] WriteShortcutView 플로우 연결

필요한 기능

  • WriteShortcutTitleView -> WriteShortcutDescription -> WriteShortcutTagView 순서로 내비게이션 연결합니다.

해야 할 일

  • 내비게이션 방식 결정

[Feat] MyWritingShortcutView 제작

필요한 기능

  • ListShortcutsView 재사용하여 뷰 구성

해야 할 일

  • enum 수정하여 재사용할 수 있도록
  • 상세 설명 뷰 숨기기(회색 박스)

[Feat] UserCuration 목록 UI 구현

필요한 기능

  • UserCurationCell을 2개씩 보여주는 목록을 구현하기

해야 할 일

  • 헤더 구현하기
  • UserCuration 목록 구현하기

추가 컨텍스트

  • ExploreCurationView
  • MyPageView에서 사용

[Feat] ExploreShortcutView내의 서치바 Logic 구현

필요한 기능

  • ExploreShortcutViw내의 서치바 Logic 구현

해야 할 일

  • 단축어 제목 검색에 따른 결과 로직
  • 단축어 내용 검색에 따른 결과 로직
  • 단축어 관련앱 검색에 따른 결과 로직

[Feat] Firestore 구현

필요한 기능

  • 기능을 설명해주세요

해야 할 일

  • 초기 설정
  • 읽어오기 테스트
  • 쓰기 테스트
  • 삭제 테스트
  • 모델 작성
  • 트랜젝션 작성
  • 적용

추가 컨텍스트

  • 추가로 작성해야할 말이 있으면 작성해주세요

[Feat] WriteShortcutDescriptionView UI

필요한 기능

  • 단축어에 대한 한줄 설명 및 설명을 작성하는 페이지를 그립니다.

해야 할 일

  • WriteShortcutDescriptionView UI
  • 데이터 전달 고려

[Feat] ValidationCheckTextField 구현

필요한 기능

  • 단축어 등록, 큐레이션 등록에 필요한 길이 검사 텍스트 필드를 구현합니다.

해야 할 일

  • 길이제한에 따른 상태 변화
  • 재사용 고려

[Feat] ListCategoryView 제작

필요한 기능

  • 카테고리 더보기 버튼 눌렀을 때 상세 뷰 제작

해야 할 일

  • 뷰 제작
  • 더보기 버튼과 연결
  • 상세 페이지와 연결

[Feat] ShortcutDetailView/ReadShortcutView UI

필요한 기능

  • [Feat] ShortcutDetailView UI

해야 할 일

  • 단축어 상단 컨텍스트 메뉴 버턴
  • 단축어 헤더 정보 UI (아이콘, 제목, 한줄설명, 업로드)
  • 단축어 상세설명 UI
  • 관련 카테고리 정보 UI
  • 단축어 관련 앱 정보 UI
  • 단축어 사용 요구사항 UI
  • 다운로드 버튼 UI

[Feat] Padding 수정

필요한 기능

  • 뷰의 패딩 값이 수정되었습니다.

해야 할 일

  • ListShortcutCell 패딩 값 수정 (20, 20)

추가 컨텍스트

  1. ListShortcutCell
    image

[Feat] ExploreshortcutView 기능 및 커넥션 구현

필요한 기능

  • ExploreshortcutView 내에서 각종 버튼과 셀을 눌렀을 때 해당 뷰로 연결해주도록 한다.

해야 할 일

  • 내 단축어 더보기 버튼 연결 -> 내 단축어 더보기 뷰
  • 다운로드 순위 더보기 버튼 연결 -> 다운로드 순위 더보기 뷰
  • 카테고리 더보기 버튼 연결 -> 카테고리 더보기 뷰
  • 사랑받는 단축어 더보기 버튼 연결 -> 사랑받는 단축어 더보기 뷰
  • 내 단축어 생성 셀 연결 -> WriteShortcutView
  • 내 단축어 카드 셀 탭 -> 단축어 디테일 뷰
  • 리스트 내에 숏컷 셀 탭 -> 단축어 디테일 뷰
  • 카테고리 리스트에서 카테고리 셀 탭 -> 해당 카테고리 디테일 뷰

[Feat] WriteShortcutTitleView UI

필요한 기능

  • WriteShortcutTitleView 화면을 그립니다.

해야 할 일

  • IconModalView와 연결
  • 다음 버튼 활성화 조건 확인

[Feat] SF Symbol 크기 통일

필요한 기능

  • ShortcutsZip에서 사용되는 SFSymbols의 크기 및 weight를 통일하고 관리합니다.

해야 할 일

  • 폰트 사이즈 확정
  • 아이콘 크기 및 weight 확정
  • Font+Extension에 추가
  • SF Symbols에 폰트 적용

[Feat] CategoryModalView UI

필요한 기능

  • 카테고리 버튼들로 구성된 CategoryModalView UI 구현합니다.

해야 할 일

  • 하프모달로 구현
  • 버튼 선택시 WriteShortcutTagView로 값 전달

[Feat] ExploreShortcutView UI

필요한 기능

  • ExploreShortcutView에서 숏컷 리스트를 보여준다.

해야 할 일

  • ExploreShortcutView 전체 구성을 잡는다.
  • 내 단축어 카드뷰
  • 내 단축어 스크롤뷰
  • 다운로드 순위 리스트뷰
  • 카테고리 모아보기 뷰
  • 사랑받는 단축어뷰

[Feat] WriteCurationColorView - WriteCurationColorView 제작

필요한 기능

  • WriteCurationInfoView에서 입력한 title과 subtitle를 가져와 UserCurationCell 미리보기에 보여줍니다.
  • 아래쪽에 PaletteCell을 불러와 색상을 선택할 수 있게 합니다.

해야 할 일

  • 앞 view들에서 입력한 데이터 모두 모으기
  • WriteCurationColorView UI 그리기

[Feat] WriteCurationInfoView-CurationInfoView제작

필요한 기능

  • 큐레이션 글쓰기 화면에서 큐레이션 제목, 부제목, 설명을 적는 페이지를 제작합니다.
  • 미리 제작된 textfield를 가져와 title과 placeholder, 글자 제한을 설정합니다.

해야 할 일

  • CurationInfoViewUI 제작
  • 다음 뷰에 데이터 넘겨주기

[Feat] UserCurationCell UI 구현하기

필요한 기능

  • UserCurationCell 구현하기

해야 할 일

  • 포함되는 단축어 수에 따른 아이콘 배치 변화 로직 구현
  • 재사용 가능한 UserCurationCell UI를 그린다.

[Feat] PaletteCell 제작

필요한 기능

  • 큐레이션 및 단축어 제작 뷰에서 필요한 PaletteCell을 제작합니다.
  • 색상 데이터를 다른 뷰에 넘겨주기 쉽게 만듭니다.

해야 할 일

  • 색상 하나의 cell 제작
  • cell들을 grid로 묶기
  • 컬러 선택 후 데이터 전달

[Feat] WriteShortcutTagView내 Tag 구현

필요한 기능

  • 텍스트 필드로 태그 추가하는 기능을 구현합니다.

해야 할 일

  • 추가된 태그들이 가로 스크롤 가능
  • 엔터를 누르면 텍스트필드가 태그로 추가

[Feat] App ICON

필요한 기능

  • 로고 결정 시 앱 아이콘을 적용해주세요

해야 할 일

  • 이미지로 뽑기

[Feat] ReadAdminCurationView UI 제작

필요한 기능

  • ReadCurationView의 UI를 제작합니다.

해야 할 일

  • ReadAdminCurationView와 ReadUserCurationView 분리 (디자인 변경으로 인한 뷰 수정사항)
  • ReadCurationView의 UI 제작

추가 컨텍스트

-공유버튼은 UI만 제작 후 작동은 하지 않게 처리해 두겠습니다.

[Feat] WriteCurationSetView-CurationSetView 제작

필요한 기능

  • 큐레이션 제작 과정에서 좋아요 및 내가 만든 단축어 목록을 띄웁니다.
  • 큐레이션 글쓰기 화면 중 큐레이션할 단축어를 선택하는 CurationSetView를 제작합니다.

해야 할 일

  • 좋아요한 단축어 목록 및 내가 만든 단축어 목록 불러오기
  • CheckBoxShortcutCell 제작
  • SelectShortcutModalView 제작
  • 선택한 단축어 정보를 다음 뷰로 전달

[Feat] SettingView UI 구현

필요한 기능

  • MyPageView에서 접근하는 SettingView UI 구현하기

해야 할 일

  • SettingView UI 구현하기
  • 디자인 적용하기

[Feat] ExploreShortcutView내의 서치바 결과 화면 UI

필요한 기능

  • 서치바에서 받은 입력에 따른 결과를 출력

해야 할 일

  • 결과 뷰에 결과 텍스트를 받아온다.
  • 텍스트를 전체 단축어 정보 데이터에서 추려낸다.
  • 추려낸 결과를 보여준다.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.