[9주차] : 9주차 개발 코드 Merge

[rktdnjs]

PR 타입(하나 이상의 PR 타입을 선택해주세요)

• 기능 추가
• 기능 삭제
• 버그 수정
• CSS등 UI 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

작업 사항

마이페이지 - 학생증 업로드 & 공고상세페이지 관련 파트

• [feat]: 학생증 업로드, 공고상세페이지 수정 #70
• 마이페이지에서 유저 등급에 따라 보여주는 페이지 구현
  • AdminMyPageTemplate(관리자)
  • GuestMyPageTemplate(학생)
  • StudentMyPageTemplate(일반 유저, 학생증 인증 x 상태)
• 학생증 업로드 기능 구현
• 학생증 이미지를 formData 형태에 담아 POST 하는 API 로직 구현
• 학생증 이미지 업로드 전에는 취소 및 입력완료 버튼이 보이지 않도록 함
• 공고 상세 페이지 유저 등급 & 공고글 작성자 일치 여부에 따라 보여주는 페이지 구현
  • PickerMatchTemplate(사용자가 매칭완료된 글을 클릭)(자신의 글 x)
  • PickerNoMatchTemplate(사용자가 매칭전 공고글 클릭)(자신의 글 x)
  • WriterMatchTemplate(사용자가 매칭완료된 자신의 공고글을 클릭)
  • WriterNoMatchTemplate(사용자가 매칭전 자신의 공고글 클릭)

계좌정보 입력 페이지(회원가입) 관련 파트

• [feat] : 계좌정보 입력 & 공고현황페이지 모킹 적용 및 코드 디버깅 #71
• date.js 코드 수정
  • 1시 2분 → 01시 02분과 같은 형태로 자동 변경 및 적용되도록 코드 수정
• 공고현황페이지 코드 수정
  • 코드를 복잡하게 보이게 하는 console.log 제거
  • 일부 코드에 주석을 추가하여 설명 보충
  • 원본 공고글을 따로 저장해놓지 않아 필터적용 이후에 다시 All 클릭시 공고글이 삭제되는 부분 수정
  • lastpage : false인 경우에 대해 렌더링 과정에서 버그가 있는데, 이는 API 연동을 통해 잡아야 할 것으로 보임
  • 모킹으로 주는 데이터는 세부 로직을 적용하지 않아, 정확한 디버깅을 위해서는 API 연동이 필요함

공고 작성 페이지 관련 파트

• [feat]: 공고 작성 페이지 수정 및 msw 테스트 #72
• 공고 작성 페이지에서 useFormContext를 사용하여 props drilling을 막으려고 함 (노력은 했는데 전이랑 똑같은 것 같기도..)
• 공고 작성 페이지 msw 적용
• 에러메시지 반환 시 라이브러리 사용 (npm install @hookform/error-message 해주세요!)
• 공고 작성 페이지에서 백엔드가 요구하는 시간 형식에 따라 요청 보냄 (utils/dateAndTime.js 에 정의)
• 각종 상수 데이터를 constant로 분리

관리자 페이지(학생증 인증 승인) & 공고 작성 페이지 관련 파트

• [feat]: 관리자 학생 인증 페이지, 공고 작성 페이지 (useQuery, useMutation 위주) #73
• 관리자 학생 인증 목록 페이지 무한스크롤 구현
• 관리자 학생 인증 상세 페이지 useMutation 적용
  • 승인 시 백엔드 요청, 관리자 첫페이지로
  • 거절 시 관리자 첫페이지로
• 공고 작성 페이지 useMutation 적용

그 외 작업 사항

• 로그인 페이지 & 공고 작성 입장 페이지에 텍스트 애니메이션 적용
• atoms & templates 컴포넌트들 명칭 및 기능에 따라 카테고리별 분류
• API 배포 전 상태여서 모킹 적용 및 테스팅 하며 변수명 수정
• 9주차 Merge 후 일부 버그 수정
  • 공고 상세 페이지 NaN 시간 렌더링 버그
  • 학생증 이미지 업로드 페이지에서 Swal이 OK만 띄우는 버그
  • 태그 중에 div가 아닌 dijv로 되어있던 부분 수정

관련 PR

• [feat]: 학생증 업로드, 공고상세페이지 수정 #70
• [feat] : 계좌정보 입력 & 공고현황페이지 모킹 적용 및 코드 디버깅 #71
• [feat]: 공고 작성 페이지 수정 및 msw 테스트 #72
• [feat]: 관리자 학생 인증 페이지, 공고 작성 페이지 (useQuery, useMutation 위주) #73