프로덕션 단계(3차) QA 테스트 및 기능 개선

[DrunkenNeoguri]

본 이슈는 테스트 릴리즈 단계에서 3차로 자체 QA 테스트를 진행 후, 발생한 문제점 및 보완점 등을 정리하고 이를 개선하기 위해 생성한 이슈입니다.

테스트 진행 후 발생한 문제점 및 개선할 사항을 아래에 체크리스트로 나열합니다.

• [x] 고객 페이지의 매장 이름이 undefined로 출력되는 문제
• [x] 페이지 진입 시, 구글 번역 기능이 작동하는 문제
• [x] 에러페이지 추가 제작 및 라우팅 연결
• [x] 프로젝트 소개 페이지 간략하게 제작
• [x] 대기 정보 확인 모달의 버튼 색이 임시 색상으로 적용됨
• [x] 매장 관리 페이지의 버튼 내 hover 기능 제거
• [x] 관리자 비밀번호 변경 시, 값이 일치하지 않을 경우 에러로 인해 페이지가 blank가 되는 문제
• [x] 고객 정보 내 인원 버튼 클릭 시 활성화되는 focus 색상 변경
• [x] 고객 대기 정보 화면에서 title이 누락된 문제
• [x] 메인 화면에서 전화번호 입력 시, 경로가 잘못 설정되어 페이지가 출력되지 않는 문제
• [x] 대기 등록 모달에서 정보 수정 상태일 시, 버튼이나 헤딩의 내용이 '수정'이 아닌 '등록'으로 표기되는 문제
• [x] 인원 초과 시 나오는 내용에 대기팀 블록이 두 개 출력되는 문제
• [x] 관리자 메뉴에 매장 메인 페이지를 확인할 수 있도록 메뉴를 하나 더 추가
• [x] 이메일 아이디 / 이메일 -> 이메일 아이디로 표시 통합
• [x] workBreak 항목이 처리되지 않은 사항 확인 후 수정 진행
• [x] 오픈그래프의 이미지 태그가 적용되지 않는 문제
• [x] 대기 옵션 추가 - 야외석 착석 여부
• [x] 고객 대기 정보 페이지 내 곧 입장이 다가올 시 출력되는 메시지에 문구 수정
• [x] 고객 대기 정보 페이지 내 새로고침 버튼 추가
• [x] 페이지별 공용 푸터 추가
• [x] 페이지 최대 너비 적용
• [x] 페이지 너비에 따라 핸드폰 숫자가 뒷자리 4개 / 전체 자리가 나오도록 수정
• [x] 페이지 너비에 따라 대기 정보 블록의 폰트사이즈가 조금 더 커지도록 수정
• [x] 날짜 변경 시의 useEffect가 아닌 useLayoutEffect로 기존 대기 리스트를 리셋시키도록 수정

[DrunkenNeoguri]

Fix: 3차 자체 QA 테스트 후 발견한 문제점 및 보완점 수정 (https://github.com/DrunkenNeoguri/WaitSecond/commit/9581e75968d2ec7f30208555d30728c256326ca1)

• 에러 페이지 추가, 다른 경로로 접근할 경우 에러 페이지가 출력되도록 적용
• 관리자 비밀번호 변경 시, 기존 비밀번호 값 입력 시 없는 값이라는 에러 로그가 출력되는 문제 수정
• 관리자 비밀번호 변경 시, 새 비밀번호와 새 비밀번호 확인 내용이 다를 시 페이지가 blank가 되어버리는 문제 수정
• useTitle Hook 내용을 수정하여 매장 이름이 undefined로 출력되는 현상 수정
• index.html 내 lang 코드를 ko로 수정하여 번역기 문제가 출력되지 않도록 수정
• 일부 버튼 색상이 이전 임시 색상을 적용된 사항 수정
• 매장 관리 페이지 및 고객 대기 정보 등록 페이지 내 버튼들의 hover 속성을 변경
• 고객 대기 정보 페이지 내에서 title 정보가 누락된 문제 수정
• 매장 페이지 내에서 전화번호 입력 시, 경로가 잘못 설정되어 페이지가 노출되지 않는 문제 수정

[DrunkenNeoguri]

Fix: 3차 자체 QA 테스트 후 발견한 문제점 및 보완점 추가 수정(https://github.com/DrunkenNeoguri/WaitSecond/commit/c3859052fa783e4e4e70fab9aa342de959ffe044)

• 제품을 간략하게 설명해주는 메인 페이지 추가
  • 메인 페이지 관련 컴포넌트 파일인 main.tsx, maincontainer.tsx 추가, router에 '/'일 시의 path 추가
  • 향후 상품 설명 상세 페이지 제작 예정
• favicon 및 로고 제작 후 public 폴더에 반영
• package.json 및 package-lock.json 내 버전명 수정
• manifest.json 내에 프로젝트 관련 정보 사항 수정

[DrunkenNeoguri]

현재 진행한 사항까지 우선적으로 develop branch와 main branch까지 병합 진행합니다.

• develop branch 병합 사항 (https://github.com/DrunkenNeoguri/WaitSecond/pull/38)
• main branch 병합 사항 (https://github.com/DrunkenNeoguri/WaitSecond/pull/39)

[DrunkenNeoguri]

Fix: 프리 릴리즈 전 추가 QA 진행 관련 문제점 및 보완점 수정(https://github.com/DrunkenNeoguri/WaitSecond/commit/3fa33e40a267452bd76492e8c3b69fccac802d00)

• 대기 정보 수정 시에 출력되는 팝업창에서 '수정' 상태인데도 '등록' 이라고 단어가 출력되는 문구 수정
• 인원 초과 시에 현재 대기팀 안내 사항이 두 번 중복 출력되는 문제 수정
• 관리자 메뉴에서도 내 매장 페이지를 확인할 수 있도록 메뉴를 하나 추가, 새 탭으로 열리도록 함.
• FormLabel에 '이메일 아이디'가 아닌 '이메일'로만 적혀있던 부분들을 전부 '이메일 아이디'로 통일.
• 이메일 인증 / 비밀번호 재설정 페이지에 wordBreak가 설정되지 않아있던 문제 수정
• 새로운 옵션 추가: 야외석 이용 가능 여부
  • UserData class에 야외석 이용 희망 상태를 확인할 수 있는 outdoorseat 추가
  • StoreOption type에도 야외석 적용 여부를 on/off 할 수 있도록 outdoorSeat 추가
• og(opengraph) 이미지가 정상적으로 적용되지 않던 문제 수정
• 대기팀이 없을 때에 1번 대기자가 볼 문구 및 2-3번 대기자가 볼 문구의 내용을 변경
• 각 페이지 및 헤더, 풋터 등의 최대 너비를 640px(40rem)으로 적용함.
• Chakra UI의 extends에 breakpoint를 추가하여 너비가 480px(30rem)을 넘을 경우, 대기 페이지의 정보 블록별 폰트가 커지도록 수정
• 일부 페이지에 홍보용으로 쓰일 공용 푸터 추가
• useBreakpointValue를 통해 화면 사이즈에 따라 고객 정보 블록에 출력될 전화번호 길이를 다르게 조정
• 고객 대기 정보 페이지 내에 데이터가 갱신될 수 있도록 새로고침 기능 추가
• useEffect가 아닌 useLayoutEffect로 렌더링 전에 DB에 등록된 전날 대기 리스트를 삭제하도록 수정

[DrunkenNeoguri]

현재까지의 작업 사항을 테스트 릴리즈 수정사항으로 처리하고, 프리 릴리즈 단계로 넘어가기 위한 머지 작업을 진행하겠습니다. 이로서 해당 이슈는 종료하며, 이후의 이슈는 프리 릴리즈 단계에서 생성해 진행하도록 하겠습니다.