개발자 울이 노트

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

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와 ..

Django CRUD Django와 Mysql을 사용해서 CRUD를 작성 해 보자 github - paullee714/django-projects paullee714/django-projects Create Django Projects! Contribute to paullee714/django-projects development by creating an account on GitHub. github.com Django 프레임워크를 사용해서 CRUD 를 작업 해 보려고 한다. CRUD with Django Project Structure . ├── config │ ├── __init__.py │ ├── __pycache__ │ ├── asgi.py │ ├── settings.py │ ├── urls.p..

Dockerfile과 docker-compose 파일로 DEBUG 모드가 적용된 서버를 세팅하자! docker-compose를 사용해 Debug를 적용하는 방법을 작성하려고 한다. 비슷한 예제로는 flask에 적용 된 [Master_branch/study_branch] - Docker로 작성한 서버, Debug모드 적용하기 페이지를 볼 수 있다. docker-compose Django DEBUG Server Setup Django start virtualenv $ virtualenv venv $ source venv/bin/activate #mysqlclient는 오류가 날 수 있다. # linux - sudo apt-get install python-dev python3-dev pymysql libmy..

💡Docker로 올린 서버는 Debug모드로 실행 한다면, Docker 내부에 들어가서 코드를 고쳐줘야 하는 번거로움이 있다. Docker 내부에서 수정한 파일은, Docker를 내리거나 지우면 없어지며 혹은 local의 git과 연동되지 않는 문제점이 있다. Docker로 서버 Debug모드 적용하기 간단하게 Dockerfile로, flask 서버를 작성 해 보도록 하겠습니다. Flask 서버 만들기 여러번 다루었지만, Flask 서버를 시작하기 위해서 가상환경과 필요 패키지들을 설치 해 주도로 하겠다. .env FLASK_ENV=development FLASK_DEBUG=True FLASK_APP=app.py FLASK_RUN_PORT=5000 app.py from flask import Flask ..

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..