항해99

항해 99 웹미니 프로젝트 [1주차 - DAY 1]

오두기밥 2022. 5. 9. 15:14

Intro

항해 99 시작 첫 주차, 웹 미니 프로젝트를 시작했다.

우리 팀은 서핑 정보를 보다 간편하게 보여드릴 수 있는 정보 제공 페이지로 정해, 기획을 하며, 기획 내용을 정리해보았다.

1. Project Name : 끌(FIN)

프로젝트 제목은 "서핑을 즐겨하시는 분들에게 보다 편하게 정보제공을 통해 서핑 가시는 길 편하게 조향 해서 가도록 끌어드린다"라는 의미와 서핑 보드 데크 아래 부분에 데크 조향을 담당하는 것이 Fin이라고 하는데, 이 용어인  FIN을 90도 돌렸을 때 끌로 보이는 형태를 따와 끌이라고 정하였습니다. 

 

 

와이어 프레임

1. index (home)

1) 기능 설명 

  • 서핑 핫 스폿 게시글 등록을 위한 로그인 기능
  • 로그인 다이얼로그 표시, 계정 없을 시 하단 회원 가입 버튼 클릭 시  다이얼로그 표시
  • 로그인 다이얼로그 하단, 아이디/ 비밀 찾기 기능
  • 지역 TOP 10 핫 스폿 목록 표시
  • 한반도 지도 클릭 시 해당 위치 서핑 장소 목록 페이지로 이동
  • Footer: 데이터 출처 및 개발자명, 문의 이메일 표시 

2) 개발해야 하는 기능 

기능 Method URL request response
로그인 POST /login { 'id':id , 'pw':pw }  
회원가입 POST /sign_up { 'id':id, 'pw': pw,
 'email':email,
 'name': name
 'hint': hint
}		 가입 완료 메시지
아이디/비밀번호 찾기 POST /find_mine {  'login_id': id,
    'hint':힌트
    'option' :0
}
※ 0: 아이디 찾기, 1:비밀번호 찾기		 id or pw
지역 TOP 10 장소 목록 조회 GET /top_10_place   Top 10 장소 리스트

 

2.  선택한 '도명' 서핑 장소 목록 표시 페이지

1) 기능 설명 

  • 선택한 도명 서핑 장소 및 간단 정보 표시
  • 현재 선택 도명 위치 한반도 지도에 색상 표시

2) 개발 해야 하는 기능 

기능 Method URL request response
선택한 도명 서핑 장소 목록 간단 정보 표시,
현재 선택한 도명 위치 한반도 표시		 GET /find_by_do { 'do':도 명 } 해당 도 서핑장소 리스트 및 요약 설명 리스트, 선택한 도명 반환

 

3.  파도 정보 Detail ( 상세 정보 )

1) 기능 설명 

  • 선택 목록 세부사항(해당 지역 이름, 현재 파고, 현재 풍향,  현재 풍량, 시간당 파고, 풍향, 풍량 표시 )
  • 해당 위치 서핑 평가 및 경험을 댓글로 작성, 수정, 삭제하는 기능
  • 해당 위치 도 한반도 지도에 표시

2) 개발 해야 하는 기능 

기능 Method URL request response
선택 목록 세부사항 조회
한반도 지도 표시 		 GET /detail { 'place_id': 위치 id } 해당 위치 기상 정보 리스트, 도 명 반환
댓글 조회 GET /detail/read_comment { 'place_id': 위치 id} 해당 위치 댓글 리스트
댓글 작성 POST /detail/write_comment { 'place_id': 위치 id } 작성 메시지 
댓글 수정 POST /detail/update_comment { 'place_id': 위치 id } 수정 메시지
댓글 삭제 POST /detail/delete_comment { 'place_id': 위치 id } 삭제 메시지
영상 링크 조회 GET /detail/wave_cctv { 'place_id': 위치 id } 영상 링크

 

4.  서핑 해수욕장 추천

1) 기능 설명 

  • 실제 서핑을 경험한 사용자가 새로운 서핑 장소의 사진 및 게시글을 작성, 수정, 삭제할 수 있도록 하는 기능
  • 작성 글 이미지와 내용 간략하게 표시
  • 내가 가본 장소 추천하기 버튼 클릭 시 글 작성 다이얼로그 표시
  • 해당 카드 클릭 시 상세정보 페이지로 이동

2) 개발 해야 하는 기능 

기능 Method URL request response
작성글 이미지와 내용 표시 GET /surfer   작성된 장소 목록 리스트
게시물 작성 POST /surfer/write_post { 'login_id': id} 작성 완료 메시지

 

5. 해수욕장 추천 Detail ( 상세 정보 )

1) 기능 설명 

  • 게시글 카드 클릭 시 대표 이미지 및 작성 글, 댓글 표시
  • 해당 게시글 수정, 삭제 기능
  • 댓글 작성, 수정, 삭제 기능

2) 개발 해야 하는 기능 

기능 Method URL request response
작성글 이미지와 내용 표시 GET /surfer/detail   작성된 장소 글 표시
게시물 수정 POST /surfer/detail/update_post { 'login_id': id} 작성 완료 메시지
게시물 삭제 POST /surfer/detail/delete_post { 'login_id': id} 삭제 완료 메시지
댓글 조회 GET /surfer/detail/comment {'post_id': id} 게시물 댓글 리스트
댓글 수정 POST /surfer/detail/update_comment { 'login_id': id} 수정 완료 메시지 및 오류 메시지
댓글 삭제  POST /surfer/detail/delete_comment { 'login_id': id} 삭제 완료 메시지 및 오류 메시지

 

 

 

 

GitHub 

https://github.com/biolkj28/Mini_Project

 

 

추가사항

  • 위치별 해변 바다 정보 공공 API 탐색