i. If/Else
Liquid 라이브러리의 If-Else-Unless 구조를 사용하면 전통적인 프로그래밍 언어처럼 HTML 문을 분기할 수 있습니다. 구현이 쉽고 몇 단계만 거치면 됩니다.
아래 예시는 포털에서 로그인한 사용자와 로그아웃한 사용자에게 다른 링크를 보여주기 위해 If-Else 구조를 만드는 방법을 보여줍니다.
{% if portal.user %}
<a href="{{ portal.profile_url }}">프로필 수정</a></span>
<a href="{{ portal.logout_url }}">로그아웃</a>
{% else %}
<a href="{{ portal.login_url }}">로그인</a>
<a href="{{ portal.signup_url }}">회원가입</a></span>
{% endif %}
ii. Cases:
Liquid Cases는 인기 있는 프로그래밍 언어에서 사용되는 switch case와 유사합니다. 단일 표현식을 여러 값과 비교하고, 각각의 값에 따라 다른 문으로 분기합니다.
{% case forum.type_name %}
{% when ‘announcement’ %}
<!-- 공지사항 포럼 스타일 -->
{% when ‘ideas’ %}
<!-- 아이디어 포럼 스타일 -->
{% when ‘questions’ %}
<!-- 질문 포럼 스타일 -->
{% when ‘problems’ %}
<!-- 문제 포럼 스타일 -->
{% else %}
<!-- 기본 포럼 스타일 -->
{% endcase %}
Switch case는 솔루션 카테고리나 포럼 주제 유형에 따라 다른 스타일을 제공하고자 할 때 특히 유용합니다.