<span class="sr-only">{{ site.data.strings.navigation | default:"Navigation" }}{{ site.data.strings.colon | default:":" }}</span>
<!--
  `site.data.strings.변수_명`는 `_data/strings.yaml` 파일에서 `변수_명` 값을 가져옵니다. `_data`는 상수(constant)를 저장하는 경로이며 그 중에서도 `strings.yaml` 파일은 문자열로 상수를 저장하는 파일입니다.
-->
<ul>
  {% assign pages = site.pages | where: "menu", true %}
  {% assign documents = site.documents | where: "menu", true %}
  {% assign nodes = pages | concat: documents | sort: "order" %}
  <!--
    `assign`: 변수를 지정하는 태그입니다.
    `where`: 배열의 원소의 요소 값을 기준으로 거르는 필터입니다.
    `comment`, `endcomment`: 주석으로 처리하는 태그입니다.
  -->
  {% for node in nodes %}
  <!-- `nodes` 배열에서 원소들을 뽑아 `node` 에 지정하는 for 문입니다. 파이썬과 비슷한 모습을 가지고 있습니다. -->
    {% unless node.redirect_to %}
    <!-- `unless`: if의 반대입니다. `if not < 표현식 >`으로 생각하면 됩니다. -->
      <li>
        <a
          {% if forloop.first %}id="_navigation"{% endif %}
          <!-- forloop: for 루프에 관한 정보를 담고 있습니다. -->
          href="{{ node.url | relative_url }}"
          <!-- relative_url: 상대 주소로 만들어주는 필터입니다. -->
          class="sidebar-nav-item{% if page.url contains node.url %} active{% endif %}"
          <!-- 링크 중 현재 페이지가 해당 페이지이면 `active` 클래스를 추가합니다. -->
          {% if path.rel %}rel="{{ node.rel }}"{% endif %}
          >
          {{ node.title }}
        </a>
      </li>
    {% else %}
      <li>
        <a href="{{ node.redirect_to }}" class="sidebar-nav-item external" >{{ node.title }}</a>
        <!-- 리다이렉트 페이지가 링크되어 있으면 해당 링크로 넘겨줍니다. -->
      </li>
    {% endunless %}
  {% endfor %}
</ul>

<!-- 생략 -->
<ul>
  {% for category in site.categories %}
    <!-- site.categories 에는 사이트 내 페이지들의 카테고리 별 페이지 목록이 담겨있습니다. -->
    <li><a href="/category/{{ category | first }}"><strong>{{ category | first }}</strong></a></li>
    <!-- {{ category | first }} 는 카테고리의 이름이 들어있습니다. -->
  {% endfor %}
</ul>
<!-- 생략 -->

---
layout: default
---
{% assign category = page.category | default: page.title %}
<!-- 현재 페이지의 `category` 요소를 가져옵니다. 없다면 페이지 제목을 가져옵니다. 이를 `category` 변수에 할당합니다. -->
<ul>
  {% for post in site.categories[category] %}
  <!-- 사이트에서 `category` 카테고리인 페이지들을 가져와 `post`에 할당하는 for문 입니다. -->
    <li>
      <a href="{{ post.url }}"> {{ post.title }} </a>
      <!-- `post` 제목을 표시하고 해당 글의 URL을 링크합니다. -->
      <small>{{ post.date | date_to_string }}</small>
      <!-- 글이 쓰여진 날짜를 문자열로 바꿔 표시합니다. -->
    </li>
  {% endfor %}
</ul>

---
layout: category
category: Jekyll
title: Jekyll
---

---
layout: default
title: Category
---
<ul>
  {% for category in site.categories %}
    <li><a href="/category/{{ category | first }}"><strong>{{ category | first }}</strong></a></li>
  {% endfor %}
</ul>

<ul>
  <li><a href="/category"><strong>Category</strong></a></li>
  <li><a href="/posts"><strong>Posts</strong></a></li>
</ul>