참고 자료

• 와이어프레임과 프로토타입
• 유저 스토리와 백로그

1. 와이어 프레임

2. 유저 플로우(유저 스토리 형태)

1. Login Page

• 유저는 카카오 로그인을 위해 카카오 로그인 버튼을 클릭할 수 있다.
  • 로그인 버튼 클릭 시, Auth 로직으로 처리되게 구현한다.

2. Loading Page

• 유저는 페이지 이동 시, 로딩 페이지를 볼 수 있다.(이 페이지에서는 직접적인 유저 인터렉션은 없다.)

3. Ingredient Page

• 유저는 아이스크림을 추천받기위해 재료들을 선택할 수 있다.

  • 재료 선택 시, 해당 재료가 선택되었음을 보여줄 수 있게 구현한다.
    • 반투명
    • 체크표시
  • 선택된 재료를 클릭 시, 해당 재료 선택이 해제되게 구현한다.

• 유저는 아이스크림을 추천받기위해 추천 버튼을 클릭할 수 있다.

  • 추천 버튼 클릭 시, 추천 페이지로 이동하게 구현한다.
  • 추천 버튼 클릭 시, 유저가 선택한 재료값을 서버에게 전송하도록 구현한다.
    • GET

• 유저는 제공되는 아이스크림 조합 정보를 보기위해 레시피 버튼을 클릭할 수 있다.

  • 레시피 버튼 클릭 시, 레시피 페이지로 이동하게 구현한다.