📝 README.md 업데이트

Author: yonghanJu

README.md

@@ -4,9 +4,10 @@
 [![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fboostcampwm-2022%2Fandroid05-MoGakRun&count_bg=%239CBF87&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false)](https://hits.seeyoufarm.com)
 
 
+
 # MoGakRun
 <img height="250" src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png"></img>
-> **_모여서 각자 달려 볼까?~ 🏃‍♂️🏃‍♀️, MoGakRun_** <br/><br/>
+> **_모여서 각자 달려 볼까?~ 🏃‍♂️🏃‍♀️ with MoGakRun_** <br/><br/>
 > **개발기간: 2021.11.07 ~ 2021.12.16**
 
 <br/>
@@ -17,21 +18,21 @@
 
 __모각런__ 은 친구들과 함께 러닝 그룹을 형성하고 규칙에 맞춰 
 
-**각자** 러닝을 즐길 수 있게 도와주는 당신의 러닝메이트입니다.  
+__모여서 각자 러닝__ 을 즐길 수 있게 도와주는 당신의 러닝메이트입니다.  
 
 <br/>
 
-## 🌳 이거 왜 안돼로이더(Whyranoid) 🌳
+## 😎 이거 왜 안돼로이더(Whyranoid) 
 
-|K022 소병희|S023 신승민|K046 전현수|K051 주용한|
+|K022 소병희|K023 신승민|K046 전현수|K051 주용한|
 |:-:|:-:|:-:|:-:|
 |<img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=200 style="border-radius:100%" >|<img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=200 style="border-radius:100%" >|<img src="https://user-images.githubusercontent.com/65655825/204988296-fc8e10b8-aabf-485c-9c6a-73346c09910a.jpg" width=200 style="border-radius:100%" >|<img src="https://user-images.githubusercontent.com/65655825/204987646-91eb987b-1a66-4f39-b4f4-0aae6a2b9368.png" width=200 style="border-radius:100%" >|
 |[@bngsh](https://github.com/bngsh)|[@Seungmin-develop](https://github.com/Seungmin-develop)|[@soopeach](https://github.com/devjungwonlee)|[@yonghanJu](https://github.com/yonghanJu)|
 
 
 <br/>
 
-## ⚙️ 개발환경 및 라이브러리
+## ⚙️ 개발환경 및 라이브러리 
 
 <p align="center">
   <img src="https://img.shields.io/badge/Kotlin-1.9.0-yellowgreen?logo=kotlin"/>
@@ -42,18 +43,81 @@ __모각런__ 은 친구들과 함께 러닝 그룹을 형성하고 규칙에 
 
  | Purpose                                                   | Library                                                   |
 | ------------------------------------------------------------ | ------------------------------------------------------- |
-| 백그라운드 작업  | Jetpack Work Manager  |
-| 비동기 작업 | Flow, Shared Flow, State Flow, Coroutine |
-| 의존성 주입 | Hilt |
+| Background Task | Jetpack Work Manager  |
+| Async Task | Flow, Shared Flow, State Flow, Coroutine |
+| Dependecy Injection | Hilt |
 | CI | GitAction |
-| 로깅 | Timber |
-| 페이징 | Paging3 |
-| 메모리 관리 | LeakCanary |
-| 데이터베이스 로컬 | Room, PreferenceDataStore |
-| 데이터베이스 서버 | Firebase FireStore Database, Firebase Storage |
+| Logging | Timber |
+| Paging | Paging3 |
+| Memory Management  | LeakCanary |
+| Local Database | Room, PreferenceDataStore |
+| Server Database | Firebase FireStore Database, Firebase Auth |
 | Device | LocationServices, LocationManager, Broadcast Receiver |
-| Presentation | Material Design2, Jetpack Navigation, ViewPager2, Lottie, Glide, Shimmer, Naver Map, CalendarView |
+| Presentation | Material Design2, Jetpack Navigation, ViewPager2, Lottie, Glide, Shimmer, NaverMap, Kizitonwose Calendar |
+
+<br>
+
+## 📁 프로젝트 주요 기능 
+
+> 🔑 Google 계정을 통해 회원가입, 로그인을 할 수 있어요!
+
+<img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=30%><img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=30%>
+<img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=30%>
+
+> 🏃 모각런과 함께 운동을 시작해 볼까요?!
+
+<img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=30%><img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=30%>
+<img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=30%>
+<img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=30%><img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=30%>
+<img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=30%>
+
+> 👍 나의 운동 기록을 친구들에게 자랑해보세요!
+
+<img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=30%><img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=30%>
+<img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=30%>
+
+> 🙌 그룹원들과 모여서 각자 달려보는건 어떨까요?
+
+<img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=23%><img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=23%>
+<img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=23%><img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=23%>
+
+> 😊 나의 운동 기록들을 한눈에 살펴보아요
+
+<img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=30%><img src="https://user-images.githubusercontent.com/65655825/204984450-cd7aa396-edd6-4d6c-9a72-3ac9253e9675.png" width=30%>
+
+<br/>
+<br/>
+
+## 기술적 도전들
+
+### 캘린더를 원하는 형태로 커스텀하고 모듈 라이브러리화 시켜보기!
+
+- 마이런 탭에서 캘린더 뷰를 통해 나의 운동 기록을 한 눈에 보여줍니다. 이때 캘린더에게 요했던 기능들을 커스텀하고 라이브러리화 및 배포를 통해 다른 프로젝트에서 재사용이 가능하도록 만들었습니다.
+
+<br>
+
+### 엄격한 관심사 분리 및 재사용이 가능한 모듈화 분리
+
+- 위 캘린더뷰와 비슷한 맥락으로 엄격한 관심사 분리를 통해 레이어별, 기능별 모듈을 분리해서 내부 프로젝트 또는 외부에서도 재사용이 가능한 모듈 분리를 위해 노력했습니다.
+
+<br>
+
+### 웨어러블 디바이스와 연동
+- 기능별 모듈을 분리하는 이유로는 웨어러블 디바이스에서의 재활용이 있습니다! 러닝 앱인 만큼 웨어러블 디바이스와의 연결을 지원하면 좋겠다고 생각을 했고 그러기 위해서는 공유 가능한 기능별 모듈 분리가 필수적이라고 생각했습니다!
+
+<br>
+
+### 단방향 데이터 흐름을 만들기
+- Firebase 제공해주는 여러 API들은 콜백 기반이며 이는 data, domain, presentation 레이어에 걸체 단방향 데이터 흐름을 만들기에 힘들고 따라서 가독성이 떨어지고 반응형 프로그래밍 작성이 힘들다고 생각했습니다. 이런 부분들을 개선하기 위해 suspend, flow를 활용해 단방형 데이터 흐름을 만들었습니다.
+
+<br>
+
+### 배포, 유지 보수, Compose로 전환
+
+- 부스트캠프는 "이거 왜 안돼로이더"의 여정의 끝이 아닌 시작입니다.
+프로젝트 배포와 유지보수를 목표로하고 있습니다.
+서브 브랜치를 통해 WearOS 지원을 위한 코드 분리와 일부 화면 Compose 마이그레이션이 진행 중입니다.
 
 <br>
 
-## 🌟 프로젝트 주요 기능
+**[이거 왜 안돼로이더의 개발일지 보러가기!!](https://www.notion.so/6c16bd9841cd452587bf59f96adcaaa4)**