Django 유저 썸네일 구현

2022. 2. 16. 14:28카테고리 없음

반응형

출처 : https://www.inflearn.com/course/%ED%8C%8C%EC%9D%B4%EC%8D%AC-%EC%9E%A5%EA%B3%A0-%EC%9B%B9%EC%84%9C%EB%B9%84%EC%8A%A4/dashboard

 

장고(Django)를 배우기 시작한 입문자이시거나, 또는 배우고 싶은 생각이 있으신 분은 위 출처의 강의를 적극 추천드립니다!!!

 


 

easy-thumbnail을 활용하여 프로필 디폴트 이미지 구현

https://github.com/SmileyChris/easy-thumbnails

 

GitHub - SmileyChris/easy-thumbnails: Easy thumbnails for Django

Easy thumbnails for Django. Contribute to SmileyChris/easy-thumbnails development by creating an account on GitHub.

github.com

https://wikidocs.net/10485

 

10) 썸네일 이미지

[TOC] # 패키지 선택 [Django 썸네일 이미지 라이브러리 비교](https://djangopackages.org/grids/g/thumbnails/) 사이트에서 ...

wikidocs.net

 

#Terminal

pip install easy-thumbnails

 

#commons.py(=settings.py)

INSTALLED_APPS = [
    # Django Apps
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',

    # Third Apps
    'debug_toolbar',
    'bootstrap4',
    'django_pydenticon',
    'django_easythumbnails', # 추가

    # Local Apps
    'accounts',
    'insta',
  
]

# 후에 migrate를 해주어야 한다.

python manage.py migrate easy_thumbnails

 

 

# 템플릿 단에서 사용하기

#insta/templates/insta/user_page.html

        <div class="row mt-3">
            {% for post in post_list %}
                <div class="col-sm-4 mb-3">
                    <img src="{% thumbnail post.photo 256x256 crop %}" alt="{{ post.caption }}" style="width: 100%;%" />
                </div>
            {% endfor %}
        </div>

# thumbnail을 사용하면 url까지 작성하지 않아도 되고, 파일의 크기를 지정할 수 있다.

 

 

 

반응형