Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[9주차] : 개발 사항 Merge(weekly-9 → develop) #75

Merged
merged 61 commits into from
Nov 5, 2023
Merged

Conversation

rktdnjs
Copy link
Contributor

@rktdnjs rktdnjs commented Nov 5, 2023

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로 분리

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

그 외 작업 사항

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

관련 PR

rktdnjs and others added 30 commits October 29, 2023 16:56
[7주차] : 개발 사항 Merge(develop → master)
[8주차] : 개발 사항 Merge(develop → master)
학생증업로드는 일단 업로드하는 기능만 있어요
- /signup URL로 계좌정보를 담은 데이터를 POST 요청
- 모킹 결과, 정상 작동함을 확인
- 코드를 복잡하게 보이게 하는 console.log 제거
- 일부 코드에 주석을 추가하여 설명 보충
- 원본 공고글을 따로 저장해놓지 않아 필터적용 이후에 다시 All 클릭시 공고글이 삭제되는 부분 수정
- lastpage : false인 경우에 대해 렌더링 과정에서 버그가 있는데, 이는 API 연동을 통해 잡아야 할 것으로 보임
- 모킹으로 주는 데이터는 세부 로직을 적용하지 않아, 정확한 디버깅을 위해서는 API 연동이 필요함
- FormProvider로 자식 컴포넌트에 methods 뿌림 (props drilling 막음)
- 필수 항목에 작성을 마치고 제출하면 post 요청(msw)
- 주문 정보, 요청 사항, 마감기한
- 입력의 에러 반환에 쓰이는 상수 데이터
- 상수 데이터 import
- 하위까지 register 전달하지 않고, templates 단계에서 register 사용
baegyeong and others added 27 commits November 5, 2023 16:45
[feat] : 계좌정보 입력 & 공고현황페이지 모킹 적용 및 코드 디버깅
[feat]: 학생증 업로드, 공고상세페이지 수정
[feat]: 공고 작성 페이지 수정 및 msw 테스트
[feat]: 관리자 학생 인증 페이지, 공고 작성 페이지 (useQuery, useMutation 위주)
[9주차] : 9주차 개발 코드 Merge
@rktdnjs rktdnjs added the ✨ feature This feature will be developed label Nov 5, 2023
@rktdnjs rktdnjs self-assigned this Nov 5, 2023
@rktdnjs rktdnjs merged commit 6846cae into develop Nov 5, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ feature This feature will be developed
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants