An open API service indexing awesome lists of open source software.

https://github.com/yesfordev/gsvue

✨2020.09-2020.12 OOO 인턴 - 금융(한국은행) 데이터 시각화 웹 Front
https://github.com/yesfordev/gsvue

aws-ec2 nginx vue

Last synced: about 1 month ago
JSON representation

✨2020.09-2020.12 OOO 인턴 - 금융(한국은행) 데이터 시각화 웹 Front

Awesome Lists containing this project

README

          

### 💻금융 데이터 시각화 웹 Front

`해당 프로젝트는 인턴십 완료 후, 코드 공개 및 포트폴리오 사용에 대한 회사의 허락을 받았습니다.`

---

### ✨Overview

✔️금융 데이터 시각화 웹, Server 구현

회사 내에서 볼 수 있는 여러 금융 데이터들을 시각화 한 웹을 구현을 하게되어, 한국은행 API와 연동하여 특정 조건의 데이터를 차트와 표로 조회할 수 있고, 업데이트 할 수 있는 웹과 서버를 구현하였습니다.

### ✨Front

- Vue.js

### 🖥️ 개발 환경

✔️금융 데이터 시각화 웹 구현 Front

- Vue 2.6.10
- axios 0.19.0
- vue-chartjs 3.4.2

### 👨‍👩‍👧‍👦협업 툴

- Bitbucket
- Slack
- Notion

### ✨역할
- 금융(한국은행) 데이터 시각화 웹 SpringBoot로 Server 구현
- FrontEnd - AWS EC2에 Nginx 이용하여 배포
- 화면 설계 및 구성

### 배포

- AWS EC2 - Front Nginx 이용하여 배포

### 🎥시연 영상
- [영상 보기](https://drive.google.com/file/d/1VWlOacV6I20sT_pwZulMv4orVeQYXdVY/view?usp=sharing)

# How to start #

### What is this repository for? ###

vue.js로 작성된 gs 뷰입니다.

### How do I get set up? ###

```bash
git clone https://github.com/yesfordev/internVue.git

cd internVue

npm install

npm run serve
```

### 진행 상황 ###

Home화면에는 만든 사람 이름만 나와 있는 것이 정상입니다.
구현된 view를 확인하기 위해서는 왼쪽 navBar의 DataHub -> 한국은행 지표 관리 -> GDP 로 이동하셔서 확인해주시면 됩니다.