15일 QA 테스트 진행 중 문제점 및 기능 개선

[DrunkenNeoguri]

본 이슈는 15일에 별도로 진행항 4차 자체 QA 테스트 진행 후, 발견한 문제점 및 개선 이슈 등을 정리하고 이를 작업하기 위한 이슈입니다.

문제점 및 개선 사항은 아래에 체크리스트로 나열합니다.

• [x] 입력창이 아닌 Text로 출력되는 전화번호는 000-000-0000 / 000-0000-0000 형태로 나오도록 수정
• [x] 날짜 변경 시, 기존 데이터 삭제를 진행했음에도 대기중 리스트에 출력되는 문제
• [x] 설정 페이지에서 새로고침하고 메뉴를 열면 페이지가 blank되는 문제
• [x] 매장 관리 페이지 내에 QR 코드 API 연동 등 해서 QR코드 발급 받을 수 있는 것을 구현할 수 있는지 확인 필요

[DrunkenNeoguri]

Fix: 메뉴 창 열시, 화면이 비는 문제 등 15일 테스트 후 발견한 문제 수정(https://github.com/DrunkenNeoguri/WaitSecond/commit/2cf3012acb3a973c5b661a58b862e959dfe9aa5a)

• 설정 페이지에서 새로고침하고 메뉴를 열면 페이지가 blank되는 문제 수정
  • useQuery로 가져온 storeName 값이 렌더링될 당시에 데이터가 없어서 발생
  • 로그인할 때 받아오는 유저 데이터에 있는 storeName값을 sessionObject로 저장해서 쓰도록 적용
  • 로그아웃 등 진행될 시, 해당 sessionObject가 삭제되도록 함.
• 입력창이 아닌 Text로 출력되는 전화번호는 000-000-0000 / 000-0000-0000 형태로 나오도록 수정'
  • replace 메소드를 활용해, 정규식에 맞춰 재배치되도록 함.
• 날짜 변경 시, 기존 데이터 삭제를 진행했음에도 대기중 리스트에 출력되는 문제 수정
  • 데이터 불러올 시, createdAt 타임스탬프와 비교해 대기 당일 날짜에 해당하는 데이터만 불러와지도록 적용
  • 관리자 메인 페이지 외에도, 고객 메인 페이지에서도 데이터가 지워지도록 로직 적용

[DrunkenNeoguri]

Add: QR 코드 이미지를 볼 수 있고 다운 받을 수 있도록 관련 모달 추가 (https://github.com/DrunkenNeoguri/WaitSecond/commit/2ef070e589a47311bf532347bcbb9bf2761bd1b7)

• QR 코드 이미지를 볼 수 있고 다운로드할 수 있도록 하는 QR 코드 모달창 추가
• QR 코드 API 사이트를 이용해 QR 코드 이미지가 모달창에 노출되도록 적용
• 다운로드 버튼을 이용해 QR 코드 이미지를 다운로드할 수 있도록 적용
  • fetch API를 활용해 받아온 데이터를 blob으로 변환
  • blob으로 변환한 데이터를 blob 객체화한 다음, 다운 받을 수 있는 URL 주소를 생성
  • anchor 태그를 생성해 해당 태그를 누른 뒤 삭제하는 식으로 다운로드 방식을 구현

[DrunkenNeoguri]

관련 사항 작업이 완료되었으므로 이슈 닫겠습니다.