IT/django(장고) (13) 썸네일형 리스트형 [django]장고 개발_12 - static css 적용하기 이번에는 간단하게 static 경로로 css를 적용시켜보겠어요. web/static 디렉터리와 base.css를 생성해주세요. a { color:red; } 그리고 base.css 에 간단하게 소스를 넣어주세요. {% load static %} {% block content %} {% endblock %} base.html에 {% load static %} , link를 추가해주세요. 그럼 간단하게 css가 변경되는 걸 확인할 수 있어요. [django]장고 개발_11 - setting 환경 나누기 setting 파일 나누기 설정을 해놓으면 로컬에서 개발할 때와 서버에서 배포할 파일의 설정을 따로 나눠서 사용할수 있다는 장점이 생겨요. 기존에 settings.py 파일이 위치하고 있는 폴더에 settings 폴더를 생성하고 __init__, base, local, production 파일을 생성해 주세요. 이제 settings.py 의 내용을 그대로 base.py에 복사를 해서 넣어주고, 각각의 환경마다 다르게 사용될 설정은 base.py에서 제거하고 환경에 따라 작성해주세요. 저는 DEBUG , ALLOWED_HOSTS , DATABASES 만 분리 해주도록 할게요. local.py의 분리한 내용이고 from .base import * 를 적어서 base을 import 했어요. Django pro.. [django]장고 개발_10 - 소셜 로그인 구현(google) 소셜 로그인은 소셜 서버에서 request를 보내고 token을 주고받으며 로그인 과정을 진행하게 돼요. 먼저 새로운 프로젝트를 만들어서 진행할게요. 소셜 로그인을 구현하기 위해서는 pip 패키지를 설치해야 돼요. pip install django-allauth 가상환경에서 패키지를 설치해주세요. setting.py 파일에서 INSTALLED_APPS에 추가 allauth는 install한 내용 provider는 어느 소셜 서버와 소통할지 결정 providers. 원하는 소셜 로그인을 적어주세요. 맨 아래로 내려가서 #소셜로그인 AUTHENTICATION_BACKENDS = ( 'django.contrib.auth.backends.ModelBackend', 'allauth.account.auth_back.. [django]템플릿 언어 템플릿 언어에 대해서 알아보겠어요. 템플릿 언어란 파이썬 변수 및 문법을 html 안에서 쓸 수 있도록 장고에서 제공하는 언어이고 직관적으로 언어가 구성되어 있어요. 변수 변수를 템플릿 언어로 쓰기 위해선 {{변수}}, 다음과 같은 형태로 표현해요. 일반적인 변수들과 같이 띄어쓰기는 허용이 안되며 _와 대소문자를 이용해서 표현해요. ' . ' 를 이용해서 변수의 속성으로 접근할 수 있어요. ex) {{app.title}} 필터 필터로 인해서 변수에 여러 가지 효과를 줄 수 있어요. 필터는 | (파이프)를 이용해서 적용할 수 있어요. 필터 레퍼런스 30개 정도의 필터를 볼 수 있어요. https://django-doc-test-kor.readthedocs.io/en/old_master/ref/templat.. [django]장고 개발_9 - 썸네일 , pagination 썸네일을 만들기 먼저 설치해야 될 게 있어요 pip install pillow pip install pilkit pip install django-imagekit 이 세가지를 설치하시는데 각 각 썸네일을 만드는데 도움을 줘요. pillow - PIL(Python Imaging Libarary)를 fork 한 것으로, 파이썬 이미지 처리를 도와줘요. pillkit - PIL, pillow를 쉽게 사용하게 도와줘요. django-imagekit - 이미지 썸네일 만드는 것을 도와줘요. pip freeze를 사용해서 잘 설치가 되었는지 확인을 해주시고, INSTALLED_APPS = [ .... 'imagekit', ] 프로젝트 settings.py 에서 가서 imagekit을 추가해주세요. from imag.. [django]장고 개발_8 - 이미지 저장,이미지 삭제 이미지를 저장 하기해서는 먼저 가상 화경에서 pip install Pillow를 설치해주셔야 돼요. MEDIA_URL = '/uploads/' MEDIA_ROOT = os.path.join(BASE_DIR, 'uploads') 그리고 프로젝트 web/settings.py에서 파일이 저장되는 경로를 입력해주세요. class Post(models.Model): author = models.ForeignKey(settings.AUTH_USER_MODEL, on_delete=models.CASCADE) title = models.CharField(max_length=200) text = models.TextField() created_date = models.DateTimeField( default=timezo.. 이전 1 2 3 다음
