개발자 울이 노트

GITHUB paullee714/Flask-Vue-ELK-Mongo-Docker Vue 설정 및 초기화 yarn 나는 npm보다는 yarn을 선호한다. (npm으로 진행하면 뭔가 좀 더 설치하는 느낌....) 로컬에 yarn이 설치 되어 있는지 확인한 후에 없다면 설치 해준다. 확인 방법은 아래의 방법으로 진행하면 된다. $ yarn --version Vue - yarn global add Vue CLI Vue CLI 3.0 사용하기 yarn으로 vue를 설치 해 준다 $ yarn global add @vue/cli Vue Project init PROJECT ROOT ├── ELK │ ├── elasticsearch │ ├── kibana │ └── logstash ├── README.md ├── do..

GITHUB paullee714/Flask-Vue-ELK-Mongo-Docker 프로젝트 세팅.. 이전 글에서는 ELK 스택을 docker화 하기 위한 confg, Dockerfile 들을 작성하였다. 이번 글에서는 ELK스택으로 분석할 로그가 있는 flask서버를 작성하고, docker-compose에 추가 해 줄 것이다 Flask-Vue-ELK-Mongo-Docker ├── ELK │ ├── elasticsearch │ ├── kibana │ └── logstash ├── README.md ├── docker-compose.yml └── web └── back 6 directories, 2 files web - 플라스크 서버 web 구조 front / back을 나누어서 작업하려고 한다. 현재는 fr..

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 세팅을 하려고..

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

이전글 첨부 [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 개발환..

Docker - Flask - Vue 웹서비스 Docker를 사용해서 웹 서비스를 구축 해 보려고 한다 SNS를 포스팅 해 보는 작업을 하려고 한다 사용 기술 스택 1. Docker Docker 위의 웹서버이기 때문에 당연히 Docker를 사용 할 것이다. Docker는 운영체제에 상관 없이 프로젝트를 동일하게 실행하고 서비스 할 수 있기 때문에 편리 한 것 같다. 프로젝트를 만들고, 리눅스 서버에서 실행 하려고 한다. 여러 서비스들을 한번에 실행 해야 하기 때문에 docker-compose를 사용 하려고 한다. 같은 docker 네트워크로 묶어서 서비스하면 deploy와 서비스 관리도 편할 것 같다는 생각이 든다. 2. ElasticSearch - Logstash - Kibana - Docker (EL..

vue-flask-docker free admin template인 vue-flask-docker이다. 유료로 구매한 템플릿이 있지만 소스코드를 공개 할 수 없을 것 같아 free 라이센스를 가진 템플릿을 사용해서 vue와 관련된 것들을 공유 해 보려고 한다. 개발 환경 구축이기 때문에, front/back 모두 개발환경으로 구축을 시작했고 Docker를 사용해서 작업을 했지만 소스를 수정했을 때 바로 적용 될 수 있도록 volume 옵션을 주었다. volume : Docker에 올린 파일과 연동 할 수 있는 위치를 설정 해 주는 옵션 Vue - Flask 구축하기 Download 소스 파일은 아래에 있다. 스스로 구축 해도 된다. -> Github Soruce $ git clone https://git..

어떤환경에서든지 동작하려면, Docker가 편하다. Front-Back 엔드단을 구축하면서 도커로 삽질을 많이했는데, 정리해봐야겠다. 적었듯이 개발 환경 구축이다. 프로덕션이 아니기 때문에 이대로 만들어서 배포하면 안된다. 나처럼 개발환경 배포만을 위해서 도커를 작성하는 사람들이 있지 않을까 하여 슈퍼 구글링으로 여러가지 방법을 모아보았다. 프로덕션 배포는, 개발단이 완료 된 후에 한번 더 작업을 하려고 한다. 되지 않는 것이 있거나 궁금한 점은 댓글이나 메일(ba93love@gmail.com)을 주면 너무 감사할 것 같다. Vue Docker 만들기와 Backend 연동 Project init backend 폴더에 api 서버를 위치 시키려고 한다. 사용한 서버는 Flask 서버이다. backend와 ..

NGINX 와 uWsgi서버를 함께 사용한 Flask 서버를 Docker로 만들어 봅시다. 이전에 NGINX, uWsgi, Flask가 묶여있는 Dockerfile이 있었다. 그 도커파일을 사용한다면, 일일히 세팅을 하지 않아도 한번에 작업을 할 수 있는 것이 큰 장점이었다. 이번에는 각각의 파일을 따로 만들어 작업하는 방법을 소개 해 보려고 한다. Nginx + uWsgi + Flask with docker-compose 예제 다운로드 $ git clone https://github.com/paullee714/flask-projects.git Project Structure flask-nginx-uwsgi-Docker ├── docker-compose.yml ├── flask │ ├── Dockerfi..