Showing
1 changed file
with
18 additions
and
21 deletions
1 | # **지자체별 행사 / 축제 정보 및 날씨 제공 서비스** | 1 | # **지자체별 행사 / 축제 정보 및 날씨 제공 서비스** |
2 | 2 | ||
3 | -<img src="/uploads/f0d26785b5a120c08f65a84506831889/TFTlogo.png" width="700" height="500"> | 3 | +<center><img src="/uploads/f0d26785b5a120c08f65a84506831889/TFTlogo.png" width="700" height="500"></center> |
4 | 4 | ||
5 | 5 | ||
6 | ## 순서 | 6 | ## 순서 |
... | @@ -61,19 +61,19 @@ Built With | ... | @@ -61,19 +61,19 @@ Built With |
61 | 61 | ||
62 | ## **프로젝트 구조 / 동작 방식** | 62 | ## **프로젝트 구조 / 동작 방식** |
63 | 63 | ||
64 | -![Architecture](/uploads/c1b05643cbc1771e796f9059f47cd456/Architecture.png) | 64 | +<center>![Architecture](/uploads/c1b05643cbc1771e796f9059f47cd456/Architecture.png)</center> |
65 | 65 | ||
66 | 1. Service 1 - Web | 66 | 1. Service 1 - Web |
67 | 1. Frontend | 67 | 1. Frontend |
68 | - 1. Svelte를 사용하여 관광지 정보 / 날씨 정보를 한눈에 볼 수 있게 알려주는 유저 인터페이스로 사용 | 68 | + 1. Svelte를 사용하여 관광지 정보 / 날씨 정보를 한눈에 볼 수 있게 알려주는 반응형 유저 인터페이스로 사용 |
69 | 1. [카카오 지도 API](https://apis.map.kakao.com/)를 호출하여 지도 위에 핀 및 마커 설정 | 69 | 1. [카카오 지도 API](https://apis.map.kakao.com/)를 호출하여 지도 위에 핀 및 마커 설정 |
70 | 1. Backend Server | 70 | 1. Backend Server |
71 | - 1. MongoDB Atlas와 서버를 연동하여 Database와 Node.js 연결 | 71 | + 1. MongoDB Database와 Node.js 연결 |
72 | - 1. DB에서 json 형태의 데이터를 불러 온 후 Frontend에서 유저에 의한 요청 발생 시 Frontend로 전송 | 72 | + 1. DB에서 데이터를 불러 온 후 Frontend에서 유저에 의한 요청 발생 시 Frontend로 전송 |
73 | 2. Service 2 - DB | 73 | 2. Service 2 - DB |
74 | - 1. API로부터 받아온 정보를 관리하고 MongoDB Atlas를 활용하여 Server에 제공 | 74 | + 1. API로부터 받아온 정보를 관리하고 Server에 제공 |
75 | 75 | ||
76 | -* DB 설정 방법 : 한국관광공사 API와 날씨 API를 json 형태로 가져와서 스키마에 맞는 정보들을 선정해서 추출한 후 저장한다. docker-compose 실행에 따라서 자동으로 database가 설정된다. | 76 | +* DB 설정 방법 : docker-compose 실행에 따라서 자동으로 database가 설정된다. |
77 | 77 | ||
78 | * DB Schema | 78 | * DB Schema |
79 | 79 | ||
... | @@ -112,39 +112,36 @@ Built With | ... | @@ -112,39 +112,36 @@ Built With |
112 | 112 | ||
113 | Service Overview | 113 | Service Overview |
114 | 114 | ||
115 | -![serviceOverview](/uploads/06baa0ebea9fd11478b3c6c9595dc2ad/serviceOverview.PNG) | 115 | +<center>![serviceOverview](/uploads/06baa0ebea9fd11478b3c6c9595dc2ad/serviceOverview.PNG)</center> |
116 | 116 | ||
117 | Select District | 117 | Select District |
118 | 118 | ||
119 | 119 | ||
120 | -![districtSelect](/uploads/1f2ea26d4cdfbb08428f7fba611f52f6/districtSelect.PNG) | 120 | +<center>![districtSelect](/uploads/1f2ea26d4cdfbb08428f7fba611f52f6/districtSelect.PNG)</center> |
121 | 121 | ||
122 | Show Festival List | 122 | Show Festival List |
123 | 123 | ||
124 | 124 | ||
125 | -![festivalList](/uploads/3304cdb999299785d14d71760088d569/festivalList.PNG) | 125 | +<center>![festivalList](/uploads/3304cdb999299785d14d71760088d569/festivalList.PNG)</center> |
126 | 126 | ||
127 | Show total example | 127 | Show total example |
128 | 128 | ||
129 | 129 | ||
130 | -![showExample](/uploads/e5161983c8dba7027dd2e37d30d8a964/showExample.PNG) | 130 | +<center>![showExample](/uploads/e5161983c8dba7027dd2e37d30d8a964/showExample.PNG)</center> |
131 | 131 | ||
132 | ## **Roadmap** | 132 | ## **Roadmap** |
133 | 133 | ||
134 | -![Roadmap](/uploads/7394cdd6a54185e901c0ba1ea0dbeb25/Roadmap.png) | 134 | +<center>![Roadmap](/uploads/7394cdd6a54185e901c0ba1ea0dbeb25/Roadmap.png)</center> |
135 | 135 | ||
136 | -- [v] Express 활용 서버 기본 베이스 구축 | 136 | +- [v] Express 활용 서버 웹 서버 템플릿 구축 |
137 | -- [v] Frontend 개발을 위한 template과 ApiHandler 개발을 위한 template 추가 | ||
138 | - [v] 관광공사 API를 활용, DB에 축제 정보 저장 기능 추가 | 137 | - [v] 관광공사 API를 활용, DB에 축제 정보 저장 기능 추가 |
139 | -- [v] ApiHandler에서 원하지 정보 filter 기능 추가 | 138 | +- [v] DB와 Backend 연동 및 데이터 Retrieve 구현 |
140 | -- [v] 서버 개설 시 DB와 server connect 기능 추가 | ||
141 | - [v] 기상청 API 활용, DB에 기상 정보 저장하는 기능 추가 | 139 | - [v] 기상청 API 활용, DB에 기상 정보 저장하는 기능 추가 |
142 | - [v] 카카오 지도 API와 svelte 연동 및 인터페이스 구축 | 140 | - [v] 카카오 지도 API와 svelte 연동 및 인터페이스 구축 |
143 | -- [v] MongoDB Atlas에서 JSON 형식의 정보 받아오는 기능 추가 | 141 | +- [v] Frontend 지역 및 축제 선택 기능, 축제 상세 정보 확인 |
144 | -- [v] Frontend에 도, 시, 군, 구 등 구획 설정 및 축제 선택 기능 추가 | 142 | +- [v] ApiHandler에서 유효하지 않은 축제 데이터 filtering |
145 | -- [v] ApiHandler 간소화 | 143 | +- [v] Docker를 통해 containerize 및 docker-compose 통해 서비스 최적화 |
146 | -- [v] Docker 활용, 서비스 실행 구축 | 144 | +- [v] MS Azure에 프로젝트 업로드 및 실행 예시 이미지 업로드 |
147 | -- [v] Amazon AWS에 프로젝트 업로드 및 실행 예시 이미지 업로드 | ||
148 | 145 | ||
149 | 146 | ||
150 | ## **Contribution** | 147 | ## **Contribution** | ... | ... |
-
Please register or login to post a comment