목차

Component Structure

Data 구조

model[ data_source(api) + Redux ] - view_models - pages

폴더 구조

App.tsx
src
	├ assets
	|    ├ colors
	|    |    ├ backgroundColor.tsx
	|    |    ├ btn1Color.tsx
	|    |    ├ btn2Color.tsx
	|    |    ├ fontColor.tsx
	|    |    ├ mainColor.tsx
	|    |    └ subColor.tsx
  |    └ images
	|         └ kakaoLogin
	├ components
	|    ├ imageInput.tsx
	|    ├ imageList.tsx
	|    ├ loginModal.tsx
	|    ├ searchBar.tsx
	|    └ searchResult.tsx
	├ store
	|    ├ actions
	|    ├ reducers
  |    ├ store.ts
  |    └ types.ts
	|  
	├ data_source
	|    ├ auth.tsx
	|    └ business.tsx
	├ models
	|    ├ auth
	|    |    ├ request
	|    |    |    ├ logInRequest.tsx
  |    |    |    └ modifyProfileRequest.tsx
  |    |    └ response
  |    |         ├ logInResponse.tsx
  |    |         ├ logOutResponse.tsx
  |    |         ├ modifyProfileResponse.tsx
  |    |         └ signOutResponse.tsx
	|    └ business
	|         ├ request
  |         |    ├ bookInfoRequest.tsx
  |         |    └ historyRequest.tsx
  |         └ response
  |              ├ historyResponse.tsx
  |              └ imageInfoResponse.tsx 
  ├ pages
  |    ├ imageResultPage.tsx
  |    ├ imageSearchPage.tsx
  |    ├ mainPage.tsx
  |    └ profilePage.tsx
  └ view_models 
       ├ imageResultViewModel.tsx
       ├ imageSearchViewModel.tsx
       ├ mainPageViewModel.tsx
       └ profileViewModel.tsx 

Routing

Routing

Naming Convention

Naming