뿌대식: 뷰 컴포넌트 분리

개선 목표

기존의 뷰 요소들이 MainView 파일 하나에서 모두 관리되기 때문에 원하는 뷰를 수정하려고 할 때 원하는 부분을 찾는 데 어려움이 있었습니다.

 

그래서 뷰 요소들을 각각의 파일로 분리하며 Binding을 통하여 데이터를 관리하기로 목표를 잡았습니다.

 

 

개선 전

 

 

메인 뷰에서 “앱 로고”, “설정 버튼” 등을 관리하는 title, “부산”, “밀양”, “양산” 캠퍼스에 대한 탭을 관리하는 campus, “월” ~ “금”과 해당하는 요일을 관리하는 week, “식당”과 “식단”을 관리하는 menu를 한 번에 관리합니다.

 

 

개선 후

 

 

각 뷰 요소들을 용도에 맞게 분리하고, 메인 뷰에서 통합하여 호출하도록 개선했습니다.

 

그리고, 상황에 맞게 커스텀하여 사용하던 텍스트, 이미지, 도형 등의 뷰 요소들을 따로 구조체의 전역 멤버로 분리하고 호출하도록 구현했습니다.

이 방법으로 뷰 요소들의 재사용성을 높이고, 뷰 요소들이 어떤 식으로 보이는지 알 수 있게 했습니다.