서준혁

Update README.md

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**
......