재사용성을 위한 컴포넌트 구조
일단 앱 정보를 저장하는 AppContext와 테마 정보를 저장하는 ThemeContext로 분리했고 react-query로 요청받은 각각의 페이지들의 정보는 PageContext에 기록되게끔 짜고 있다. 재사용이 가능한 components는 그 용도과 규모에 따라 atoms, modules, pages로 나눴다. 개별 state를 가지지 않고 표현 위주의 컴포넌트는 atoms, (예를들면 Button, Image, Icon, Input, Link 등등), atoms끼리 결합하고 개별 state를 가지는 컴포넌트는 modules (Form, TabBar, NavBar, InputField 등등) 그외 하나의 페이지를 담당하는 컴포넌트는 pages 폴더로 구분했다. 각각의 컴포넌트는 별개의 폴더를 가진다...