이번에는 웹 사이트를 열었을 때 사이즈를 줄이면 히든 메뉴가 나옵니다. 히든 메뉴에는 표시된 내용은 팔로잉(내가 팔로우를 누른) 사람들이 표시가 됩니다.

그리고 사이드 박스에 보시면 팔로잉 한 사람이 새로운 글을 올리면 그 글을 순서대로 뿌려주는 공간을 만들었습니다.

회원님을 위한 추천은 팔로우, 팔로잉과 상관없이 최근에 올라온 글 중 몇 번째 글을 표시해줍니다.

post_list.html에서 hidden 메뉴를 작성합니다.

파일명 : post/templates/post/post_list.html

{% block content %}

<!-- hidden -->
**{% if user.profile.get_following %}
<div class="hidden_menu">
    <div class="scroll_inner">
        {% for following in user.profile.get_following %}

        <div class="user">
            <div class="thumb_img">
                {% if following.picture %}
                <img src="{{ following.picture.url }}" alt="{{ following.nickname }}의 프로필 이미지">
                {% else %}
                <img src="{% static 'imgs/thumb.jpeg'%}" alt="{{ following.nickname }}의 프로필 이미지">
                {% endif %}
            </div>
            <div class="id">{{ following.nickname }}</div>
        </div>

        {% endfor %}
    </div>
</div>

{% else %}

<div class="hidden_menu">
    <div class="scroll_inner">
        <div class="notic">
            팔로우한 유저가 없습니다 팔로우를 해주세요
        </div>
    </div>
</div>

{% endif %}**

<!-- main -->
<section id="main_container">
    ...
</section>

{% include "post/script_ajax.html" %}
{% endblock %}

이제 팔로우한 유저들이 히든 메뉴에 잘 보입니다.

이제 스토리 부분을 수정하도록 하겠습니다.