할일
PR 리뷰( 주요 페이지 우선) 후 머지
라우팅 처리
파일 확장자 통일 (컴포넌트 파일 폴더 분리) fix/file_extension
컴포넌트 폴더 구조 변경
전체 페이지 작업 완료
마이페이지 (낸시)
메인페이지 (코비)
마이파티상세페이지 (도르)
API 연결
- 백앤드 서버 배포 되면 하는 걸로 보류
리팩토링
3차 스프린트 고려 사항
- 리팩토링 데이 필요
리팩토링 고려 사항
OttItem avatar → OttLogo로 교체 (낸시)
컴포넌트 분류를 어떻게 할까요??
Stepper 하위컴포넌트들 state 이중 관리 되고있는 부분 정리
Stepper 페이지 step 분리 방법 생각(각 스텝을 객체 or 컴포넌트로 분리해서 페이지에서 불러오기?)
Stepper 다음버튼 disable처리 hook ? or 함수분리?
rule → 컴포넌트 합치기 (버튼 or 칩) (낸시)
OttList 토글 유/무 가능한 재사용 가능한 컴포넌트로 수정 (낸시)
PartySummary에 PartyMember 컴포넌트 적용
InfoElement 재사용 가능하게 폰트 variant 받도록 수정
PaymentInfo에 InfoElement 적용
priceToString Util함수 필요한 곳에 적용하기
파티 진행여부 (대기, 진행, 종료) 분류함수 util로 분리
MyPartySummary 컴포넌트 avatar → ottLogo로 변경 적용
MainPage ott 서비스 목록 재사용 컴포넌트 활용 (낸시)
- 닉네임 변경, 결제등 기능 추가 고려 ( 아래 문서 참고 )
페이지 컴포넌트 구조
Page
페이지 이름 | path | 파일명 | ㅤ |
메인 | / | MainPage.jsx | 코비 |
서비스파티목록 | /recrut/:ottName | RecrutingPartyPage.jsx | 도르 |
결제 | /payment | PaymentPage.jsx | 도르 |
파티생성 | /create | CreatePartyPage.jsx | 코비, 낸시 |
로그인 | /login | LoginPage.jsx | 도르 |
마이페이지 | /user/:userId | MyPage.jsx | 낸시 |
충전 | /charge | ChargePage.jsx | - |
마이파티상세 | /myParty/:partyId | MyPartyDetailPage.jsx | 도르 |
404페이지 | /notfound | NotFoundPage.jsx | ㅤ |
Components
폴더 | 컴포넌트명 | 구현 | 설명 |
Ott | ㅤ | ㅤ | ㅤ |
ㅤ | OttItem.jsx | O | 서비스 목록 중 하나 (link or toggle) |
ㅤ | OttList.jsx | O | 서비스 목록 |
ㅤ | OttLogo.jsx | O | Ott 서비스 로고 avatar |
PartyTitle | ㅤ | ㅤ | ㅤ |
ㅤ | PricePanel.jsx | O | 파티상세 타이틀 가격정보 |
ㅤ | OttServiceName.jsx | O | 파티상세 타이틀 ottName, grade |
ㅤ | PartyTitle/index.jsx | O | ㅤ |
PartyCreate | ㅤ | ㅤ | ㅤ |
ㅤ | ConfirmDialog.jsx | O | 파티생성 파티 시작여부 질문 |
ㅤ | CreatePartyTitle.jsx | O | 파티생성 타이틀 |
ㅤ | MemberCounter.jsx | O | 파티생성 파티 인원 컨트롤러 |
ㅤ | PartyPeriod.jsx | O | ㅤ |
ㅤ | PartyStartDate.jsx | O | ㅤ |
ㅤ | SharedInfoForm | O | ㅤ |
ㅤ | TermsList.jsx | O | 파티 생성 주의사항 |
PartyJoin | ㅤ | ㅤ | ㅤ |
ㅤ | PartyDetail.jsx | O | 파티상세 모달 컨텐츠 |
ㅤ | PartyInfo.jsx | O | 파티상세 모달 파티정보 |
ㅤ | PartyList.jsx | O | 파티참여 목록 |
ㅤ | PartySummary.jsx | O | ㅤ |
MyParty | ㅤ | ㅤ | ㅤ |
ㅤ | PartyShareAccount/index.jsx | O | 공유계정 정보 |
ㅤ | MyPartyList.jsx | O | 마이파티 목록 |
ㅤ | MyPartySummary.jsx | O | 마이파티목록 중 하나 |
ㅤ | MyPartyTab.jsx | O | 마이파티 탭 title |
Payment | ㅤ | ㅤ | ㅤ |
ㅤ | PaymentInfo/index.jsx | O | 결제 페이지 결제정보 |
ㅤ | PointChargeAlert.jsx | O | 포인트 부족 알림 (충전, 취소) |
Common | ㅤ | ㅤ | ㅤ |
ㅤ | Header/Header.jsx | O | 헤더 |
ㅤ | Header/HeaderFab.jsx | O | 헤더 로그인/내정보 버튼 |
ㅤ | Header/HeaderTab.jsx | O | 헤더 탭 개별 메뉴 |
ㅤ | Header/HeaderTabs.jsx | O | 헤더 탭 모음 |
ㅤ | CardFlip.jsx | O | 공유 아이디 카드 |
ㅤ | CardSlide.jsx | O | 메인 캐로셀 카드 |
ㅤ | CardTemplate.jsx | O | 도르 이건뭔가요? |
ㅤ | InfoElement.jsx | O | dl dt dd 정보 |
ㅤ | Logo.jsx | O | logo 이미지 |
ㅤ | ModalBox.jsx | O | modal 내용 container |
ㅤ | PageContainer.jsx | O | 페이지 container |
ㅤ | PageContents.jsx | O | 서브 페이지 컨텐츠 container |
ㅤ | PageHeader.jsx | O | 서브페이지 타이틀 |
ㅤ | PartyMember.jsx | O | 파티 멤버 |
ㅤ | PartyMemberList.jsx | O | 파티 멤버 목록 |
ㅤ | Rule/index.js | R | 파티상세 rule 리스트 |
ㅤ | RuleList.jsx | R | ㅤ |
ㅤ | RuleToggle.jsx | R | ㅤ |
ㅤ | SocialLoginButton | O | ㅤ |
ㅤ | Alret.jsx | x | alret 메세지를 prop으로 받아서 띄우는 컴포넌트 (확인) |