Toggle navigation
Toggle navigation
This project
Loading...
Sign in
박정민
/
TFT
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
서준혁
2021-12-08 21:52:54 +0900
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
df64def688f544064958abf71b0358f82a630049
df64def6
1 parent
d3ea6dda
Update README.md
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
18 additions
and
21 deletions
README.md
README.md
View file @
df64def
# **지자체별 행사 / 축제 정보 및 날씨 제공 서비스**
<
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**
...
...
Please
register
or
login
to post a comment