VoCap 개발 과정 - 앱 개발 1 - 레이아웃 구성

VoCap의 전체 레이아웃 구성은 다음과 같다. 물론 actionSheet와 같은 자잘한 View들도 있지만, 주요 View만 표시를 하였다. 앞서 정리한 주요 기능을 모두 포함할 수 있도록 구성하였다. 

하나씩 살펴보면 다음과 같다. 

• HomeView: 앱을 실행하고 Launch Screen이 이후의 처음 화면이다. 다른 View들로 전환이 가능하다. 해당 View는 List로 이루어져 스크롤을 통해 단어장 목록을 볼 수 있다. 
  1. .sheet를 통해 단어장을 추가/편집할 수 있는 NoteModifierView로 이동
  2. NavigationLink를 통해 단어장 내부인 NoteDetailView로 이동
  3. .sheet를 통해 설정창으로 이동
• NoteModifierView: 단어장을 새로 만들거나, 기존 단어장을 수정할 수 있는 View이다. 다른 View로 만들어도 되지만, 기능과 UI가 거의 유사하여 하나로 통합하였다. 
• NoteDetailView: 단어와 뜻의 집합을 List로 나타내는 View이다. 
  1. 단어/뜻 섞기
  2. 단어 또는 뜻 가리기
  3. 메뉴를 통해 단어/뜻을 추가하거나 수정
  4. 메뉴를 통해 외운 단어 가리기
• SettingsView: 앱에 대한 기타 기능들이 있는 View이다. ContactusView는 개발자에게 문의할 수 있는 View이고 ResetView는 앱에 저장된 정보를 초기할 수 있는 View이다. 
  • .sheet를 통해 ContactUsView로 이동
  • NavigationLink를 통해 ResetView로 이동