개발자 울이 노트

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

이전글 첨부 [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 컴포넌트 작..

이전 글 첨부 [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 플라스크를 백엔드 서버로 사용..

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