페이지 컴포넌트 구조
Page
페이지 이름 | path | 파일명 |
메인 | / | MainPage.jsx |
서비스파티목록 | /recrut/:ottName | RecrutingPartyPage.jsx |
결제 | /payment | PaymentPage.jsx |
파티생성 | /create | CreatePartyPage.jsx |
로그인 | /login | LoginPage.jsx |
마이페이지 | /user | 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 |
Main | ㅤ | ㅤ | ㅤ |
ㅤ | MainCarousel/index.jsx | O | 파티매칭 대기 표시 carousel |
ㅤ | MainCarousel/CardSlide.jsx | O | 파티매칭 대기 카드 |
ㅤ | MainVisual.jsx | O | 메인 카피 및 이미지 |
ㅤ | ㅤ | ㅤ | ㅤ |
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 | 공유 아이디 카드 flip |
ㅤ | 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 | O | 파티상세 rule 리스트 |
ㅤ | RuleList.jsx | O | ㅤ |
ㅤ | RuleToggle.jsx | O | rule 버튼 |
ㅤ | SocialLoginButton | O | 로그인 버튼 |
ㅤ | Alret.jsx | x | alret 메세지를 prop으로 받아서 띄우는 컴포넌트 (확인) |