flask
-
[JavaScript] Vue.js 프론트 개발 (feat. REST API 통신 with Django/Flask)Frontend/Vue.js 2021. 5. 27. 21:08
Vue.js 초기 설정은 아래를 참고했습니다: https://ninano1109.tistory.com/54?category=939829 JavaScript 기반 Vue.js 웹 개발 초기 설정(feat.Node.js) 웹 개발 시 프론트엔드 개발을 위해 Django와 같은 백엔드 프레임워크에서 한번에 개발을 할 수 있지만, 큰 규모의 프로젝트를 다룬다면, 프론트와 백엔드를 분리해서 REST API로 통신하는 구조로 ninano1109.tistory.com main.js에는 Vue.js에서 개발 시 사용할 모듈들을 등록해 놓고 사용합니다. Vuex를 사용하기 위해 store와 웹 UI CSS 프레임워크인 Vuetify를 추가했습니다. # src/main.js import Vue from 'vue' impo..
-
[Python] Flask REST API 서버 만들기 (feat. MySQL, Vue.js 연동하기)Backend/Flask 2021. 5. 9. 11:58
0. Flask 설치 프로젝트 폴더를 생성하고 flask 패키지를 설치합니다. $ pip install flask 1. 기본 app.py 작성 프로젝트 폴더 내부에 app.py 파일을 만들고 아래와 같이 기본 세팅을 해줍니다. 2. MySQL 연결하기 2-1. flask에서 사용할 수 있는 mysqldb 패키지 설치하기 $ pip install flask_mysqldb 2-2. flask_mysqldb 모듈 import # app.py from flask_mysqldb import MySQL ... mysql = MySQL(app) 2-3. MySQL 계정 설정 및 환경변수 생성하기 # 환경변수 생성 패키지 설치하기 $ pip install python-dotenv app.py와 같은 경로에 .env 파..