230413 장고 팀 프로젝트 [TIL]

마이구미+ 2023. 4. 13. 20:48

<오늘의 문제>

- 이미지를 올려서 DB에 저장되었으나 화면에 보이지 않는 오류

위 사진처럼 사진을 올렸으나..프로필을 설정했으나....프로필이 없으면 기본 사진이 나오게 설정했으나... 사진이 뜨지 않는다...!
구글링을 하고...고민을 하고....구글링을 하다가....결국 해결 못해서 튜터님을 찾아갔다
튜터님도 어디가 문제인지 찾으시다가...!!! 발견을 했다...!

# feed-page.html
<!-- 작성자정보 -->
<div id="post-create-user">

  <header class="head-main-box">
    <div id="post-user">
      {% if post.author.profile_photo != None %}
      <a href="#">
        <span class="photo2">
          <img src="{{ post.author.profile_photo }}" alt="profile-photo"
            style="height: 42px; width: 42px" />
        </span>
      </a>
      {% else %}
      <a href="#">
        <span class="photo2">
          <img src="{% static 'images/post/noavatar.png' %}" alt="profile-no-photo"
            style="height: 42px; width: 42px" />
        </span>
      </a>
      {% endif %}
      
<-- 중략 -->

<!-- 피드화면 -->
  <div class="post-image1">
    {% if post.image != None %}
    <div class="post-image2">
      <img src="{{ post.image }}" alt="post-image" crossorigin="anonymous" decoding="auto" sizes="468px"
        style="object-fit: cover" />
    </div>
    {% else %}
    <div class="post-image2">
      <img src="{% static 'images/post/mainlogo.png' %}" alt="post-image" crossorigin="anonymous"
        decoding="auto" sizes="468px" style="object-fit: cover" />
    </div>
    {% endif %}

프로필 사진이 있는지, 글 작성할 때 사진을 업로드 했는지 찾는 조건문에 != None 으로 되어 있던 게 문제였다
튜터님이 말씀하시기를.. 프사가 없는 부분에 None 이 아니라 Null로 되어 있을 수도 있고 다른 걸로 되어 있을 수도 있으니 이중 부정보다는 그냥 if 프로필사진 있으면 / if 사진 업로드 했으면 이렇게 바꾸는 게 좋겠다고 하셨다
오 이렇게 하니 프사가 없거나 사진을 올리지 않았을 때 기본으로 뜨는 사진은 나왔다