profile
개발을 개발개발
post-thumbnail

Vue.js + Nginx docker로 구축하기

paullee714/Flask-Vue-ELK-Mongo-Docker아래와 같은 구조로 진행하고 있다. 오늘 작업 할 내용은 docker-compose.yml의 수정과 web/front/front.Dockerfile을 만들어 줄 것이고동작 확인을 위해 back-front

2020년 8월 20일
·
0개의 댓글
post-thumbnail

프론트엔드 Vue.js 세팅하기

paullee714/Flask-Vue-ELK-Mongo-Docker나는 npm보다는 yarn을 선호한다. (npm으로 진행하면 뭔가 좀 더 설치하는 느낌....)로컬에 yarn이 설치 되어 있는지 확인한 후에 없다면 설치 해준다.확인 방법은 아래의 방법으로 진행하면 된

2020년 8월 20일
·
0개의 댓글
post-thumbnail

Docker에서 ELK와 Flask서버 연동하기

paullee714/Flask-Vue-ELK-Mongo-Docker이전 글에서는 ELK 스택을 docker화 하기 위한 confg, Dockerfile 들을 작성하였다.이번 글에서는 ELK스택으로 분석할 로그가 있는 flask서버를 작성하고, docker-compose

2020년 8월 19일
·
0개의 댓글
post-thumbnail

Docker를 사용해 ELK를 구축하기

paullee714/Flask-Vue-ELK-Mongo-Docker이전 글에서 프로젝트 세팅을 해 줄 도구들을 보았다.ELK (ElasticSearch, Logstash, Kibana)Docker, docker-compose위의 도구들을 이용해서 프로젝트를 세팅 해 보

2020년 8월 19일
·
0개의 댓글
post-thumbnail

ELK와 Flask , Vue 그리고 Docker 준비하기

ELK는 ElasticSearch, Logstach, Kibana로 묶은 하나의 플랫폼이라고 생각하면 된다.각각의 특징을 우선 살펴보려고 한다.Elasticsearch란?ElasticSearch의 공식 페이지에 나와있는 내용이다. 아래와 같은 서비스들에 사용 할 수 있

2020년 8월 19일
·
0개의 댓글
post-thumbnail

ELK와 Docker를 사용한 웹서버 프로젝트 구상

Docker를 사용해서 웹 서비스를 구축 해 보려고 한다SNS를 포스팅 해 보는 작업을 하려고 한다Docker 위의 웹서버이기 때문에 당연히 Docker를 사용 할 것이다.Docker는 운영체제에 상관 없이 프로젝트를 동일하게 실행하고 서비스 할 수 있기 때문에 편리

2020년 8월 17일
·
0개의 댓글
post-thumbnail

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

JWT토큰을 발행하고 할당, 그리고 Validation까지 했으니, 이제 이 동작들을 Frontend로 가져가서 작업 해 보도록 하자front-back의 소스는 여기 에 올려놓았다frontend 구조라 스트럭쳐가 꽤 길다backend의 코드에서 필요한 정보를 넘겨주기

2020년 8월 3일
·
0개의 댓글
post-thumbnail

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

JWT 토큰을 사용해서, 현재 사용자의 인증을 체크 해 주자.JSON Web Token (JWT) 은 웹표준 (RFC 7519) 으로서 두 개체에서 JSON 객체를 사용하여 가볍고 자가수용적인 (self-contained) 방식으로 정보를 안전성 있게 전달해줍니다.re

2020년 8월 3일
·
0개의 댓글
post-thumbnail

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

사용할 화면이 flask 서버 내에서 작성 된 것이 아닌 Vue.js에서 작성 된 것이기 때문에 flask서버에서는 api를 작성 해 주도록 할 것이다.회원가입로그인로그아웃데이터베이스를 미리 세팅하고 데이터를 하나 넣어주도록 하겠다mysql을 사용하고 flask-sql

2020년 8월 3일
·
0개의 댓글
post-thumbnail

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

Vue.js & Flask를 docker-compose로 올렸기 때문에 DB도 마찬가지로 같이 docker로 올려주려고 한다.사용하려고 하는 db는 mysql이다docker-compose 세팅까지의 코드는 깃허브에 있다 (링크)처음 프로젝트를 세팅 했을 때, docke

2020년 8월 3일
·
0개의 댓글
post-thumbnail

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

Vue에서 생성한 button과 function을 바인딩 해 보도록 하려고 한다깃허브 소스는 링크로 첨부한다 → 링크이전의 글에서 axios로 front와 back을 연동했다.axios를 가지고 backend와 frontend에서 데이터를 서로 연동을 해 주었는데 이번

2020년 8월 3일
·
0개의 댓글
post-thumbnail

Vue.js Component & Flask Backend 연동(2) - frontend

Backend에서 보내준 데이터를 frontend에서 보여주자이전 글에서 네이버 야구경기의 데이터를 긁어오는 과정을 Backend에 적용했다.이제 Vue에서 Backend와 연동하여 데이터를 보여주는 Component를 작성하겠다.완성된 소스는 깃허브에 있다 →

2020년 7월 28일
·
0개의 댓글
post-thumbnail

Vue.js Component & Flask Backend 연동(1) - backend

Frontend에 전달할 데이터를 생성하자vue의 Component는 페이지가 될 수도 있고, 페이지를 구성 할 수 있는 요소가 될 수 있다. 이번에는 Component를 생성해서 Dashboard에 나만의 정보를 띄우려고한다.그 과정 중 이번에는 Backend의 데이

2020년 7월 28일
·
0개의 댓글
post-thumbnail

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

Dockerfile과 docker-compose를 사용해서 작성 된 frontend / backend 를 올렸다.이제 frontend ←→ backend가 서로 통신이 되는지, 데이터를 주고 받을 수 있는지 확인 해 보려고 한다.이전에 작성 했었었던 docker-com

2020년 7월 27일
·
0개의 댓글
post-thumbnail

Vue.js & Flask - 개발환경구축하기

free admin template인 vue-flask-docker이다.유료로 구매한 템플릿이 있지만 소스코드를 공개 할 수 없을 것 같아 free 라이센스를 가진 템플릿을 사용해서 vue와 관련된 것들을 공유 해 보려고 한다.소스 파일은 아래에 있다. 다운받아도

2020년 7월 27일
·
0개의 댓글

ELK - docker

💡 Elastic search, Logstash, Kibana의 세가지 오픈소스를 가지고 Flask의 로그를 남겨 분석 해 보자

2020년 7월 23일
·
0개의 댓글

Django Debug 서버 with docker-compose

Dockerfile과 docker-compose 파일로 DEBUG 모드가 적용된 서버를 세팅하자!docker-compose를 사용해 Debug를 적용하는 방법을 작성하려고 한다.Github - paullee714/django-projects위의 Django가 실행이

2020년 7월 23일
·
0개의 댓글