django
-
[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..
-
방문자 기록 사이트 Toy Project(feat. Django-MySQL-Vue.js)FullStack/Vue.js+Django 2021. 4. 30. 22:48
https://ninano1109.tistory.com/129 👣 방문자 기록 사이트 토이프로젝트 회고 😎 Before We Start: Docker란? 개발 결과물(환경)에 대해 사진을 찍듯 Docker image를 빌드하고, 해당 이미지를 바탕으로 container를 실행하면 다른 어떤 컴퓨터에서도 동일한 환경을 세팅해주어 서비스를 ninano1109.tistory.com 방문자 기록 사이트 토이프로젝트에서 개발한 DB, 백엔드, 프론트 코드들 입니다:) DB(MySQL) Django의 기본 내장 DB인 Sqlite 대신 MySQL을 DB로 사용하기 위한 설정 해주기 # my_settings.py DATABASES = { 'default': { 'ENGINE': 'django.db.backends.m..
-
[Docker] Django-MySQL DB dockerfile 계정 연동하기Docker 2021. 4. 28. 20:55
Django settings.py DATABASES = { 'default' : { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'visitlog', 'USER': 'newuser', 'PASSWORD': '1234', 'HOST': 'db', 'PORT': '3306', } } DB dockerfile ENV MYSQL_USER newuser ENV MYSQL_PASSWORD 1234 # docker 컨테이너 내부 DB에 root계정 password 생성 ENV MYSQL_ROOT_HOST % ENV MYSQL_ROOT_PASSWORD rootpw # docker 컨테이너 내부 DB에 database 이름 생성 ENV MYSQL_DATABASE visitlog - ..
-
Django-MySQL DB 연결하기(feat. mysqlclient )DataBase/MySQL 2021. 4. 23. 21:20
Django에는 기본 내장 DB인 Sqlite가 있지만, 이는 간단한 DB(?)로 활용하기 위한 것으로 좀 더 큰 규모의 프로젝트를 진행하기 위해서 MySQL을 연동해서 사용할 수 있습니다. 먼저, Django에서 MySQL을 사용하기 위해서는 mysqlclient라는 라이브러리를 설치해야 합니다. 하지만 다음과 같은 설치 권한 문제로 인한 오류가 발생했습니다. 설치 권한 문제 해결 ERROR: Could not install packages due to an EnvironmentError: [Errno 13] Permission denied: '/Library/Python/3.8' Consider using the `--user` option or check the permission 이를 다음의 명령..
-
[Python] URL Shortener #1 (feat. Django, Postman검증)Backend/Django 2021. 1. 4. 01:41
url shortener 웹 페이지 개발을 위한 삽질 기록입니다. https://bitly.com/ Bitly | Custom URL Shortener, Link Management & Branded Links Shorten, create and share trusted, powerful links for your business. Bitly's url and link shortener helps you with industry-leading features like custom domains, branded link and link redirects. bitly.com 위 사이트 처럼 url shortener를 만들어 긴 주소의 url을 압축해서 반환해주는 기능의 웹 페이지를 만들어 보겠습니다. url..
-
CORS 오류 해결(feat.REST API 통신 오류 )FullStack/Vue.js+Django 2021. 1. 3. 23:55
프론트와 백엔드를 REST API로 연결하여 개발할 때, 서버를 돌려 브라우저에서 확인해보면 CORS 오류를 마주할 때가 있습니다. Cross-Origin Resource Sharing CORS에러는 외부에서 다른 도메인이 내 로컬 서버에 데이터를 요청할 때 이를 허용하지 않아 생기는 오류입니다. 즉, Javascript의 동일 출처 정책에 따라 도메인이 다른 서버로부터 요청을 받으면, 보안 문제로 간주하여 CORS 이슈를 발생시키고 이를 차단합니다. 예를 들어 프론트(클라이언트) 서버는 localhost:8080이고 백엔드(외부) 서버는 localhost:8000이면, 포트가 달라서 CORS가 발생할 수 있습니다. 이러한 경우 외부 서버에서 보내는 요청의 헤더(Access-Control-Allow-Or..
-
[Python] Django 장고 새 프로젝트 만들기 (feat.웹 서버 띄우기)Backend/Django 2020. 12. 16. 00:27
들어가기에 앞서. Django는 장고라고 읽습니다. 디장고 아닙니다..... Django는 백엔드 프레임워크로 python 언어를 사용하여 개발합니다. 1. Python을 사용하는 이유 - 쉬워서 2. Django를 활용하는 이유 - 빠르고 간편하게 빌드할 수 있어서 따라서 Python언어로 백엔드 개발을 위한 Django 사용법에 대해서 알아보겠습니다. *참고: 텍스트 에디터는 VS Code를 사용, python 사전 설치 필요 프로젝트 생성 먼저 myproject라는 폴더 하나를 생성하고 VS Code로 열어줍니다. 그 다음 Terminal 창을 열어서(맨 위 메뉴바) 아래와 같은 명령어로 Django를 설치합니다. $ python -m pip install Django $ django-admin s..