Web82

• 

  Django - admin 페이지 커스터마이징 from django.contrib import admin from .models import Question, Choice class ChoiceInline(admin.TabularInline): model = Choice # 모델 Choice 등록 extra = 3 # 보여질 갯 수 class QuestionAdmin(admin.ModelAdmin): inlines = [ChoiceInline] admin.site.register(Question, QuestionAdmin) 참고자료 https://wayhome25.github.io/django/2017/03/22/django-ep8-django-admin/ Web/Django 2019. 10. 29.

• 

  Django Trend 프로젝트 정리 Trend 프로젝트는 네이버, 다음, 구글의 인기검색어들을 한 페이지에서 확인 할 수 있는 웹사이트를 만들고자 시작한 프로젝트입니다. 이번 프로젝트에서는 Django의 CRUD 활용보다는 크롤링으로 가져온 데이터들을 화면에 뿌려주는 것을 중심적으로 공부해보려고 노력하였습니다. 그 결과 bs4와 셀레니움으로 데이터를 가져와보려고 노력하였고, 그 중 bs4를 사용하기로 결정하였습니다. 가장 첫 번째로 제 발목을 잡은 것은 동적으로 페이지를 로드하는 사이트들이였습니다. 그 부분에서 셀레니움을 사용하여 해결하려고 했으나 잘 찾아보니 동적으로 가져와서 정적으로 박히는 부분이 있어서 해당 부분을 bs4를 이용하여 가져왔습니다. 두 번째로는 bs4의 클래스 이름으로 데이터를 가져오는 부분에서 사이트마다 2개의 클래스.. Web/Django 2019. 10. 11.

• $emit 자식컴포넌트에서 부모컴포넌트로 보내는 신호 $emit // User.vue (부모) // UserEdit.vue (자식) // 오류가 발생한다. 위와 같은 오류 발생 시에는 그 값을 자식컴포넌트 내에서 가공한 이후에 그 가공된 값을 텍스트필드에 넣어주어야한다. 자식컴포넌트 내에 User라는 오브젝트를 만들어주고, create를 이용해서 받아온 props를 이 컴포넌트가 생성될 때 UserEdit 컴포넌트 내에있는 User 오브젝트에 그 값들을 넣어서 사용해보겠습니다. 부모 컴포넌트 내에서 자식컴포넌트로 props 를 통해서 name 이라는 값을 전달했다. 이 name을 자식컴포넌트 내에서는 자기의 데이터를 user라는 오브젝트 내에 집어넣었고, user.name 이라는 값을 텍스트 필드에 연결하였습니다... Web/Vue.js 2019. 9. 18.

• 

  부모-자식 간에 데이터 전달 Props 컴포넌트들 간에 데이터를 주고받을 수 있는 방법에 대해 알아보겠습니다. User 컴포넌트 이름: {{ name }} // {{ name }} 을 data() {} 에서 가져온다. 이름 변경 // v-btn은 vuetify 문법, @click 시 methods의 changeName() 호출 부모(User.vue)가 가지고 있는 정보를 {{ name }} 을 자식(UserDetail.vue, UserEdit.vue)에게 전달해주는 것을 Props 부모 컴포넌트에서 자식 컴포넌트로 어떤 정보를 넘겨줄 때 사용합니다. Props 부모(User.vue)에게서 전달하고자 하는 값을 왼쪽에서 자식에게 선언되는 Props 의 변수명이 선언되고, 그 변수에 어떤 값을 넣어줄거냐? 라는 값이 오른쪽에 적히게 된다. 부모 .. Web/Vue.js 2019. 9. 13.

• 

  CLI 와 파일에 대한 설명, Vuetify 설치, 컴포넌트 생성 및 사용 node_modules 안에는 많은 폴더들이 들어있다. 2.x 대 버전에서는 원래는 npm instlal 이라는 명령어를 통해서 node_module을 설치해야 한다. 자바스크립트 프레임워크는 여러가지 부품을 가지고 조립을 한다라고 생각하면 되고, node_modules는 그 부품들을 모아놓은 곳이라고 생각하면 된다. node_modules 를 설치할게 무엇이고, 버전정보를 적어두는 곳이 package.json 이라고 생각하면 된다. 어떤 프로젝트는 A라는 모듈이 필요하고, ~버전을 사용중이다 라는 걸 정의해주고 npm run serve를 통해서 로컬 호스트 8080 포트에 프로젝트를 올릴 수 있따. public 폴더 index.html : 기본이 되는 .html src : 폴더 안에 컴포넌트들과 vue.. Web/Vue.js 2019. 9. 12.

• 

  설치하기 설치하기 Vue (사전에 node.js 가 설치되어있어야 된다.) > npm install -g @vue/cli // vue cli 설치하기 > vue --version 으로 설치되었는지 확인이 가능하다. Vuetify를 작업하기 위한 폴더를 생성하고, Visual Studio Code로 폴더를 지정하고, 터미널에서 개발 환경에 대한 디테일한 것들을 선택할 수 있다. 스페이스로 선택하고, 다음으로 넘어갈 땐 Enter 타이핑 > vue create [Name] > Manually select features > > ESLint with error prevention only > Lint on save > In package.json > n 위 처럼 명령을 작성하면 설치가 시작된다. 설치가 완료되면 사진과.. Web/Vue.js 2019. 9. 12.

• 

  Django Allauth 소셜로그인 정리 1. URL name은 {% url 'account_signup' %} 이런식으로 사용이 가능하다. 2. 라이브러리 allauth 에서 제공하는 라이브러리는 아래와 같다. {% load socialaccount %} hello world {% if user.is_authenticated %} {{ user }}님이 로그인중입니다. {% for account in user.socialaccount_set.all %} {% comment %} show avatar from url {% endcomment %} {{ account.provider }} account data UID: {{ account.uid }} Username: {{ account.extra_data.username }} First Nam.. Web/Django 2019. 9. 6.

• Django - 소셜 로그인 추가하기(allauth, facebook,google) 전에 포스팅했던 Naver 로그인 기능에 이어 facebook도 추가해보겠습니다. https://newbiecs.tistory.com/195 Django - 소셜 로그인 추가하기(allauth, naver) 1. 설치하기 * pip install django-allauth 2. settings.py INSTALLED_APPS = [ 'django.contrib.sites', 'allauth', 'allauth.account', # 가입한 계정 관리 'allauth.socialaccount', # 소셜 계정으로 가입한 계.. newbiecs.tistory.com https://ldgeao99.tistory.com/117 48. (app3) Django 소셜로그인 구현하기(페이스북, 다른건 응용가능) 0. .. Web/Django 2019. 9. 6.

• 

  Django - Nginx설치 배포 EC2 인스턴스에서 Nginx설치 후 배포 방법까지 1. Nginx 설치 $ sudo apt-get update $ sudo apt-get install nginx $ systemctl status nginx 2. 계정 설정 리눅스 기반 시스템은 철저히 계정 기반으로 운영됩니다. 장고 웹 어플리케이션을 동작 시키기 위한 전용 그룹과 계정을 만들도록 하겠습니다. 그룹생성 $ sudo groupadd djangogroup 유저추가 $ sudo useradd -g djangogroup -b /home -m -s /bin/bash django 웹 서비스 코드를 업로드할 폴더를 생성 $ sudo mkdir -p /var/www/onlineshop 해당 폴더를 django유저와 djangogroup그룹에 소유권을 .. Web/Django 2019. 8. 27.

• Django - Slug 슬러그란? 슬러그는 페이지나 포스트를 설명하는 핵심 단어의 집합입니다. 원래 신문이나 잡지 등에서 제목을 쓸 때 중요한 의미를 포함하는 단어만을 이용해 제목을 작성하는 방법을 말한다. 웹 개발 분야에서는 콘텐츠의 고유주소로 사용되어, 콘텐츠의 주소가 어떤 내용인지를 쉽게 이해할 수 있도록 한다. 보통 슬러그는 페이지나 포스트의 제목에서 조사, 전치사, 쉼표, 마침표 등을 빼고 띄어쓰기는 하이폰(-) 으로 대체해서 만들어 URL에 사용된다. 슬러그를 URL에 사용함으로써 검색 엔진에서 더 빨리 페이지를 찾아주고 검색엔진의 정확도를 높여준다. SlugField 타입 슬러그는 보통 제목의 단어들을 하이폰으로 연결해 생성하며, URL에서 pk 대신으로 사용되는 경우가 많다. pk를 사용하면 숫자로만 되어 있어 .. Web/Django 2019. 8. 23.

• 

  Django - Vue.js와 연동하기 todo 앱을 생성해주고, 초기설정(superuser)을 해준 뒤 1. 모델 만들기 # todo/models.py from django.db import models class Todo(models.Model): title = models.CharField(max_length=100) completed = models.BooleanField() def __str__(self): return self.title python manage.py makemigrations python manage.py migrate 2. 관리자 페이지 등록하기 # todo/admin.py from django.contrib import admin from .models import Todo class TodoAdmin(admi.. Web/Django 2019. 8. 21.

• 

  Django - 소셜 로그인 추가하기(allauth, naver) 1. 설치하기 * pip install django-allauth 2. settings.py INSTALLED_APPS = [ 'django.contrib.sites', 'allauth', 'allauth.account', # 가입한 계정 관리 'allauth.socialaccount', # 소셜 계정으로 가입한 계정 관리 'allauth.socialaccount.providers.naver', # 어떤 소셜 서비스를 사용하는지 추가 ] AUTHENTICATION_BACKENDS = ( 'django.contrib.auth.backends.ModelBackend', 'allauth.account.auth_backends.AuthenticationBackend', ) SITE_ID = 1 LOGIN_RED.. Web/Django 2019. 8. 17.