S.A

주제 : 선행, 절약

카테고리: 음식, 미용업, 숙박업

API : 착한가격업소API, 지도 API

행정안전부_착한가격업소 현황_20230428

~~사장님 감사합니다~~, 착한 나라, ~~착한 사장님~~, 천사 식당, 따뜻한 한끼, 라이킷, 라이스, 돈워리, 싼밥, 파란식당, 이웃식당, 따식, 한끼줍쇼, 키다리 식당, 배부른지갑, 돈을 줄이는 꿀팁 - 돈꿀, 지역상인과 소비자가 윈윈

이유있는 식당,

모두의 음식점 = 모음, 따뜻한 음식점 = 따음, 따뜻한 음식을 불어 먹는 or 웃음이 지어지는 식당 = 호호,

프로젝트명

프로젝트 소개

한 줄 정리 : 행정안전부의 착한가격업소 API와 카카오 위치 API를 이용하여 이용자들의 위치에 따라 착한가격업소의 정보를 제공하며, 식당의 간략한 평가와 커뮤니티를 통해 소비자들간의 소통이 이루어짐

정리 : 물가안정을 위해 가격이 저렴하지만 양질의 서비스를 제공하는 곳을 정부가 지정한 우리 동네의 좋은 업소인 착한가격업소를 들어보셨나요? 유저의 위치에 따라 주변의 착한가격업소인 음식점을 제공합니다. 태그 후기를 통한 식당의 평가와 커뮤니티를 통해 사용자들은 정보를 주고 받을 수 있으며, 지역상인과 소비자가 Win-Win 할 수 있게 독려하는 서비스를 제공합니다.

~~최소한의 지출을 위한 커뮤니티~~

~~가벼운 정책 같은 거 안내 - 서울시교통패스카드~~

착한가게소개 API

제공 서비스

어떤 가게가 착한 가격 업소일까요? 선정 기준 보여주기
이달의 착한식당 랭킹 서비스 도입 - 한 사람당 추천해요 한번씩, 사이드? 메인슬라이드?
현 위치에 (구 기준) 있는 식당 모아보기 - 자세히 보기 클릭 시 지도에 식당들을 마커로 표시 (선택)
후기 올릴 때 태그로 업로드 (총 4가지 항목의 4단계로 나누기)
- 가격: 싸요 , 적당해요 , 딱좋아요 , 아쉬워요
- 맛: 또갈래요, 맛있어요, 무난해요, 아쉬워요
- 서비스: 친절해요, 무난해요, 아쉬워요
- 위생: 깨끗해요, 무난해요, 아쉬워요
~~태그별로 모아보기~~
식당을 클릭하면 해당 후기 태그들이 나옴
처음에 필터를 하고(시, 구) 검색 버튼을 누르면 해당 지역의 식당이 마커로 찍힘 - 시, 구 모두 선택해야 검색 버튼 활성화
~~1) 선택 지역의 식당들을 마커로 지도에 표시 → 마커를 클릭 시 해당 식당의 상세페이지로 이동~~
1. 선택 지역의 식당들을 리스트로 표시 → 리스트를 클릭 시 해당 식당의 상세페이지로 이동
상세 페이지 - 식당 위치 지도 표시, 후기 태그 남기기
식당 상세페이지
- 가게이름, 가게주소, 가게번호, 대표메뉴
- 많이 받은 태그를 하나만 노출 - 뱃지로 구현
- 정보수정 제안, 후기 남기기, 후기 모아보기 - 후기는 로그인 한 회원만
커뮤니티 - CRUD

컴포넌트 분리

메인페이지 - 검색 위주

검색
지도

상세페이지

~~기부 활동까지 같이 할 수 있는 서비스(?)~~

~~사장님이 제안해요! → 어느 지역 기부 프로젝트열기! 돼지국밥집 사장님: 50인분 참여하겠습니다, 베이커리 사장님: 빵 50개 우유 50개 참여하겠습니다~~

~~구매자가 제안해요! → 이번에 어떤 센터에서 어떤 상품이 필요해요!~~

~~https://data.seoul.go.kr/dataList/OA-2271/A/1/datasetView.do#~~

~~저렴한 가격으로 취미생활과 문화생활까지~~

~~공동구매 + 착한 식당~~

사용 기술 스택

Next.js - 페이지의 초기 로딩 속도 향상, 검색 엔진 최적화(SEO), 코드 분할(Code splitting) 등의 성능 및 효율성을 제공
TypeScript - 예측 가능하고 안정적인 코드 작성, 강력한 개발 도구 지원, 효과적인 협업
Tailwind CSS - 사용자 정의 CSS 코드를 작성하지 않고도 HTML 요소의 스타일을 지정하는 데 사용할 수 있음
Redux Toolkit - 전역 상태 관리 도구
Zustand - 전역 상태 관리 도구 (리덕스와 함께)
Tanstack React Query - 비동기 관련 로직과 상태를 관리
Firebase - 사용자 인증과 데이터베이스 등의 서버 기능 제공

프로젝트에 들어갈 전체 기능(API 명세 방식)

회원가입

{
"id" : "abc",
"password" : " ",
"nickName" : " " 
}

로그인

{
"id" : "abc",
"password" : " "
}

오픈API 착한가게정보

[{
      "가격1": 8000,
      "가격2": 14000,
      "가격3": null,
      "메뉴1": "청국장",
      "메뉴2": "갈치탕",
      "메뉴3": null,
      "시군": "안산시 단원구",
      "시도": "경기도",
      "업소명": "청국장이랑갈비찜",
      "업종": "한식_일반",
      "연락처": "031-402-9276",
      "주소": "경기도안산시 단원구원포공원1로 70 127호(초지동, 키즈타운)"
    }]

팀 노션
1. 기획서 작성
2. 그라운드 룰 작성
3. 와이어프레임

코딩코딩