서준혁

Update README.md

Showing 1 changed file with 18 additions and 21 deletions
# **지자체별 행사 / 축제 정보 및 날씨 제공 서비스**
<img src="/uploads/f0d26785b5a120c08f65a84506831889/TFTlogo.png" width="700" height="500">
<center><img src="/uploads/f0d26785b5a120c08f65a84506831889/TFTlogo.png" width="700" height="500"></center>
## 순서
......@@ -61,19 +61,19 @@ Built With
## **프로젝트 구조 / 동작 방식**
![Architecture](/uploads/c1b05643cbc1771e796f9059f47cd456/Architecture.png)
<center>![Architecture](/uploads/c1b05643cbc1771e796f9059f47cd456/Architecture.png)</center>
1. Service 1 - Web
1. Frontend
1. Svelte를 사용하여 관광지 정보 / 날씨 정보를 한눈에 볼 수 있게 알려주는 유저 인터페이스로 사용
1. Svelte를 사용하여 관광지 정보 / 날씨 정보를 한눈에 볼 수 있게 알려주는 반응형 유저 인터페이스로 사용
1. [카카오 지도 API](https://apis.map.kakao.com/)를 호출하여 지도 위에 핀 및 마커 설정
1. Backend Server
1. MongoDB Atlas와 서버를 연동하여 Database와 Node.js 연결
1. DB에서 json 형태의 데이터를 불러 온 후 Frontend에서 유저에 의한 요청 발생 시 Frontend로 전송
1. MongoDB Database와 Node.js 연결
1. DB에서 데이터를 불러 온 후 Frontend에서 유저에 의한 요청 발생 시 Frontend로 전송
2. Service 2 - DB
1. API로부터 받아온 정보를 관리하고 MongoDB Atlas를 활용하여 Server에 제공
1. API로부터 받아온 정보를 관리하고 Server에 제공
* DB 설정 방법 : 한국관광공사 API와 날씨 API를 json 형태로 가져와서 스키마에 맞는 정보들을 선정해서 추출한 후 저장한다. docker-compose 실행에 따라서 자동으로 database가 설정된다.
* DB 설정 방법 : docker-compose 실행에 따라서 자동으로 database가 설정된다.
* DB Schema
......@@ -112,39 +112,36 @@ Built With
Service Overview
![serviceOverview](/uploads/06baa0ebea9fd11478b3c6c9595dc2ad/serviceOverview.PNG)
<center>![serviceOverview](/uploads/06baa0ebea9fd11478b3c6c9595dc2ad/serviceOverview.PNG)</center>
Select District
![districtSelect](/uploads/1f2ea26d4cdfbb08428f7fba611f52f6/districtSelect.PNG)
<center>![districtSelect](/uploads/1f2ea26d4cdfbb08428f7fba611f52f6/districtSelect.PNG)</center>
Show Festival List
![festivalList](/uploads/3304cdb999299785d14d71760088d569/festivalList.PNG)
<center>![festivalList](/uploads/3304cdb999299785d14d71760088d569/festivalList.PNG)</center>
Show total example
![showExample](/uploads/e5161983c8dba7027dd2e37d30d8a964/showExample.PNG)
<center>![showExample](/uploads/e5161983c8dba7027dd2e37d30d8a964/showExample.PNG)</center>
## **Roadmap**
![Roadmap](/uploads/7394cdd6a54185e901c0ba1ea0dbeb25/Roadmap.png)
<center>![Roadmap](/uploads/7394cdd6a54185e901c0ba1ea0dbeb25/Roadmap.png)</center>
- [v] Express 활용 서버 기본 베이스 구축
- [v] Frontend 개발을 위한 template과 ApiHandler 개발을 위한 template 추가
- [v] Express 활용 서버 웹 서버 템플릿 구축
- [v] 관광공사 API를 활용, DB에 축제 정보 저장 기능 추가
- [v] ApiHandler에서 원하지 정보 filter 기능 추가
- [v] 서버 개설 시 DB와 server connect 기능 추가
- [v] DB와 Backend 연동 및 데이터 Retrieve 구현
- [v] 기상청 API 활용, DB에 기상 정보 저장하는 기능 추가
- [v] 카카오 지도 API와 svelte 연동 및 인터페이스 구축
- [v] MongoDB Atlas에서 JSON 형식의 정보 받아오는 기능 추가
- [v] Frontend에 도, 시, 군, 구 등 구획 설정 및 축제 선택 기능 추가
- [v] ApiHandler 간소화
- [v] Docker 활용, 서비스 실행 구축
- [v] Amazon AWS에 프로젝트 업로드 및 실행 예시 이미지 업로드
- [v] Frontend 지역 및 축제 선택 기능, 축제 상세 정보 확인
- [v] ApiHandler에서 유효하지 않은 축제 데이터 filtering
- [v] Docker를 통해 containerize 및 docker-compose 통해 서비스 최적화
- [v] MS Azure에 프로젝트 업로드 및 실행 예시 이미지 업로드
## **Contribution**
......