MisoWeather

커뮤니티 기반의 날씨 앱 일기예보 보다 친구의 한 마디를 더 믿는다면

기간 : 2022.01.03 - 2022.03.23

개발 인원 : iOS 1명, Android 1명, Backend 1명, Design 1명

라이브러리 : Snapkit, Lottie

App Store : MisoWeather

목표

프로젝트를 직접 기획하고 앱스토어에 배포까지 끝마친다.
외부 라이브러리를 사용하지 않는다. (UI 제외)
스토리보드를 사용하지 않고 코드만으로 프로젝트를 진행한다.
이슈를 정리하고 feature branch를 각 이슈별로 생성해 작업한다.
Swift Lint를 적용하여 코드 컨벤션을 지킨다.

Table of contents 🌳

Member

Preview

Feature

Architecture

DevOps

Challenges

Member 👨🏻‍💻

MisoBuild: 미소짓다

iOS	Android	Backend	UX/UI Design
허지인	허현성	강승연	정한나
@JIINHEO	@gjgustjd	@tmddusgood	@HannaChung

Preview 📱

앱의 미리보기 화면입니다.


`온보딩`	`둘러보기`	`애플로그인`	`닉네임선택`	`날씨이야기`

Feature ✨

화면별 기능 목록입니다. ✨


`로그인`	`둘러보기`	`비로그인`	`랜덤 닉네임`

`날씨 이야기`	`오늘의 사람들`	`날씨 한 줄 평`	`설정`

회원가입 및 로그인

Apple Login
비회원을 위한 둘러보기 기능 적용
비회원 기능 제한 및 로그인 유도
대분류, 중분류, 소분류 지역 선택
랜덤 닉네임 및 이모지 선택 및 부여

메인

현재 지역의 날씨, 한 줄 평, 설문을 간략히 제공
지역 변경

날씨 예보

선택한 지역의 시간대별, 주간 일기예보 제공
미세먼지, 강수, 풍속, 습도 제공

날씨 이야기

오늘의 사람들
- 최초 1회 화면 진입 시 무작위 날씨에 대한 설문 및 답변 유도
- 지역별 설문 답변에 대한 통계 애니메이션 그래프 제공
- 질문 선택 및 답변
- 답변 시 애니메이션 적용
한 줄 평
- 한 줄 평 남기기
- 다른 지역 사람들의 의견 공유를 위한 지역명과 닉네임 제공
  - ex)서울의 흐뭇한 종이유니콘
- 댓글 40자 제한 적용
- 댓글 무한 스크롤 적용

Architecture 🏛

MVVM

DevOps 🐱

Github : 이슈를 작성하고, 이슈별 브랜치를 생성하여 진행
Swagger : REST API Documnet
Figma : UI Design, flow Diagram
Discord : 매주 일요일 오후 2시 회의 진행
Notion : 문서 정리 및 회의록 작성

Challenges 💪

SegmentedControl & PageView

SegmentedControl의 인덱스와 PageView의 인덱스가 동일할 때 페이지를 같이 넘겨주려고 생각했습니다. SegmentedControl은 인덱스를 가져올 수 있어서 컨트롤을 눌렀을때 PageView의 페이지 변환이 가능했지만, 반대로 슬라이드해서 PageView에 따른 SegementedControl을 변경하려고 했을때 변경되지 않는 문제가 있었습니다. 이유는 PageView는 지금 보고있는 뷰의 인덱스를 계속 0으로 반환했기 때문입니다.

private lazy var  dataViewControllers: [UIViewController] = {
    return [surveyViewController, reviewViewController]
}()

private var currentIndex: Int {
    guard let viewController = pageViewController.viewControllers?.first else {return 0}
    return dataViewControllers.firstIndex(of: viewController) ?? 0
}

따라서 위와같이 dataViewControllers라는 ViewController배열을 만들어서, 현재화면에 해당하는 VC가 dataViewContoller의 몇번째 인덱스에 있는지를 가져오는 방법으로 처리하게 되었습니다.
SegmentedControl과 PageView의 레퍼런스가 별로 없어서 시간을 많이 할애했던 부분이었습니다. 또 SegmentedControl이 iS iOS13부터 corner raidus가 15로 고정되어 원래 둥근 모양이었던 디자인이 둥근사각으로 바뀌게 되어서 디자인 그대로 표현해내지 못해 아쉬움이 남았던 부분입니다.

앱스토어 심사 거절 경험

지침 5.1.1 - 법률 - 개인정보 보호 - 데이터 수집 및 저장

앱스토어 심사 거절을 경험했습니다.

앱의 핵심 기능과 직접 관련이 있거나 법률에서 요구하는 경우를 제외하고 앱은 기능을 위해 사용자에게 개인 정보를 입력하도록 요구하지 않을 수 있기 때문입니다. 예를 들어, 레스토랑 앱은 사용자가 주문하기 전에 메뉴를 탐색할 수 있도록 해야 합니다. 따라서 기존에 로그인을 해야지만 모든 기능을 사용할 수 있었던 미소웨더 앱도 로그인이 필요하지 않은 기능에 대해 로그인 없이 사용할 수 있도록 변경했습니다. 비회원도 앱의 대부분의 기능을 사용할 수 있도록 '둘러보기' 기능을 제공하였고, 심사에 무사히 통과할 수 있었습니다.

후기

iOS 첫 프로젝트로 많이 부족했지만 이 프로젝트로 인해 정말 많이 성장했다고 느꼈습니다.
디자이너와 협업하면서 H.I.G를 찾아보며 서로 의견을 나누기도 했고, 백엔드와 Swagger 문서로 API에 대해 같이 고민하기도 했습니다.
Android 개발자와도 기획할때 시간내에 구현이 가능한 기능인지에 대한 고민과, 각 기능 비즈니스 로직에 대해 얘기를 나눈게 기억에 남습니다.
소셜로그인을 구현해보면서 토큰에 대한 이해도를 높였으며, kakao API를 사용하면서 블로그보단 개발 문서를 읽는 습관이 생겼습니다.
필요한 기능과 디자인이 기대한것과 동일하게 나와서 뿌듯한 마음도 있지만 개인적으로 첫 프로젝트라 아키텍처나 객체간의 결합 대해 많이 생각해보지 못했던것 같아 아쉽습니다. 앞으로 재사용 가능하고 유지보수가 용이한 코드에 대해 고민해보며 리팩토링을 할 계획입니다.

JIINHEO / MisoWeather-iOS