Dbstudy: 주제 타이틀 배너 틀 생성

2026-11-04T04:24:13Z

주제 타이틀 배너 틀 생성

새 문서

<includeonly><div style="background:{{#if:{{{색상1|}}}|linear-gradient(135deg,{{{색상1}}} 0%,{{{색상2|{{{색상1}}}}}} 55%,{{{색상3|{{{색상2|{{{색상1}}}}}}}}} 100%)|{{#switch:{{{색상|파랑}}}|초록=linear-gradient(135deg,#0b4d40 0%,#118a72 55%,#16a085 100%)|주황=linear-gradient(135deg,#7a3e0c 0%,#c0620f 55%,#e67e22 100%)|보라=linear-gradient(135deg,#3b1a4f 0%,#6c3483 55%,#8e44ad 100%)|빨강=linear-gradient(135deg,#4a0e0e 0%,#8e1b1b 55%,#c0392b 100%)|갈색=linear-gradient(135deg,#6e2c00 0%,#a04000 55%,#d35400 100%)|회색=linear-gradient(135deg,#1c2833 0%,#34495e 55%,#5d6d7e 100%)|#default=linear-gradient(135deg,#0f2b46 0%,#1d4e7a 55%,#2b7bb9 100%)}}}};color:#ffffff;padding:32px 36px;border-radius:14px;margin-bottom:24px;box-shadow:0 4px 14px rgba(15,43,70,0.25);">{{#if:{{{부제|}}}|<div style="font-size:12px;letter-spacing:3px;opacity:0.75;margin-bottom:6px;">{{{부제}}}</div>}}<div style="font-size:30px;font-weight:700;line-height:1.3;">{{{제목|{{PAGENAME}}}}}</div>{{#if:{{{설명|}}}|<div style="font-size:15px;opacity:0.9;margin-top:10px;line-height:1.7;">{{{설명}}}</div>}}{{#if:{{{배지1|}}}|<div style="margin-top:18px;display:flex;flex-wrap:wrap;gap:8px;">{{#if:{{{배지1|}}}|<span style="background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);padding:4px 12px;border-radius:20px;font-size:12px;">{{{배지1}}}</span>}}{{#if:{{{배지2|}}}|<span style="background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);padding:4px 12px;border-radius:20px;font-size:12px;">{{{배지2}}}</span>}}{{#if:{{{배지3|}}}|<span style="background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);padding:4px 12px;border-radius:20px;font-size:12px;">{{{배지3}}}</span>}}{{#if:{{{배지4|}}}|<span style="background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);padding:4px 12px;border-radius:20px;font-size:12px;">{{{배지4}}}</span>}}{{#if:{{{배지5|}}}|<span style="background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);padding:4px 12px;border-radius:20px;font-size:12px;">{{{배지5}}}</span>}}{{#if:{{{배지6|}}}|<span style="background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);padding:4px 12px;border-radius:20px;font-size:12px;">{{{배지6}}}</span>}}</div>}}</div></includeonly><noinclude>
문서 상단에 표시하는 '''주제 타이틀 배너''' 틀입니다. 그라데이션 배경 위에 부제(영문 라벨), 제목, 설명, 배지를 표시합니다.

== 사용법 ==
<pre>
{{타이틀 주제
|부제 = DATA MODELING · FOUNDATION COURSE
|제목 = 데이터 모델링 입문
|설명 = 업무를 데이터로 표현하는 설계의 기술 — 개념부터 정규화, 물리 설계, 학습 로드맵까지<br/>처음 시작하는 사람을 위한 단계별 가이드
|색상 = 파랑
|배지1 = 난이도 · 입문
|배지2 = 학습기간 · 12주
|배지3 = 기준 DBMS · Oracle 19c
|배지4 = 연계 자격 · SQLD / DAsP
}}
</pre>

== 변수 ==
{| class="wikitable"
! 변수 !! 필수 !! 설명 !! 기본값
|-
| <code>부제</code> || 선택 || 제목 위에 작게 표시되는 라벨 (영문 대문자 권장) || 없음
|-
| <code>제목</code> || 선택 || 배너의 큰 제목 || 문서 이름
|-
| <code>설명</code> || 선택 || 제목 아래 설명. <code><br/></code>로 줄바꿈 가능 || 없음
|-
| <code>색상</code> || 선택 || 테마: 파랑 · 초록 · 주황 · 보라 · 빨강 · 갈색 · 회색 || 파랑
|-
| <code>색상1</code>~<code>색상3</code> || 선택 || 직접 색 지정 (예: <code>#0f2b46</code>). 지정하면 <code>색상</code>보다 우선 || 없음
|-
| <code>배지1</code>~<code>배지6</code> || 선택 || 하단 둥근 배지. 링크 사용 가능 (예: <code><nowiki>[[SQL 튜닝 입문]]</nowiki></code>) || 없음
|}
※ 값에 <code>=</code> 또는 <code>|</code>가 들어가면 각각 <code><nowiki>{{=}}</nowiki></code>, <code><nowiki>{{!}}</nowiki></code>로 쓰거나 <code><nowiki></code>로 감쌉니다.

== 색상 테마 미리보기 ==
{{#tag:div|<span style="display:inline-block;width:90px;padding:6px 0;text-align:center;color:#fff;border-radius:6px;background:linear-gradient(135deg,#0f2b46,#2b7bb9);">파랑</span> <span style="display:inline-block;width:90px;padding:6px 0;text-align:center;color:#fff;border-radius:6px;background:linear-gradient(135deg,#0b4d40,#16a085);">초록</span> <span style="display:inline-block;width:90px;padding:6px 0;text-align:center;color:#fff;border-radius:6px;background:linear-gradient(135deg,#7a3e0c,#e67e22);">주황</span> <span style="display:inline-block;width:90px;padding:6px 0;text-align:center;color:#fff;border-radius:6px;background:linear-gradient(135deg,#3b1a4f,#8e44ad);">보라</span> <span style="display:inline-block;width:90px;padding:6px 0;text-align:center;color:#fff;border-radius:6px;background:linear-gradient(135deg,#4a0e0e,#c0392b);">빨강</span> <span style="display:inline-block;width:90px;padding:6px 0;text-align:center;color:#fff;border-radius:6px;background:linear-gradient(135deg,#6e2c00,#d35400);">갈색</span> <span style="display:inline-block;width:90px;padding:6px 0;text-align:center;color:#fff;border-radius:6px;background:linear-gradient(135deg,#1c2833,#5d6d7e);">회색</span>}}

== 예시 ==
{{타이틀 주제
|부제 = DATA MODELING · FOUNDATION COURSE
|제목 = 데이터 모델링 입문
|설명 = 업무를 데이터로 표현하는 설계의 기술 — 개념부터 정규화, 물리 설계, 학습 로드맵까지<br/>처음 시작하는 사람을 위한 단계별 가이드
|배지1 = 난이도 · 입문
|배지2 = 학습기간 · 12주
|배지3 = 기준 DBMS · Oracle 19c
|배지4 = 연계 자격 · SQLD / DAsP
}}
{{타이틀 주제
|부제 = ORACLE SQL TUNING · FOUNDATION COURSE
|제목 = SQL 튜닝 입문
|설명 = SQL이 처리되는 원리부터 실행계획 읽기, 인덱스·조인 튜닝, 진단 도구까지
|색상 = 빨강
|배지1 = 난이도 · 입문
|배지2 = 학습기간 · 12주
}}

<templatedata>
{
"description": "문서 상단 주제 타이틀 배너 (그라데이션 배경 + 부제 + 제목 + 설명 + 배지)",
"format": "block",
"params": {
"부제": { "label": "부제", "description": "제목 위 작은 라벨", "type": "string", "suggested": true },
"제목": { "label": "제목", "description": "큰 제목", "type": "string", "default": "문서 이름", "suggested": true },
"설명": { "label": "설명", "description": "제목 아래 설명", "type": "content", "suggested": true },
"색상": { "label": "색상 테마", "description": "파랑, 초록, 주황, 보라, 빨강, 갈색, 회색", "type": "string", "default": "파랑", "suggestedvalues": ["파랑","초록","주황","보라","빨강","갈색","회색"] },
"색상1": { "label": "사용자 색 1", "description": "그라데이션 시작 색 (#hex)", "type": "string" },
"색상2": { "label": "사용자 색 2", "description": "그라데이션 중간 색", "type": "string" },
"색상3": { "label": "사용자 색 3", "description": "그라데이션 끝 색", "type": "string" },
"배지1": { "label": "배지 1", "type": "content", "suggested": true },
"배지2": { "label": "배지 2", "type": "content" },
"배지3": { "label": "배지 3", "type": "content" },
"배지4": { "label": "배지 4", "type": "content" },
"배지5": { "label": "배지 5", "type": "content" },
"배지6": { "label": "배지 6", "type": "content" }
}
}
</templatedata>

[[분류:틀]]
</noinclude>

틀:타이틀 주제 - 편집 역사

Dbstudy: 주제 타이틀 배너 틀 생성