inflearn logo
강의

講義

知識共有

React を使用した Python/Django Web サービス開発完全ガイド

easy-thumbnailsを活用したユーザーページサムネイル処理の実装

easy-thumbnails 라이브러리 적용 시 이미지 주소 불러오기가 안되요

529

sh

投稿した質問数 5

0

안녕하세요. 강의 잘 듣고 있습니다.

easy-thumbnails 라이브러리를 템플릿에 적용하니 이미지가 보이지 않는 문제가 생깁니다. 페이지 소스를 보니 이미지 경로가 아예 안 불러와지는 것 같습니다. (라이브러리 적용 전에는 이미지 정상 출력)

강의와 깃헙 페이지를 참고하여 라이브러리 설치 및 settings.py 설정(INSTALLED_APPS 추가)하고 마이그레이션을 했는데도 그러네요.

템플릿 소스 코드와 페이지 소스코드는 다음과 같습니다.

뭐가 문제인지 힌트 주시면 감사하겠습니다.

 

템플릿 소스 코드

{% extends "ingstagram/layout.html" %}
{% load thumbnail %}

{% block content %}
<div class="container">
<div class="row pt-3 pb-3">
<div class="col-sm-3" style="text-align: center;">
<img src="{{ page_user.avatar_url }}" alt="" class="rounded-circle" style="width: 160px;"/>
</div>
<div class="col-sm-9">
{{ page_user.username }}
<a href="{% url 'accounts:edit_profile' %}" class="btn btn-secondary btn-sm">프로필 수정</a>
<hr/>
0 posts, 0 follows, 0 following
<hr/>
{{ page_user.name }}
</div>
<div class="row mt-3">
{% for post in post_list %}
<div class="col-sm-4">
<img src="{% thumbnail post.photo.url 256x256 crop %}" alt="{{ post.caption }}" style="width: 100%;"/>
</div>
{% endfor %}
</div>
</div>
</div>
{% endblock %}

 

 

페이지 소스 코드

<code>

    <div class="container">

        <div class="row pt-3 pb-3">

            <div class="col-sm-3" style="text-align: center;">

                <img src="/identicon/image/testuser/" alt="" class="rounded-circle" style="width: 160px;"/>

            </div>

            <div class="col-sm-9">

                seunghojeong

                <a href="/accounts/edit/" class="btn btn-secondary btn-sm">프로필 수정</a>

                <hr/>

                0 posts, 0 follows, 0 following

                <hr/>

                Daniel Jeong

            </div>

            <div class="row mt-3">

                    <div class="col-sm-4">

                        <img src="" alt="두 번째 테스트 포스팅#Django #Python #2022년3월" />

                    </div>

                    <div class="col-sm-4">

                        <img src="" alt="세번째 이미지" />

                    </div>

                    <div class="col-sm-4">

                        <img src="" alt="네 번째 이미지" />

                    </div>

                    <div class="col-sm-4">

                        <img src="" alt="다섯 번 째" />

                    </div>

            </div>

        </div>

    </div>

</code>

 

easy-thumbnails django templates react pycharm docker python

回答 2

1

sh

아 그렇군요! 이해와 해결이 동시에 됐습니다.

감사합니다.

1

pyhub

안녕하세요.

thumbnail 템플릿 태그를 통해서 빈 문자열이 생성되고 있네요. 이는 thumbnail 템플릿 태그 내부적으로 오류가 발생해서 빈 문자열이 그려진 듯 합니다.

아래와 같이 코드를 쓰셨는데요.

{% thumbnail post.photo.url 256x256 crop %}

공식문서를 보시면

https://github.com/SmileyChris/easy-thumbnails#manually-specifying-size--options

thumbnail 템플릿 태그의 첫번째 인자로 필드를 지정합니다. 그런데 쓰신 코드에서는 .url 속성을 통해 필드가 아닌 문자열을 지정하셨습니다. 아마도 이 부분이 이슈가 아닐까 싶습니다.

{% thumbnail post.photo 256x256 crop %}

위와 같이 써보시면 어떨까요?

화이팅입니다. :-)

안녕하세요.

0

48

1

[OneToOne Field Demo] get_user_model() 메서드를 활용해야 하는 이유?

0

272

1

useEffect 훅에서 else 유무에 따른 결과

0

211

1

useAxios 훅의 dependency array 설정

0

245

1

useEffect에서 변수 업데이트 관련 질문

0

381

1

rest_framework.generics.CreateAPIView의 model 속성 유무

0

266

1

bootstrap4

0

470

4

리뉴얼 강의가 오픈이 되면 기존 강의는 더이상 못보는걸까요

1

362

1

admin form에서 앞선 필드 선택 후 다른 필드 select widget 구성하는 방법

0

572

3

useState는 필수일까요?

0

261

1

python manage.py makemigrations instagram 시 created_at default 오류가 발생합니다.

0

596

4

Django allauth를 사용한 소셜 로그인 시 에러

0

654

1

프로젝트명 변경 뒤, 디버그툴바+디버그모드 사용 시 에러

0

552

2

useLocalStorage() 함수 사용여부

0

228

1

django에 LOGIN_URL = '/accounts/login/'의 의미?

0

447

1

리듀서의 의미 재확인

0

430

1

simple-jwt Refresh Token 사용 노하우

0

897

2

docker compose 를 통한 배포 관련 오류 문의

0

670

1

파이썬 속도 장고 관련 궁금한게 있습니다.

0

364

1

is_like_user

0

233

1

related_name 오류

0

272

1

re_path 오류

0

258

1

re_path url

0

249

1

No post matches the given query

0

659

2