[R09M App Backlog] 방만들기 페이지 - pocketHost Create 구현

[jellyjoji]

내용

🛠️ 방 만들기 정보 입력 페이지

시안 이미지

달성도

2023년 9월 6일 마크업 및 스타일링

2023년 9월 7일 pocket host 를 이용하여 입력 정보 저장 및 방 생성

2023년 9월 25일 방만들기 폼 완성 및 배포 완료

[jellyjoji]

작업완료

• [x] title / text / 상품명
• [x] price / 상품 가격
• [x] content / text / 상품 상세 내용
• [x] uploadImage / 업로드할 상품 이미지
• [x] payment / 결제 방식
• [x] meetingPoint / 지도에서 선택한 만날 장소
• [x] pickup / date / 픽업 날짜
• [x] pickup / time / 픽업 시간
• [x] participateNumber / num / 모집 인원

해야할것

• [ ] category / select /
• [ ] categoryImg /
• [ ] status / 대기중 default 설정 /

에러상황

• component 요소에 useRef 처리를 할 경우 : forwardRef 사용
• 지도 검색 후 한 주소 클릭해서 가져오는 기능 구현 : 지번 대신 도로명 주소로 처리 완료
• pockethost create 이 안되는 상황 : form data 에 들어가는 요소 하나하나씩 검수하여 에러가 없을시 전송 가능
• 정산 방법 토글 버튼의 current.value 값 가져오기 : textContent 로 변경하여 해결 완료

[jellyjoji]

[CreateRoom 진행상황]

완료

• [x] category / select /
• [x] title / text / 상품명
• [x] price / 상품 가격
• [x] content / text / 상품 상세 내용
• [x] uploadImage / 업로드할 상품 이미지
• [x] payment / 결제 방식
• [x] meetingPoint / 지도에서 선택한 만날 장소
• [x] pickup / date / 픽업 날짜
• [x] pickup / time / 픽업 시간
• [x] participateNumber / num / 모집 인원
• [x] status / 대기중 default

진행중 & 이슈상황

• [ ] Location.jsx map 을 페이지로 분리하는 작업 중 결과값을 create room 으로 불러오지 못하는 이슈 문의 중
• [ ] FileUpload.jsx 에서 파일을 미업로드시 에러가 발생하는 이슈 해결 중

[jellyjoji]

진행중 & 이슈상황

• [x] FileUpload.jsx 에서 파일을 미업로드시 에러가 발생하는 이슈 해결 완료
• [ ] Location.jsx map 을 페이지로 분리하는 작업 중 결과값을 create room 으로 불러오는 기능 구현 중 : React Context API 또는 Zustand 라이브러리를 사용해서 페이지가 전환되더라도 상태가 유지되도록 구현 예정

[jellyjoji]

완료

• [x] uploadImage / 파일 미업로드시 error 해결
• [x] payment / 토글 버튼 결과값 form 전송 완료
• [x] meetingPoint / Location 선택 페이지 분리 및 결과값 form 전송 완료 (Context API 사용)
• [x] data form 에 Creator 생성자 정보 추가
• [x] data form 에 Participate 참여자 정보 추가
• [x] Location 페이지 UI 업데이트
• [x] ref 오류 해결
• [x] input warning 해결

진행중 & 이슈상황

• [ ] date data 와 time data 를 동시에 입력 후 pocketHost 에 Create 하는 방법 문의중
• [ ] 웹접근성 최적화 예정
• [ ] 검색 엔진 최적화 예정