프로젝트 기본 구성 - MVVM

<aside> 💡 기본적으로 MVVM 패턴을 가져가려고 노력하였다. 허나 학습하면서 작성하면서 리팩토링 하기란… ㅠ 그래도 프로젝트 구성을 살펴보며 정리해보았다.

</aside>

최상위 폴더를 보자면 메인 홈 화면에 총 4개의 메뉴화면 ( home, chart, message, factory) 들을 도메인으로 묶어서 구성하였다.

Untitled

홈 화면 같은 경우 또 다시 4가지의 카테고리로 구성되어 있고, 모든 카테고리들은 이와 같은 구성을 가진다.

model - repository - bloc - view

component

component가 없는 카테고리도 있다.

view 에서는 bloc 만을 참고하고,

bloc에서 다루는 state는 model을 참조한다.

repository 에서는 model의 변환을 다룬다.

사실 해당 프로젝트는 서버를 달지 않았기 때문에 repository의 역할이 매우 작다.

특별히 외부 통신같은 것들이 적기 때문이다.

기본적인 view의 예를 보면 view에서 사용하는

data는 Bloc에서 state로 관리하여 한번에 가져오도록 노력했다.

최대한 로직과 뷰를 구분하려하였다.

Untitled

Untitled