room_card.html and model function

templates

mixins/room_card.html

  나는 room.get_first_photo와 room.get_review_points를 사용했다. 이 method는 rooms/models.py에 정의되어 있다.

<ul>
  {% for room in rooms %}
    <li>
      <a href="#">
        <div style="background-image:url('{{room.get_first_photo}}')">
        picture
          <div>
            {% if room.host.superhost %}
              <span>Superhost</span>
            {% endif %}
          </div>
        </div>
        <div>
          <div>
            <i class="fas fa-star"></i>
            <span>{{room.get_review_points}}</span>
            <span>({{room.reviews.count}})</span>
          </div>
          <div>
            {{room.country}} &bull; {{room.address}}
          </div>
        </div>
      </a>
      <a href="#">
        <i class="far fa-heart"></i>
      </a>
    </li>
  {% endfor %}
</ul>

rooms/models.py

home page

참고 자료

• 노마드 코더의 Airbnb 클론 강의

소스 코드

github.com/zpskek/airbnb-clone-v3/commit/509e5df373712be95d6e08045253cea75fce9cbc