[Django] npm으로 설치한 패키지 사용하는 방법(node_modules) npm으로 패키지를 설치하는 경우 node_modules폴더와 package.json 파일이 생성된다. 1. STATIC_URL 경로 안에 node_modules 폴더가 존재하는 경우 [구조] - 프로젝트 - 프로젝트 폴더 - settings.py - ... - static - node_modules - package.json - ... - manage.py - ...django templates에서 node_modules에 저장된 javascript/css 파일을 사용하기 위해서는 settings.py에 선언된 STATIC_URL 경로에 node_modules가 포함되어 있어야 한다. 즉, STATIC_URL = '..
Python/Django
[Django] SCSS/SASS 사용하는 방법 관련 패키지 설치 $ pip install libsass django-compressor django-sass-processor settings.py에 설정 추가 # settings.py INSTALLED_APPS = [ ... 'sass_processor', ... ] SASS_ROOT = os.path.join(BASE_DIR, 'static') SASS_PROCESSOR_ENABLED = True SASS_PROCESSOR_ROOT = os.path.join(BASE_DIR, 'static') SASS_OUTPUT_STYLE = 'compact' STATICFILES_FINDERS = ( 'django.contrib.staticfiles.finders..
[Django][fancytree] ajax로 서버에서 데이터 불러오기 사용 언어 Django 1.11.22 Python 2.7 ### 먼저, Fancytree에 ajax 로 서버에서 데이터를 갖고 올 수 있도록 source에 함수를 추가해 준다. source may be callback that returns one of the above data formats. source: function(event, data){ return [{title: "node1", ...}, ...]; } [참고] https://github.com/mar10/fancytree/wiki/TutorialLoadData#use-a-callback url과 type은 자신에게 맞게 변경해 준다. 여기서 async: false를 ..
[Django][React] Django와 React 설정하기 이 글은 http://v1k45.com/blog/modern-django-part-1-setting-up-django-and-react/ 를 번역한 글입니다. - 사용 언어 Django 1.11.22 Python 2.7 ReactJS ^16.8.6 1. Virtualenv 및 Django 설치 backend폴더 생성 후 virtualenv 설치 및 활성화$ mkdir backend $ cd backend $ virtualenv venv $ source venv/bin/activate virtualenv에서 django 설치 한 후 backend프로젝트 생성(venv) $ pip install django (venv) $ django-admin..
[Django] Django Rest API 특정 필드 제외하고 검색하기 Django rest api를 통해서 검색(GET)할 때, 매번 특정 필드를 제외하고 검색한 결과를 반환하려고 했다. 그동안 Rest api가 아닌 백엔드에서 Models 검색 시, defer를 이용해서 특정 필드를 제외했었다. 모델.objects.defer('필드명') # ex) User.objects.defer('age') API 구축하면서 아래와 같이 그대로 views.py에 적용해 보았지만 원하는 결과를 얻지 못했었다. from rest_framework import viewsets from .serializers import UserSerializer from .models import User class UserViewS..
[Django][RestAPI] Image Path로 서버에 이미지 업로드하기 서버에서는 사용자 PC에 있는 이미지의 경로만 갖고 해당 위치의 이미지를 서버로 복사(이동)할 수 없다. 파일 열기(불러오기)기능을 하는 을 이용하면 가능하지만, JS에서 서버로 넘긴 path만으로는 Chrome에서 사용자 PC에 접근을 막았기(fakepath, Chrome보안정책) 때문에 불가능했다. Electron(NodeJS)에서 서버로 RestAPI(Django Rest FrameWork)를 통해서 이미지 경로만 갖고 여러 개의 이미지를 한번에 전송하려면 base64로 인코딩(encode/encoding)한 값을 서버로 전달 한 후 서버에서 base64를 이미지로 디코딩(decode/decoding)해주면 된다. 먼저,..
