[김민서] 신규 챌린지 신청(유저 전용), 수정 페이지(어드민 전용), 어드민 전용 페이지

[claudia99503]

구현할 기능:

• 분야 선택 드롭다운

• 문서 타입 드롭다운

• 마감일 선택 달력

• 반응형 페이지 - /application

데스크탑 1920px~1200px

챌린지 신청	챌린지 수정

태블릿 1119px~744px

챌린지 신청	챌린지 수정

모바일 743px~375px

챌린지 신청	챌린지 수정

해야할일

• [ ]
• [ ]
• [ ]

[claudia99503]

추가사항

• DocTypeSelection 컴포넌트 추가 및 신규 챌린지 신청 페이지에 연결
• FieldSelection 컴포넌트 추가 및 신규 챌린지 신청 페이지에 연결
• 신규 챌린지 신청 페이지 - 필드 및 문서 타입 매핑 추가
• css 수정
• raidus 수정
• 색상 코드 이용으로 수정 (색상 코드에 없는 색 제외)
• 최대 인원 입력 칸에 숫자만 허용되게 수정

스크린샷

분야 - 선택 전

분야 - 선택 후 ( 사용자가 선택한 분야 와 문서 타입 은 화면에 표시되는 값과 다르며, 백엔드에 전송되는 데이터는 매핑된 상수값을 사용하여 처리 )

문서 타입 - 선택 전

문서 타입 - 선택 후 ( 사용자가 선택한 분야 와 문서 타입 은 화면에 표시되는 값과 다르며, 백엔드에 전송되는 데이터는 매핑된 상수값을 사용하여 처리 )

신규 챌린지 신청 페이지

챌린지 수정 페이지

코멘트

• 사용자가 'Next.js'를 선택하면 서버에 'NEXTJS'로 변환되어 전송

[claudia99503]

구현할 기능:

추가사항

• 어드민 전용 페이지
• 챌린지 신청 관리 페이지 /admin/application
• 챌린지 상세 페이지 /admin/application/id
• 신청 삭제 / 신청 거절 모달 AdminModal
• 신청 삭제, 신청 거절 사유 안내 메세지 ReasonBox
• 승인 대기 중 상태일 때만 거절하기, 승인하기 버튼 표시
• 링크 열기 클릭 시 새 창으로 링크 열기
• 어드민 전용 - 챌린지 수정페이지 API 연동
• ChallengeTable 컴포넌트 padding 미세 조정
• BestRecWork 컴포넌트를 챌린지 상세 페이지 하단 부에 추가

테스트 완료 여부

• 테스트 완료

스크린샷

챌린지 신청 관리 페이지 ( 반응형까지 구현 완료 )

• 검색 기능
  

• 승인 대기
  

• 신청 승인
  

• 신청 거절
  

챌린지 상세 페이지

• 승인 대기 상태일 때만 거절하기, 승인하기 버튼이 표시
  

• 수정하기 버튼 클릭 시 - 어드민 전용 챌린지 수정하기 페이지로 이동
  

• 수정 완료 시 어드민 전용 챌린지의 해당 챌린지 상세 페이지로 이동
  

어드민의 신청 삭제 사유 입력 - 전송 전

어드민의 신청 삭제 사유가 반영된 해당 챌린지 상세 페이지 ( 일반 유저도 공통 )

어드민의 신청 거절 사유 입력 - 전송 전

어드민의 신청 거절 사유가 반영된 해당 챌린지 상세 페이지 ( 일반 유저도 공통)

[claudia99503]

추가사항

• 챌린지 신청 상세 페이지(유저, 어드민)에 최다 추천 번역물 추가
• utilFunction의 날짜 형식 변경: 기존 YY/MM/DD를 YYYY/MM/DD로 수정
• 기존의 alert를 useAlertModal 훅 사용으로 변경
• img  태그를 Next.js Image 컴포넌트로 변경
• 페이지네이션 padding 추가

테스트 완료 여부

• 테스트 완료

스크린샷

챌린지 신청

챌린지 수정

챌린지 승인

챌린지 삭제

챌린지 거절

날짜 형식 변경

페이지네이션 padding 추가