전체 글 109

[Docker 위의 웹서버] 프로젝트 세팅 (2) - ELK 세팅

GITHUB paullee714/Flask-Vue-ELK-Mongo-Docker 프로젝트 세팅 이전 글에서 프로젝트 세팅을 해 줄 도구들을 보았다. ELK (ElasticSearch, Logstash, Kibana) Docker, docker-compose 위의 도구들을 이용해서 프로젝트를 세팅 해 보도록 하려고 한다. Docker Build를 위한 구상 Docker와 docker-compose를 사용해서 Build하려고 한다. Dockerfile은 총 4개로 구성 할 것이다. ElasticSearch Logstash Kibana Flask(python3) 각각의 Dockerfile을 Build하고, Build한 Docker를 하나의 network로 묶어 주려고 한다. 이번 글에서는 ELK 세팅을 하려고..

Old Branch 2020.08.25

[Docker 위의 웹서버] 프로젝트 세팅 (1) - ELK-Flask 패키지 준비

ELK ELK는 ElasticSearch, Logstach, Kibana로 묶은 하나의 플랫폼이라고 생각하면 된다. 각각의 특징을 우선 살펴보려고 한다. Elasticsearch란? ElasticSearch ElasticSearch의 공식 페이지에 나와있는 내용이다. 아래와 같은 서비스들에 사용 할 수 있다. 애플리케이션 검색 웹사이트 검색 엔터프라이즈 검색 로깅과 로그 분석 인프라 메트릭과 컨테이너 모니터링 애플리케이션 성능 모니터링 위치 기반 정보 데이터 분석 및 시각화 보안 분석 비즈니스 분석 Kibana ElasticSearch의 데이터를 시각화 해주는 관리 도구이다. 실시간으로 반영되는 시각화 도구로 데이터의 흐름을 분석 할 수 있다. Logstash Logstash는 데이터를 집계하고 처리해서..

Old Branch 2020.08.24

Vue.js & Flask 로그인/로그아웃 (4) - Vue.js Component 연동하기

이전 글 첨부 [Master_branch/develop_branch] - Vue.js & Flask - 개발환경구축하기 [Master_branch/develop_branch] - Vue.js & Flask - 컴포넌트와 api 연동(1) - backend [Master_branch/develop_branch] - Vue.js & Flask - 컴포넌트와 api 연동(2) - frontend [Master_branch/develop_branch] - Vue.js & Flask - 데이터 주고받기 (axios) [Master_branch/develop_branch] - Vue.js & Flask - 데이터 주고받기 axios(2) button binding [Master_branch/develop_branc..

Old Branch 2020.08.23

Vue.js & Flask 로그인/로그아웃 (3) - Flask Auth Token 적용하기

이전 글 첨부 [Master_branch/develop_branch] - Vue.js & Flask - 개발환경구축하기 [Master_branch/develop_branch] - Vue.js & Flask - 컴포넌트와 api 연동(1) - backend [Master_branch/develop_branch] - Vue.js & Flask - 컴포넌트와 api 연동(2) - frontend [Master_branch/develop_branch] - Vue.js & Flask - 데이터 주고받기 (axios) [Master_branch/develop_branch] - Vue.js & Flask - 데이터 주고받기 axios(2) button binding [Master_branch/develop_branc..

Old Branch 2020.08.22

Vue.js & Flask 로그인/로그아웃 (2) - Flask Auth API 만들기

이전 글 첨부 [Master_branch/develop_branch] - Vue.js & Flask - 개발환경구축하기 [Master_branch/develop_branch] - Vue.js & Flask - 컴포넌트와 api 연동(1) - backend [Master_branch/develop_branch] - Vue.js & Flask - 컴포넌트와 api 연동(2) - frontend [Master_branch/develop_branch] - Vue.js & Flask - 데이터 주고받기 (axios) [Master_branch/develop_branch] - Vue.js & Flask - 데이터 주고받기 axios(2) button binding [Master_branch/develop_branc..

Old Branch 2020.08.21

Vue.js & Flask 로그인/로그아웃 (1) - Docker DB 세팅하기

이전 글 첨부 [Master_branch/develop_branch] - Vue.js & Flask - 개발환경구축하기 [Master_branch/develop_branch] - Vue.js & Flask - 컴포넌트와 api 연동(1) - backend [Master_branch/develop_branch] - Vue.js & Flask - 컴포넌트와 api 연동(2) - frontend [Master_branch/develop_branch] - Vue.js & Flask - 데이터 주고받기 (axios) [Master_branch/develop_branch] - Vue.js & Flask - 데이터 주고받기 axios(2) button binding Vue.js & Flask를 docker-compo..

Old Branch 2020.08.20

Vue.js & Flask - 데이터 주고받기 axios(2) button binding

이전 글 첨부 [Master_branch/develop_branch] - Vue.js & Flask - 개발환경구축하기 [Master_branch/develop_branch] - Vue.js & Flask - 컴포넌트와 api 연동(1) - backend [Master_branch/develop_branch] - Vue.js & Flask - 컴포넌트와 api 연동(2) - frontend [Master_branch/develop_branch] - Vue.js & Flask - 데이터 주고받기 (axios) Vue에서 생성한 button과 function을 바인딩 해 보도록 하려고 한다 깃허브 소스는 링크로 첨부한다 → 링크 Vue-Flask Data Binding 이전의 글에서 axios로 front와..

Old Branch 2020.08.19

Vue.js & Flask - 데이터 주고받기 (axios)

이전글 첨부 [Master_branch/develop_branch] - Vue.js & Flask - 개발환경구축하기 [Master_branch/develop_branch] - Vue.js & Flask - 컴포넌트와 api 연동(1) - backend [Master_branch/develop_branch] - Vue.js & Flask - 컴포넌트와 api 연동(2) - frontend Dockerfile과 docker-compose를 사용해서 작성 된 frontend / backend 를 올렸다. 이제 frontend ←→ backend가 서로 통신이 되는지, 데이터를 주고 받을 수 있는지 확인 해 보려고 한다. 소스 파일은 여기에 있다 -->Github Soruce docker-compose 개발환..

Old Branch 2020.08.18

Vue.js & Flask - 컴포넌트와 api 연동(2) - frontend

이전글 첨부 [Master_branch/develop_branch] - Vue.js & Flask - 개발환경구축하기 [Master_branch/develop_branch] - Vue.js & Flask - 데이터 주고받기 (axios) [Master_branch/develop_branch] - Vue.js & Flask - 컴포넌트와 api 연동(1) - backend Backend에서 보내준 데이터를 frontend에서 보여주자 이전 글에서 네이버 야구경기의 데이터를 긁어오는 과정을 Backend에 적용했다. 이제 Vue에서 Backend와 연동하여 데이터를 보여주는 Component를 작성하겠다. 완성된 소스는 깃허브에 있다 → 링크 Vue.js & Flask - Frontend Vue 컴포넌트 작..

Old Branch 2020.08.18

Vue.js & Flask - 컴포넌트와 api 연동(1) - backend

이전 글 첨부 [Master_branch/develop_branch] - Vue.js & Flask - 개발환경구축하기 [Master_branch/develop_branch] - Vue.js & Flask - 데이터 주고받기 (axios) Frontend에 전달할 데이터를 생성하자 vue의 Component는 페이지가 될 수도 있고, 페이지를 구성 할 수 있는 요소가 될 수 있다. 이번에는 Component를 생성해서 Dashboard에 나만의 정보를 띄우려고한다. 그 과정 중 이번에는 Backend의 데이터를 전달 할 API를 작성 하도록 하겠다. 완성된 소스는 깃허브에 있다 → 링크 Vue.js & Flask - backend API 생성하기 flask url route 플라스크를 백엔드 서버로 사용..

Old Branch 2020.08.17
반응형