1. 전체 모듈 7개의 모듈 1개의 app module 과 5개의 android libarary module , 1개의 buildSrc module 로 구성 2. App 모듈 구성 di Hilt를 사용하여 HiltApp module 이 있다. presentation - AppState.kt : App 에 공통으로 관리하는 State 가 들어있다 - InstaCloneApp.kt : 네비게이션 그래프, App Composable Screen, Bottom Navgation Composable 이 들어있다. 3. Feed 모듈 구성 data - model : 사용하는 모델 ( User , Post , Story ) - repository : FirebaseRepositoryImpl di - FeedModul..

1. 로그인 & 회원가입 화면 구현 영상 & 메인화면 영상 1. 피드( 홈 ) 화면 2. 검색 화면 3. 프로필 화면

멀티모듈에서 화면 전환 시 문제가 발생 문제 : 로그인 모듈에 있는 로그인스크린에서 로그인 버튼 클릭 시 앱모듈에 있는 Bottom Navigation에 피드로 진입해야하는데 어떻게 연결 해야하는지 몰랐다. 해결하기 위한 노력 : 1. 당연히 구글링 - 이때 찾아본건 ( compose navigation, nested graph , bottom navigation ) 2. 그리고 적용 근데 안돼서 다시 검색 3. 곰곰히 생각해보기 ㅋㅋㅋ 해결 방안 : base module은 다른 모듈에서 모두 사용하니 base module 에 전체 화면에 대한 NavItem을 넣어두고 앱 모듈에 전체 Nav그래프를 만들때 그 안에 로그인, 회원가입, 페북로그인, 홈을 넣어둔다. 자세히 말하면 로그인 모듈에는 1. 로그인..

먼저 앱의 현재 구성은 이렇게 모듈로 나눠 만들어보았습니다. dynamic-feature module 을 사용하고 싶었는데 문헌도 적고 나름 찾아본다고 보고, 만들고 해봤는데 제 실력이 아직 미흡하여 적용하진 못하였습니다. 다음번에 꼭 dynamic feature module 을 뿌셔보겠습니다. 각 모듈에는 이런식으로 각 package 를 구성하였습니다. 아키텍처를 고려하다 보니 최대한 관심사를 분리하자에 초점을 두어 각 모듈별로 domain, data , presentation 을 나누었고, 공통 코드들은 base에 모아두려고 하고 있습니다. gradle 관리는 BuildSrc 모듈에서 Dependencies 를 모아두었고, Base 모듈에서 api 로 다른 모듈이 Base module 을 implem..

인스타 앱 클론 코딩을 위해 앞서 2편을 작성했었습니다. 결론은 2편까지 만든거 다 버리고 다시 만들기로 결심하였고 그렇게 결심하게 된 이유 몇가지 중에 가장 큰 이유는 너무 모놀리틱한 앱으로 만들고있었습니다. 아키텍쳐 , 멀티모듈 등 그동안 많이 몰랐던 부분들을 하나하나 공부를 했고(여전히 부족하다 생각하지만), 앞으로 만들면서 겪은 과정과 문제들을 기록하고 어떻게 해결했는지 공유하고 싶었습니다. 이번에 만들면서 써볼 기술 스택은 1. Multi Module + build gradle kts 2. clean Architecture 3. Compose 4. Room 5. Retrofit2 6. DI Hilt 7. mockito 이렇게 생각하고 시작하였습니다. 더 필요한건 중간에 다시 수정하여 만들어보겠습..

대략적인 틀은 일단 이렇게 하려고 한다. 그림처럼 앞서 만들었던 bottomNavigation 을 이용해 5개의 fragment 를 연결하고 처음 나오는 Home 화면에 ViewPager2 를 이용하여 3개의 fragment를 만들었다. 두번째로 돋보기를 누르면 나오는 View인데 여기에는 Appbar collapstingToolbar를 이용하여 사라지게 하고 밑에 RecyclerView Layoutmanager로 GridLayout span 열당 3개씩 오게 설정하자. 3번째 4번째 fragment는 릴스와 샵 인데 좀 더 생각해보려고 한다. 일단. 릴스는 recyclerview 달고 Recyclerview item 에 버튼이랑 영상들어가는 view 좋아요 팔로우 이런 버튼 달아서 어뎁터에서 Data ..