🍃 Zandi Time - 실시간 학습 몰입 앱 서비스

#PM #iOS #UMC

👥 Co-Work

1. 서버와 협업하기
   • REST API를 이용하여 GET / POST 메소드를 이용한 서버에 연동(with Alamofire, URLSession, Postman)
2. 디자이너와 협업하기
   • Figma Tool을 이용하여 Asset을 주고 받으며 UI구성
3. Git으로 협업하기
   • GitHub Organization을 만들어 Branch, Fork, PR을 통해 Xcode Project를 팀원과 공유
4. 소통하기
   • 전체 공지 : Kakao Talk
   • 문서 공유 : Notion
   • 온라인 미팅 : Zoom

---

📆 Plan

• 22.05.25 ~ 22.06.14 디자이너 모집기간
• 22.06.15 ~ 22.06.22 디자이너 & 기획자 미팅 및 아이디어 Develop
• 22.06.23 ~ 22.06.28 팀원 매칭
• 22.07.01 ~ 22.07.02 해커톤
• 22.07.03 ~ 22.08.15 팀별 몰입 개발기간
• 22.08.25 ~ 22.08.26 UMC 2기 데모데이 (공덕역 프론트원)

---

🗣 MOM

---

📱 Final Result

https://www.youtube.com/watch?v=EAQBYl3l6Tc&t=8s

---

📸 Screen Shot

---

🤖 Main Function

Login View Controller

1. Sign in with Google 버튼 클릭 시 구글에서 제공하는 웹뷰가 띄워진다.
2. 로그인에 성공하면 개인정보는 Google에서 담당하고, 토큰만 발급해주므로써 보안성을 높인다.(OAuth)
3. 구글에서 발급해준 토큰(userToken)을 서버에 전송하면, 서버는 이를 확인한 후 JWT를 유저에게 발급한다. (Access Token 유효시간은 임시로 늘려놓았다.)
4. 고유 JWT 소유한 유저만이 Main 앱에 진입할 수 있고, 이를 통해 서버는 유저를 구분한다.
5. Main 앱에 진입 한 후 클라이언트에서는 Request Header에 JWT를 함께 보내야 Response를 받을 수 있다.

Timer Tab

1. 타이머를 실행시키면 UI가 어두워지며 공부시간이 기록된다.
2. Stop 버튼을 누를 때마다 누적된 총 공부시간과 공부가 중단된 횟수(집중 방해횟수)가 서버로 전송된다.
3. 유저는 공부과목과 시간을 구분하여 기록하고, 지정과목을 추가 및 삭제할 수 있다.

Follwer Tab

1. 구글 계정(exapmle@gmail.com)을 검색하므로써, 팔로워를 추가할 수 있다.
2. Plus 버튼으로 추가된 팔로워의 공부 정보(사진, 이름, 한줄소개, 집중방해횟수, 총 집중시간, 잔디로 표현된 공부기록)을 열람 가능하다.
3. Edit 버튼으로 팔로워를 삭제할 수 있다.
4. Follwer Tab이 사라질 때, 즉 다른화면으로 이동할 때 서버에 팔로워숫자가 전송된다. (viewWillDisappear)

Market Tab

1. Collection View에 저장된 기본 테마 색상을 선택 후, Apply를 누르게 되면 메인 앱 테마가 바뀐다.
2. 테마와 캐릭터를 이용한 수익화는 보류중이다.

Profile Tab

1. Timer, Follwer Tab에서 전송한 모든 데이터들을 이곳에서 확인 가능하다.(총 공부시간, 방해중단횟수, 팔로워 수, 잔디)
2. 오늘을 포함하여 공부한 날의 기록을 잔디로 확인 가능하며, 잔디색의 농도가 짙을 수록 공부시간이 높음을 의미한다.
3. Gear 버튼을 눌러 설정으로 들어간 후, '로그아웃' 버튼을 누르면 초기 로그인 화면으로 돌아간다.

---

🧠 Gotten & Used Stack (중복제외)

Login View Controller

1. Google Social Login (OAuth)
2. App Switcher Mode (Scene Delegate)
3. Logo Icon

Timer Tab

1. Tabbar Controller
2. DateFormatter
3. Timer
4. TableView (XIB)
5. UseDefaults

Follwer Tab

1. AlertController
2. MVC Pattern
3. Data Pass (A->B)
4. FSCalander (Calander Library)
5. escaping closure

Market Tab

1. Collection View
2. Horrizental Scroll View

Profile Tab

1. Delegate Pattern
2. Compact Map

---

🙇‍♂️ Team Member

iOS

• 송 / 이주송 (PM)
• 온브 / 진윤겸

Server

• 창창 / 이창훈 (Server Leader)
• 메룰라 / 김상현
• 방랑자 / 김대건
• 서아 / 권슬희

Web

• 잼민 / 신재민(Web Leader)
• 가온 / 유민서

App Design

• 포히 / 사희수

Web Design

• 나니 / 김나현

---

Used NetWork Method (POST : URLSession , GET : Alamofire)

Login View Controller

• 3.1 유저 로그인 /oauth/google (POST)

Timer Tab

• 2.1 오늘 공부기록 저장 /saveRecords/today (POST)

Follwer Tab

• 4.1 친구추가 /addFriend/(follweeName) (GET)
• 4.3 친구 수 추가 /addNumberOfFollowers (POST)
• 4.4 친구 수 조회 /getNumberOfFollowers (GET)

Market Tab

Profile Tab

• 1.1 유저 정보 조회 /showMember (GET)
• 2.2 월별 공부내역 조회 /records/monthly?month=08 (GET)

---

🧑‍💻 Ref. link

• Idea Info. https://cake-tarn-9a3.notion.site/d053e9512d7c415898fd41261b315f8f
• UMC https://makeus-challenge.notion.site/Univ-MakeUs-Challenge-2nd-Board-fba760aa7ed94edc93ebb42722307945