DoGo PJ _ 002

 

페이지 구성 회의

프로젝트의 페이지별 구성과 각 페이지에 포함될 주요 기능

---

📌 Main 페이지

• 카테고리, 테마, 인기, 최근: 사용자 관심도에 맞춘 콘텐츠 제공.
• 로그인: 로그인/회원가입 접근 경로 제공.
• 검색: 키워드 기반 검색 기능.
• Navigator: 주요 페이지로 이동하는 네비게이션 UI.
• 광고: 배너 광고 영역.

---

📌 카테고리 상세

• 카테고리 클릭 시 관련 콘텐츠 상세보기.
• 정렬 옵션 제공: 이름, 가격, 지역별 정렬 가능.
• 콘텐츠 필터링 기능.

---

📌 게시물 상세

• 게시물 내용: 상세한 텍스트 및 이미지 제공.
• 댓글 및 좋아요 기능.
• 공유 버튼: URL 복사 또는 SNS 공유 기능.

---

📌 객실 상세 (모달)

• 상세 설명: 가격, 위치, 옵션 등의 객실 정보 제공.
• 리뷰 및 사진 갤러리.
• 예약 기능: 객실 선택 후 예약 가능.

---

📌 로그인/회원가입

• 로그인: 이메일/비밀번호 기반 로그인 기능.
• 회원가입: 간단한 정보 입력으로 계정 생성.

---

📌 마이 페이지 (my)

• 이용 내역: 사용자 예약 기록 및 활동 내역 조회.
• 정보 수정: 개인정보 및 비밀번호 변경.
• 로그아웃 버튼.

---

📌 숙소 등록 (사업자)

• 숙소 정보 입력: 숙소 이름, 위치, 가격, 이미지 업로드.
• 시설 옵션 등록: 와이파이, 주차 등 제공 서비스 체크.

---

📌 결제 페이지

• 결제 방식 선택: 카드, 계좌이체 등.
• 결제 완료 확인: 결제 영수증 발급.

---

📌 관리자 페이지

• 회원 관리: 사용자 목록 및 권한 설정.
• 게시물 관리: 승인/삭제 기능.
• 분석 기능: 사이트 트래픽 및 매출 분석.

---

🔧 기술 스택

• React, TypeScript를 기반으로 구축.
• Supabase: 인증 및 데이터베이스 관리.
• Axios: API 요청 처리.
• Vercel: 배포 플랫폼.

---

💡 추가 구현 기능

1. 다크 모드 지원: 사용자 설정에 따라 UI 테마 변경.
2. 실시간 데이터 업데이트: 사용자 경험 향상.
3. 에러 핸들링 개선: 전역 오류 처리 기능.