티스토리

개발자 울이 노트

검색하기

블로그 홈

개발자 울이 노트

woolbro.tistory.com/m

https://www.woolog.dev/

구독자: 11

방명록 방문하기

주요 글 목록

poetry 로 파이썬 패키지 관리하기 파이썬으로 개발하다보면 여러가지 가상환경 매니징 패키지를 마주하게 된다. virtualenv, pipenv … 이런 친구들이 있었는데 패키지의 버전까지 관리 해 주는 새로운 친구인 poetry를 도입 해 보려고 한다. Poetry를 사용하자 우선 사용하기 위해서는 Poetry를 설치하자 설치 poetry는 파이썬 패키지로도 설치 할 수 있고, 맥의 설치패키지인 brew로도 설치 할 수 있다. 설치 방법 - brew brew install poetry 설치 방법 - pip pip install poetry 패키지 Init poetry를 사용해서 파이썬을 개발 하려면 init 이라는 명령어로 해당 파일에 선언 해 주어야 한다. poetry init 그럼, init에 필요한 여러가지들을 물어보는데 해당하는 파.. 공감수 2 댓글수 0 2022. 1. 7.
Flask 스마트한 구조 만들기 Flask 스마트하게 구조 만들기! Github Link - https://github.com/paullee714/flask-projects/tree/develop/flask-smart-structure 전에는 Spring, Django를 사용해서 프로젝트를 구축했다. 개발을 시작하기 전에 세팅 해야 할 것, 그리고 환경설정과 지원하는 서비스의 파악 등, 실제로 작업을 하는데 까지 걸리는 시간이 오래 걸렸다. 플라스크는 미니멀하게 프로젝트를 시작 할 수 있어서, 초기 진입 시에 세팅과 공부 할 것들이 비교적 적은 편이라고 생각했다. 플라스크로 현업에서, 그리고 사이드 프로젝트로 개발을 진행 하다 보니 미니멀하게 금방 작업 하는 것에는 도움이 되었지만, Django나 Spring처럼 구조화를 하기는 조금 .. 공감수 5 댓글수 0 2021. 3. 9.
[GraphQL] 스키마 작성하기 Graphql 스키마 확장하기 Github Code paullee714/graphql-study Schema 확장하기 우리가 가진 Schema, Resolver type Query{ name: String! } // resolve query const resolvers = { Query : { name: () => "wool" } }; export default resolvers 위의 Query와 Resolver는 name : String 을 돌려주는 형태이다 여러 데이터들을 담고 읽기 위해서 Schema를 확장 해 보자 schema.graphql schema를 확장해 준다. type Person { id:Int! name: String! age: Int! gender: String! } type Que.. 공감수 1 댓글수 0 2021. 3. 8.
[GraphQL] grpahql의 스키마와 쿼리 Query & Schema Query 이전에 정리 했듯이, Query는 데이터를 받을 때만 사용 하는 것이다. Query로 데이터를 읽고, Mutation은 데이터를 변형하고 입력하는 것이다. Schema 스키마는 무엇을 받을지, 무엇을 줄 지에 대한 데이터에 관한 설명이다 Schema & Resolvers graphql을 사용하기 위해서, 어떤 데이터의 형태를 사용 할 것인지 설명 해 주는 schema를 작성 해 준다 데이터의 형태를 schema에서 지정 해 주고 지정 해 준 형태를 사용 하는 resolver를 작성 해 준다. schema.graphql Query에서 name을 요청하면 String을 돌려주는 쿼리이다 type Query{ name: String! } resolvers.js resolv.. 공감수 1 댓글수 0 2021. 3. 5.
[GraphQL] 설치와 기본 세팅 GraphQL 설치 및 기본 세팅 GITHUB paullee714/graphql-study 프로젝트 세팅 & 설치 프로젝트 파일 초기화하기 프로젝트 세팅을 원하는 폴더에 들어가서 실행 해 준다. $ yarn init . graphql, nodemon,babel-node 설치하기 $ yarn add graphql-yoga $ yarn global add nodemon $ yarn add bable-node --dev $ yarn add babel-cli babel-preset-env babel-preset-stage-3 --dev graphql-yoga는 nodejs에서 graphql을 쉽게 사용 할 수 있게 해준다 nodemon은 설정한 기준 파일을 트랙킹하여, 수정이 있을 경우 바로 반영 해 준다 ba.. 공감수 1 댓글수 0 2021. 3. 4.
[GraphQL] GraphQL이란? graphQL 이란 GraphQL graphQL를 써봅시다! overfetching과 underfetching overFetching : 요청 후에 돌아오는 응답에, 필요 이상의 데이터들이 들어 있는 것을 의미한다 overFetching이 일어나면, 데이터를 찾아 사용하기 쉽지만, 필요없는 리소스를 불러오기 때문에 낭비가 발생 undefetching : 요청과 매칭되는 정보가 너무 한정적이기 때문에 돌아오는 데이터가 별로 없다 underfetching이 일어나면, 요구하는 데이터가 많을수록 서버에 요청을 여러번 보내야 한다. 마찬가지로 낭비가 발생 이런 문제들이 graphQL 을 사용하면 쉽게 해결 할 수가 있고, 쿼리 때문에 고생하는 수고를 덜 수 있다고 한다!! 한번 사용 해 봅시다 😆 핵심 기능- .. 공감수 0 댓글수 0 2021. 3. 3.
Artillery를 사용한 서버 부하테스트 서버 부하테스트 하기 - artillery.io 서버가 부하를 얼마나 잘 견디는지 테스트 하는 것은 중요 한 것 같다. 실 서버 배포를 하기 전 내가 만든 서버가 얼마나 잘 견디는지 확인 하기에 artillery.io 가 좋은 툴 같다. 잘 견디는 서버 작성이 목적이 아니라, 서버 테스트 방법이 목적이기 때문에 빠르게 서버를 작성 할 수 있는 방법으로 작성했다. 나는 Spring Boot를 사용했지만 각자가 만들기가 편한 서버 혹은 직접 사용하는 서버가 있다면 그 서버를 사용하면 좋을 것 같다. 테스트 환경 Google VM Instance를 사용하였고, 서버는 Spring Boot 그리고 macOS에서 작업을 진행했다. 로컬에서 해도 상관 없지만, 배포할 서버를 테스트 할 것이면 로컬말고 GCP나 AW.. 공감수 2 댓글수 0 2021. 2. 20.
[Docker 위의 웹서버] 프로젝트 세팅 (5) - vue 도커라이징 GITHUB paullee714/Flask-Vue-ELK-Mongo-Docker Structure 아래와 같은 구조로 진행하고 있다. 오늘 작업 할 내용은 docker-compose.yml의 수정과 web/front/front.Dockerfile을 만들어 줄 것이고 동작 확인을 위해 back-front연동을 해 보려고 한다. ├── ELK │ ├── elasticsearch │ │ ├── config │ │ ├── data │ │ └── elastic.Dockerfile │ ├── kibana │ │ ├── config │ │ └── kibana.Dockerfile │ └── logstash │ ├── config │ ├── logstash.Dockerfile │ └── pipeline ├── READM.. 공감수 0 댓글수 0 2020. 8. 28.
[Docker 위의 웹서버] 프로젝트 세팅 (4) - vue 세팅 및 연동 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.. 공감수 0 댓글수 0 2020. 8. 27.
[Docker 위의 웹서버] 프로젝트 세팅 (3) - Flask 세팅 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.. 공감수 0 댓글수 0 2020. 8. 26.
[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 세팅을 하려고.. 공감수 0 댓글수 0 2020. 8. 25.
[Docker 위의 웹서버] 프로젝트 세팅 (1) - ELK-Flask 패키지 준비 ELK ELK는 ElasticSearch, Logstach, Kibana로 묶은 하나의 플랫폼이라고 생각하면 된다. 각각의 특징을 우선 살펴보려고 한다. Elasticsearch란? ElasticSearch ElasticSearch의 공식 페이지에 나와있는 내용이다. 아래와 같은 서비스들에 사용 할 수 있다. 애플리케이션 검색 웹사이트 검색 엔터프라이즈 검색 로깅과 로그 분석 인프라 메트릭과 컨테이너 모니터링 애플리케이션 성능 모니터링 위치 기반 정보 데이터 분석 및 시각화 보안 분석 비즈니스 분석 Kibana ElasticSearch의 데이터를 시각화 해주는 관리 도구이다. 실시간으로 반영되는 시각화 도구로 데이터의 흐름을 분석 할 수 있다. Logstash Logstash는 데이터를 집계하고 처리해서.. 공감수 0 댓글수 0 2020. 8. 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.. 공감수 0 댓글수 0 2020. 8. 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.. 공감수 1 댓글수 0 2020. 8. 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.. 공감수 0 댓글수 0 2020. 8. 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.. 공감수 1 댓글수 0 2020. 8. 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와.. 공감수 0 댓글수 0 2020. 8. 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 개발환.. 공감수 0 댓글수 0 2020. 8. 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 컴포넌트 작.. 공감수 0 댓글수 0 2020. 8. 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 플라스크를 백엔드 서버로 사용.. 공감수 0 댓글수 0 2020. 8. 17.
[Docker 위의 웹서버] 프로젝트 구상하기 Docker - Flask - Vue 웹서비스 Docker를 사용해서 웹 서비스를 구축 해 보려고 한다 SNS를 포스팅 해 보는 작업을 하려고 한다 사용 기술 스택 1. Docker Docker 위의 웹서버이기 때문에 당연히 Docker를 사용 할 것이다. Docker는 운영체제에 상관 없이 프로젝트를 동일하게 실행하고 서비스 할 수 있기 때문에 편리 한 것 같다. 프로젝트를 만들고, 리눅스 서버에서 실행 하려고 한다. 여러 서비스들을 한번에 실행 해야 하기 때문에 docker-compose를 사용 하려고 한다. 같은 docker 네트워크로 묶어서 서비스하면 deploy와 서비스 관리도 편할 것 같다는 생각이 든다. 2. ElasticSearch - Logstash - Kibana - Docker (EL.. 공감수 0 댓글수 0 2020. 8. 17.
Vue.js & Flask - 개발환경구축하기 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.. 공감수 2 댓글수 0 2020. 7. 27.
Docker를 사용한 Vue - Flask 개발서버 작성 (front-back 연동) 어떤환경에서든지 동작하려면, Docker가 편하다. Front-Back 엔드단을 구축하면서 도커로 삽질을 많이했는데, 정리해봐야겠다. 적었듯이 개발 환경 구축이다. 프로덕션이 아니기 때문에 이대로 만들어서 배포하면 안된다. 나처럼 개발환경 배포만을 위해서 도커를 작성하는 사람들이 있지 않을까 하여 슈퍼 구글링으로 여러가지 방법을 모아보았다. 프로덕션 배포는, 개발단이 완료 된 후에 한번 더 작업을 하려고 한다. 되지 않는 것이 있거나 궁금한 점은 댓글이나 메일(ba93love@gmail.com)을 주면 너무 감사할 것 같다. Vue Docker 만들기와 Backend 연동 Project init backend 폴더에 api 서버를 위치 시키려고 한다. 사용한 서버는 Flask 서버이다. backend와 .. 공감수 4 댓글수 0 2020. 7. 23.
장고 (Django)를 사용한 CRUD 예제 만들기 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.. 공감수 2 댓글수 0 2020. 7. 22.
Django Debug 서버 with docker-compose 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.. 공감수 0 댓글수 0 2020. 7. 21.
Docker로 작성한 서버, Debug모드 적용하기 💡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 .. 공감수 0 댓글수 0 2020. 7. 6.
Flask - uwsgi - Nginx 와 docker-compose를 사용해 서버를 만들자 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.. 공감수 3 댓글수 0 2020. 7. 4.
Flask 에 uwsgi 서버 적용하기 Flask with Docker, uwsgi wsgi를 사용한 Flask wsgi는 CGI(Common Gateway Interface)의 일종으로, web이 이제 막 걸음마 단계를 시작했을 적에 CGI는 수많은 언어에서 문제 없이 작동한다는 이유로(애초에 CGI 외에 다른 선택권이 없기도 했다) 기하급수적으로 사용량이 증가했다. 하지만 CGI는 너무 느리고 제한사항도 많았을 뿐더러, python app에서는 CGI, mod_python, Fast CGI 등등 만을 사용했다. wsgi는 이와중에 프레임워크의 웹서버로, route web에서는 표준 인터페이스로 개발되었다. 출처: https://paphopu.tistory.com/entry/WSGI에-대한-설명-WSGI란-무엇인가 [jadehan] wsgi.. 공감수 4 댓글수 2 2020. 6. 25.
Sentry.io 에러 로깅 Sentry.io sentry.io 를 사용해서 로그(에러로그) 수집 Sentry - error Sentry 둘러보기 Sentry는 Application Monitoring 도구이다. 특히, 에러로그를 수집하는 데에 특화 되었다. 각 코드의 에러들을 모아서 웹에서 확인 할 수 있도록 도와주는 플랫폼이다. Application Monitoring and Error Tracking Software 가장 흔한 예로 아래에서 Python 코드를 예로 들었다 try: pass # 예외가 없이 잘 실행되는 코드 except Exception as e: #(1) pass # 예외가 처리 될 때 실행 되는 코드 --> Sentry.io에 Exception이 적재됨 finally: pass # 예외 여부 상관에 없이 가.. 공감수 2 댓글수 0 2020. 6. 23.
Flask - DB (Mysql) 연동과 CRUD Flask db연동 - CRUD flask와 db연동을 합니다. Flask - Database(Mysql) DB - Mysql Flask ORM Model From - SqlAlchemy Create DB & Table DB 세팅 및 설치가 어렵다면, Docker를 사용해보자 [Dev/Docker&kubernetes] - Docker 를 사용해 Database 간단하게 구축하기 (MYSQL) create table test_db.my_user( id int(11) NOT NULL auto_increment, user_name varchar(20), created_at datetime default current_timestamp, udpated_at datetime default current_times.. 공감수 0 댓글수 0 2020. 6. 22.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.