S.A (무더위 쉼터 검색 서비스)

0. 팀원

 

이름	Blog	Github
노진서	https://velog.io/@bennoholik	https://github.com/bennoholik
박민정	https://minj985.tistory.com/	https://github.com/minjpark2
유은정 (팀장)	https://warmth424.tistory.com/	https://github.com/warmth424
장동하	https://velog.io/@jdh3340	https://github.com/JangDongHa/

 

---

1. 프로젝트 이름

도심 속 쉼터

 

 

---

2. 소개

2-1 개발 배경

더운 여름날 각 지역마다 자체적으로 무더위 쉼터를 제공하고 있지만 대중에게 많이 알려져있지 않다.

복잡한 무더위 쉼터 검색 서비스를 간편하게 만들고, 쉼터의 사용률을 증진할 필요성이 존재.

 

2-2 서비스 소개

한여름에 집 안은 너무 덥고 집 밖은 돈이 아까워서 나오기를 고민하셨나요?

도심속휴식터는 무료하고 무료를 원하는 당신에게 최고의 무더위쉼터 장소를 추천해드립니다!

---

3. 와이어프레임

3-1 메인 페이지

 

1) 기본 페이지

1. 로고 : '도심 속 쉼터' 로고 표시

2. 날씨정보 요약 : 현재 위치의 날씨와 향후 6시간의 날씨 정보 제공

3. 시작하기 : 무더위 쉼터 검색 시작

 

2) 메인 페이지 팝업

1. 현재 주소 확인 팝업 : 기존에 등록된 사용자의 주소가 맞는지 확인

2. 쉼터의 종류 선택 : 실내, 야외 두 가지 종류 중 찾을 쉼터의 종류 선택

 

 

3-2 검색 결과 페이지

1) 검색 결과 기본 페이지

1. 현재 주소 : 현재 사용자의 주소 표시

2. 현재 위치 재탐색 : IP 기반으로 현재 위치 재탐색

3. 주소 변경 : 사용자가 임의로 주소 변경

4. 검색 결과 : 현재 주소를 기반으로 가까운 무더위 쉼터 목록 제공. 목록 중 하나 클릭 시 검색 결과 세부 페이지로 이동

 

2) 검색 결과 세부 페이지

1. 무더위 쉼터 이름 : 선택한 쉼터의 이름 표시

2. 지도 : 선택한 쉼터의 위치를 kakao Map API를 이용해 표시

3. 길찾기 : 선택한 쉼터까지 찾아가는 길을 kakao Map API를 이용해 안내

 

3-3 로그인 페이지

1. 이메일 : 회원의 이메일 입력

2. 비밀번호 : 회원의 비밀번호 입력

3. 로그인 : 입력한 정보로 로그인

4. 회원가입 페이지로 이동

3-4 회원가입 페이지

1. 이름 : 가입할 회원의 이름 입력

2. 이메일 : 가입할 회원의 이메일 입력

3. 비밀번호 : 사용할 비밀번호 입력

4. 비밀번호 재입력 : 사용할 비밀번호 재확인

5. 동의란 : 서비스 약관 동의

6. 회원가입 : 입력한 정보로 회원가입

 

 

3-5 내 정보 관리 페이지

1. 아이디 : 현재 사용자의 아이디 표시

2. 비밀번호 : 회원 정보 수정시 비밀번호 재확인

3. 정보 : 주소, 전화번호, 이메일 등 개인 정보 수정

 

---

4. Database

4-1. User Table

Key	Data Type	Description
id	String	사용자 ID (4~12자 영문, 숫자)
password	String	사용자 비밀번호 (8~16자 영문, 숫자 혼용 필수)
email	String	사용자 이메일 (이메일 주소, 40 bytes 제한)
address	String	사용자의 주소

 

---

5. API 목록

기능	Method	URL	request	response
로그인	POST	/api/login	{'id': id, 'password': password}	{'msg':true or false}
회원가입	POST	/api/register	{'id': id, 'password': password','email':email,;address':address}	{'msg':true or false}
회원 수정	POST	/api/updateUser	{'password':password}	{'msg':true or false}
주소 수정	POST	/api/address	{'address':address'}	{'msg':true or false}
위치 정보 수집 후 주소수정	POST	/api/currLocation		{'address':address}
쉼터 정보 조회	GET	/api/shelter	{'address':address, 'type':type}	{'shelter':shelter} // shelter 내에 들어갈 데이터 미정
주소 조회	GET	/api/address		{'address':address}
회원 정보 조회	GET	/api/userInfo		{'userInfo':userInfo}
날씨 조회	GET	/api/weather	{'address':address}	{'weather':weather}

 

---

6. Github Repository

https://github.com/JangDongHa/miniProject_1week

GitHub - JangDongHa/miniProject_1week

 

7. Notion 

https://big-berry-c23.notion.site/35a589ff5b5d495686264ee201514d6c

도심 속 쉼터