AI-DX education 3조_알약 프로젝트_10

AI-DX education 3조_알약 프로젝트_10

🎯 오늘 할 일 (Front 페이지 연결)

1. 발견 페이지 (/app/analyze/results)

• 로딩 실패 팝업 제거: 페이지 로딩 시 발생하는 로딩 실패 팝업을 제거
• 삭제 버튼 기능 추가: 삭제 버튼 클릭 시 나타나는 엑스 버튼에 각 알약을 삭제하는 기능을 추가 (4-A-1 페이지 참고)

2. 분석 페이지 (/app/aianalyzelist)

• 1일 섭취량 변경 창: “1일 섭취량을 바꾸고 싶어요” 버튼 클릭 시 1일 섭취량 옆 알약 개수를 변경하는 창을 띄움
• 알약 박스 색상 변경: 알약 개수를 2개 이상으로 변경하면 알약 박스 색상을 파란색으로 변경
• 페이지 이동: “>” 버튼 클릭 시 /app/aianalyzelist/aianalyzeprocess 페이지를 거쳐 /app/aianalyzelist/aianalyzeresult 페이지로 이동
• 분석 시작: “분석할래요” 버튼 클릭 시 /app/aianalyzelist/aianalyzeresult 페이지를 띄움

3. 분석 결과 페이지 (/app/aianalyzelist/aianalyzeresult, /app/aianalyzelist/aianalyzeinfo)

• 페이지 이동:
  • /app/aianalyzelist/aianalyzeresult 페이지에서 “>” 버튼 클릭 시 /app/aianalyzelist/aianalyzeinfo 페이지로 이동
  • /app/aianalyzelist/aianalyzeinfo 페이지에서 “동일성분 다른약” 클릭 후 R-2 페이지에서 알약 옆 “>” 버튼 클릭 시 다시 /app/aianalyzelist/aianalyzeinfo 페이지로 이동

4. 모든 페이지 (Back 버튼 기능)

• 페이지 뒤로 가기: 모든 페이지에서 Back 버튼 클릭 시 이전 페이지로 이동 (페이지 번호에 맞게 이동)

페이지 이동 정리:

• 1. 발견: /app/analyze/results
  • Back: 이전 페이지
• 2. 분석: /app/aianalyzelist
  • Back: 이전 페이지
  • ”>”: /app/aianalyzelist/aianalyzeprocess -> /app/aianalyzelist/aianalyzeresult
  • “분석할래요”: /app/aianalyzelist/aianalyzeresult
• 3. 분석 결과: /app/aianalyzelist/aianalyzeresult, /app/aianalyzelist/aianalyzeinfo
  • Back: /app/aianalyzelist
  • ”>”: /app/aianalyzelist/aianalyzeinfo
  • “동일성분 다른약” > “>”: /app/aianalyzelist/aianalyzeinfo

✨ 작업 결과

1. 발견 페이지 (/app/analyze/results)

2. 분석 페이지 (/app/aianalyzelist)

1일 섭취량 변경 창

1. “섭취량을 바꾸고 싶어요” 버튼: 각 알약 항목 옆에 위치한 “섭취량을 바꾸고 싶어요” 버튼을 클릭

1. 1일 섭취량 변경 버튼: 버튼 클릭 시, 해당 알약의 “1일 섭취량:” 텍스트 옆에 알약 개수 변경 버튼이 나타남

1. 알약 개수 선택 창: 알약 개수 변경 버튼을 클릭하면 “하루에 총 몇 개 드세요?”라는 팝업 창이 나타나고, 1개부터 5개까지 선택할 수 있는 옵션이 제공됨

1. 선택 완료: 원하는 알약 개수를 선택하고 확인 버튼을 누르면 변경 사항이 저장됨

알약 박스 색상 변경

• 파란색 알약 박스: 1일 섭취량을 2개 이상으로 변경한 알약은 박스 색상이 파란색으로 변경. 파란색 알약 박스는 사용자가 1일 섭취량을 변경한 알약임을 시각적으로 나타내는 역할을 함.

• 페이지 이동:

약 이름 옆 > 버튼을 누르게 된다면

---