Team Project 6 | iPark 프로젝트 기획서

🔽 Git

https://github.com/2JYK/iPark_django_backend

https://github.com/2JYK/iPark_frontend

 

 

🔽 Notion 
https://heady-lan-a0c.notion.site/d4ff35daa2e24bc99ffe46fb3a46d309

---

 와이어 프레임  

와이어 프레임 park1

 

와이어 프레임 park2

와이어 프레임 community

와이어 프레임 user

🔽 user 부분 크게 보기

 

---

 기능명세서  

• 핵심 기능 : 공원 찾기, 지도, 커뮤니티, 나눔마켓

- 서울시 공원을 구역을 지정하거나 옵션을 선택해 찾을 수 있고 즐겨찾기를 하여 따로 모아 볼 수 있음
- Tag 선택으로 커뮤니티와 나눔마켓을 선택해 게시글 조회, 작성이 가능

메인페이지

• 공원 둘러보기
  • 조회순 순서대로 공원을 보여줌
• 상단바
  • 검색창을 통해 특정 공원을 찾기
  • 네비게이션을 통해 해당 페이지로 이동
    • 커뮤니티 페이지
    • 계정관리 페이지
    • 토글
      • 기본값으로 가나다순으로 공원 정렬
      • 공원 클릭시 공원 상세 내용 페이지로 이동
• 공원 검색 버튼을 눌러 공원 검색 페이지로 이동해 원하는 조건의 공원을 찾을 수 있음
• 커뮤니티 버튼을 눌러 커뮤니티 페이지로 이동하여 게시글을 조회,작성할 수 있음
• 토글 버튼을 눌러 원하는 공원을 선택하여 상세페이지로 이동 할수 있다.
• 푸터의 ‘맨 위로’ 버튼을 눌러 페이지의 상단으로 이동할 수 있음

공원 검색 페이지

• 옵션을 선택해 사용자가 원하는 조건의 공원을 검색할 수 있음
• 스크롤을 이용해 검색된 공원 목록을 확인
• 필터를 통해 조회순과 즐겨찾기순이 많은 공원 등을 사용자에게 제시함

공원 상세 내용 페이지

• 공원에 대한 정보를 확인
• 즐겨찾기
  • 즐겨찾기 버튼을 눌러 즐겨찾기 페이지에서 모아볼 수 있음
  • 즐겨찾기 버튼을 다시 누르면 해제됨
• 댓글
  • 사용자간의 해당 공원에 대한 이야기를 댓글을 통해 자유롭게 나눌 수 있음

즐겨찾기 페이지

• 사용자가 즐겨찾기한 공원들을 최신순으로 볼 수 있음
• 즐겨찾기 버튼을 한번 더 누름으로 즐겨찾기를 해제할 수 있음

커뮤니티 페이지

• 사용자들이 작성한 전체 게시글을 볼 수 있음
• 드롭다운 버튼을 이용해 전체 게시글 / 커뮤니티 / 나눔마켓 / 내가 쓴 게시글을 선택해 확인할 수 있음
• 글 작성 버튼을 눌러 게시글 업로드 페이지로 이동할 수 있음
• 검색창을 이용해 게시글을 검색할 수 있음
• 페이지 네이션을 이용해 페이지를 나눔

게시글 업로드 페이지

• 게시글 작성, 업로드
  • 태그 [ 커뮤니티 or 나눔마켓 ]를 선택
  • 사진 / 제목 / 내용 기입
• 업로드 버튼을 누르면 등록 완료 알림이 뜨며 커뮤니티 페이지로 이동
• 작성된 게시글은 커뮤니티 페이지에서 확인 가능

공원 정보 관리→ admin 페이지

• 새로운 공원 등록
• 등록된 공원 정보 수정 및 삭제

계정 관리 페이지

• 가입 정보 수정
  • 수정하고자 하는 정보를 수정할 수 있음
  • 비밀번호
  • 이 름 / 이메일 / 핸드폰 번호 / 생년월일
• 회원 탈퇴
  • 개인정보 및 작성하였던 내역 삭제됨을 안내하며 탈퇴 버튼을 눌러 회원탈퇴를 할 수 있음

로그인 페이지

• 로그인
  • 소셜 로그인 계정 혹은 아이디로 로그인
• 아이디 찾기
  • 가입 정보 확인을 통해 아이디 찾기
• 비밀번호 찾기
  • 가입한 아이디와 가입정보 확인을 통해 비밀번호 찾기
• 회원가입 페이지로 이동
• 로고를 통해 홈페이지로 이동

회원가입 페이지

• 회원가입
  • 소셜 로그인 계정 혹은 계정 생성으로 간편 가입
• 로그인 페이지로 이동
• 로고를 통해 홈페이지로 이동

---

 DataBase  

ERD

DB

Region {
	"region_id(pk)" : "Primary Key",
	"region_name" : "지역"
}

User {
	"user_id(pk)" : "Primary Key",
        "bookmarks(fk)" : "ManyToMany",
	"username" : "사용자 아이디",
	"password" : "비밀번호",
	"fullname": "이름",
	"email" : "이메일",
	"phone" : "핸드폰 번호",
	"birthday" : "생년월일",
	"region" : "지역",
	"join_date" : "가입일자"
}

Option {
	"option_id(pk)" : "Primary Key",
	"option_name" : "공원 옵션 이름"
}

Park {
	"park_id(pk)" : "Primary Key",
	"option_id(fk)" : "ManyToMany",
        "park_name" : "공원명",
	"addr" : "공원주소",
	"zone" : "지역",
	"admintel" : "전화번호",
	"main_equip" : "주요시설",
	"template_url" : "바로가기",
	"list_content" : "공원개요",
	"image" : "이미지",
	"longitude" : "X좌표(WGS84)",
	"latitude" : "Y좌표(WGS84)",
	"check_count" : "조회수",
        "created_at" : "공원 정보 생성시간",
        "updated_at" : "공원 정보 수정시간"
}

ParkComment {
	"parkcomment_id(pk)" : "Primary Key",
	"user_id(fk)" : "Foreign Key",
	"park_id(fk)" : "Foreign Key",
	"comment" : "댓글",
        "created_at" : "작성 시간",
	"updated_at" : "수정 시간"
}

tag {
	"tag_id(pk)" : "Primary Key",
	"tag_name" : "태그"
}

Article {
	"article_id(pk)" : "Primary Key",
	"user_id(fk)" : "Foreign Key",
	"tag_id(fk)" : "Foreign Key",
        "image" : "이미지",
	"title" : "제목",
	"content" : "내용",
        "check_count" : "조회수",
	"created_at" : "작성 시간",
        "updated_at" : "수정 시간",
}

ArticleComment {
	"articlecomment_id(pk)" : "Primary Key",
        "user_id(fk)" : "Foreign Key",
        "article_id(fk)" : "Foreign Key",
        "comment" : "댓글",
        "created_at" : "작성 시간",
        "updated_at" : "수정 시간"
}

---

 API 명세서  

* app별로 API 설계 -> Park / User / Community 

request.response 부분은 postman API문서로 작성 > 링크첨부

User

User

Park

Park

Community

Community

---

  컨벤션  

🔽 Git 컨벤션 

🔽 코드 컨벤션 

🔽 개발환경 컨벤션

 

⭐️ 2JYK 역할 ⭐️

김경수 > 공원 메인페이지 + 커뮤니티 작성페이지

윤슬기 > 공원 상세 페이지 + 소셜(가입+로그인) + 배포
정대근 > 검색페이지 + 토글 + 유저(계정관리-회원가입-로그인-아디비번찾기)

정주현 > index + footer + 즐겨찾기 + 커뮤니티 메인

 

 

7월13일 S.A 수정본 업로드