9장. 유동: 개발자 포털
이 섹션에서는 마커의 다양한 요소, 연결 간 연결 및 개발자 포털에서 사용하는 방법에 대한 간단한 예제를 포함하여 3scale 시스템에서의 형식 지정 태그 및 작동 방법에 대한 정보를 제공합니다.
기본 사항에 대한 자세한 내용은 참조 문서를 참조하십시오.
9.1. 개발자 포털에서 스트라이프 사용
이 섹션에서는 레이아웃과 페이지에서 유동 마크업 처리를 활성화하는 방법을 설명합니다.
9.1.1. 플래티넘 활성화
유동 마크업 처리는 모든 부분 및 이메일 템플릿에 기본적으로 활성화됩니다. 레이아웃에서 활성화는 system_name 입력 필드 바로 아래에 확인란을 선택하여 수행됩니다. 그러나 페이지에서 사용하려면 페이지의 고급 옵션 섹션으로 이동해야 합니다.

Advanced options(고급 옵션 ) 섹션을 확장하고 현재 활성화된 확인란을 표시하기만 하면 됩니다. 이제부터 내부 엔진에서 모든 유동 마크업을 처리하고 Developer Portal(개발자 포털) 기본 제공 편집기에서도 유동체에 대한 코드 강조 표시를 추가합니다.
9.1.2. 페이지, 부분 및 레이아웃의 다른 사용
유동을 사용하는 것은 일반적으로 페이지, 부분 및 레이아웃마다 약간 다릅니다. 페이지 내에서 유동은 단일 사용 요소이지만 부분 및 레이아웃이 있는 유동은 개발자 포털의 재사용 가능한 요소입니다. 즉, 작은 변경이 있는 여러 레이아웃이나 부분적인 페이지를 다른 페이지에 적용하지 않고 일부 논리 유동 태그를 추가하고 사용자가 있는 페이지에 따라 레이아웃을 변경할 수 있습니다.
<!-- if we are inside '/documentation' URL -->
<li class="{% if request.request_uri contains "/documentation" %}active{% endif %}"><!-- add the active class to the menu item -->
<a href="/documentation">Documentation</a>
</li>9.1.3. CSS/JS와 함께 사용
유동 마크업은 HTML에서 뿐만 아니라 CSS 및/또는 JavaScript 코드로 쉽게 결합하여 더욱 제어가 가능합니다. 스타일시트 또는 JS에서 유동을 사용하려면 페이지로 생성하고 일반 페이지에서 활성화한 것과 동일한 단계를 따릅니다. 이렇게 하면 CSS에 조건부 마크업을 추가하거나 JavaScript에서 서버 측 데이터를 사용할 수 있습니다. 페이지의 콘텐츠 유형을 CSS 또는 JS로 설정하기만 하면 됩니다.