https://dbstudy.co.kr/w/index.php?action=history&feed=atom&title=%ED%8B%80%3A%EB%8B%A8%EA%B3%84%EB%B3%84%EC%96%91%EC%8B%9D2
틀:단계별양식2 - 편집 역사
2026-11-04T07:54:45Z
이 문서의 편집 역사
MediaWiki 1.39.10
https://dbstudy.co.kr/w/index.php?title=%ED%8B%80:%EB%8B%A8%EA%B3%84%EB%B3%84%EC%96%91%EC%8B%9D2&diff=1997&oldid=prev
Dbstudy: 색상 타일형 단계 틀 생성
2026-11-04T04:29:18Z
<p>색상 타일형 단계 틀 생성</p>
<p><b>새 문서</b></p><div><includeonly><div style="display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;">{{#if:{{{제목1|}}}|<div style="flex:1 1 {{{최소너비|140px}}};background:{{#switch:{{{색상1|파랑}}}|파랑=#2b7bb9|초록=#16a085|주황=#e67e22|보라=#8e44ad|빨강=#c0392b|갈색=#d35400|회색=#7f8c8d|남색=#1d4e7a|#default={{{색상1|파랑}}}}};color:#fff;border-radius:8px;padding:12px;text-align:center;"><b>{{{제목1}}}</b>{{#if:{{{설명1|}}}|<br/><span style="font-size:12px;">{{{설명1}}}</span>}}</div>}}{{#if:{{{제목2|}}}|<div style="flex:1 1 {{{최소너비|140px}}};background:{{#switch:{{{색상2|초록}}}|파랑=#2b7bb9|초록=#16a085|주황=#e67e22|보라=#8e44ad|빨강=#c0392b|갈색=#d35400|회색=#7f8c8d|남색=#1d4e7a|#default={{{색상2|초록}}}}};color:#fff;border-radius:8px;padding:12px;text-align:center;"><b>{{{제목2}}}</b>{{#if:{{{설명2|}}}|<br/><span style="font-size:12px;">{{{설명2}}}</span>}}</div>}}{{#if:{{{제목3|}}}|<div style="flex:1 1 {{{최소너비|140px}}};background:{{#switch:{{{색상3|주황}}}|파랑=#2b7bb9|초록=#16a085|주황=#e67e22|보라=#8e44ad|빨강=#c0392b|갈색=#d35400|회색=#7f8c8d|남색=#1d4e7a|#default={{{색상3|주황}}}}};color:#fff;border-radius:8px;padding:12px;text-align:center;"><b>{{{제목3}}}</b>{{#if:{{{설명3|}}}|<br/><span style="font-size:12px;">{{{설명3}}}</span>}}</div>}}{{#if:{{{제목4|}}}|<div style="flex:1 1 {{{최소너비|140px}}};background:{{#switch:{{{색상4|보라}}}|파랑=#2b7bb9|초록=#16a085|주황=#e67e22|보라=#8e44ad|빨강=#c0392b|갈색=#d35400|회색=#7f8c8d|남색=#1d4e7a|#default={{{색상4|보라}}}}};color:#fff;border-radius:8px;padding:12px;text-align:center;"><b>{{{제목4}}}</b>{{#if:{{{설명4|}}}|<br/><span style="font-size:12px;">{{{설명4}}}</span>}}</div>}}{{#if:{{{제목5|}}}|<div style="flex:1 1 {{{최소너비|140px}}};background:{{#switch:{{{색상5|회색}}}|파랑=#2b7bb9|초록=#16a085|주황=#e67e22|보라=#8e44ad|빨강=#c0392b|갈색=#d35400|회색=#7f8c8d|남색=#1d4e7a|#default={{{색상5|회색}}}}};color:#fff;border-radius:8px;padding:12px;text-align:center;"><b>{{{제목5}}}</b>{{#if:{{{설명5|}}}|<br/><span style="font-size:12px;">{{{설명5}}}</span>}}</div>}}{{#if:{{{제목6|}}}|<div style="flex:1 1 {{{최소너비|140px}}};background:{{#switch:{{{색상6|빨강}}}|파랑=#2b7bb9|초록=#16a085|주황=#e67e22|보라=#8e44ad|빨강=#c0392b|갈색=#d35400|회색=#7f8c8d|남색=#1d4e7a|#default={{{색상6|빨강}}}}};color:#fff;border-radius:8px;padding:12px;text-align:center;"><b>{{{제목6}}}</b>{{#if:{{{설명6|}}}|<br/><span style="font-size:12px;">{{{설명6}}}</span>}}</div>}}{{#if:{{{제목7|}}}|<div style="flex:1 1 {{{최소너비|140px}}};background:{{#switch:{{{색상7|갈색}}}|파랑=#2b7bb9|초록=#16a085|주황=#e67e22|보라=#8e44ad|빨강=#c0392b|갈색=#d35400|회색=#7f8c8d|남색=#1d4e7a|#default={{{색상7|갈색}}}}};color:#fff;border-radius:8px;padding:12px;text-align:center;"><b>{{{제목7}}}</b>{{#if:{{{설명7|}}}|<br/><span style="font-size:12px;">{{{설명7}}}</span>}}</div>}}{{#if:{{{제목8|}}}|<div style="flex:1 1 {{{최소너비|140px}}};background:{{#switch:{{{색상8|남색}}}|파랑=#2b7bb9|초록=#16a085|주황=#e67e22|보라=#8e44ad|빨강=#c0392b|갈색=#d35400|회색=#7f8c8d|남색=#1d4e7a|#default={{{색상8|남색}}}}};color:#fff;border-radius:8px;padding:12px;text-align:center;"><b>{{{제목8}}}</b>{{#if:{{{설명8|}}}|<br/><span style="font-size:12px;">{{{설명8}}}</span>}}</div>}}</div></includeonly><noinclude><br />
단계·분류를 '''색이 채워진 타일'''로 나란히 보여주는 틀입니다. 최대 8개까지 표시하며 화면이 좁으면 자동으로 줄바꿈됩니다. 카드형이 필요하면 [[틀:단계양식]]을 사용합니다.<br />
<br />
== 사용법 ==<br />
<pre><br />
{{단계별양식2<br />
|제목1 = 1NF |설명1 = 원자값 · 반복그룹 제거<br />
|제목2 = 2NF |설명2 = 부분 종속 제거<br />
|제목3 = 3NF |설명3 = 이행 종속 제거<br />
|제목4 = BCNF |설명4 = 모든 결정자가 후보키<br />
|제목5 = 4NF · 5NF |설명5 = 다치 · 조인 종속 제거<br />
}}<br />
</pre><br />
<br />
== 변수 ==<br />
{| class="wikitable"<br />
! 변수 !! 필수 !! 설명 !! 기본값<br />
|-<br />
| <code>제목1</code>~<code>제목8</code> || 제목1 필수 || 타일 제목 (굵게 표시). 입력한 것만 표시. 링크 가능 || 없음<br />
|-<br />
| <code>설명1</code>~<code>설명8</code> || 선택 || 제목 아래 작은 설명 || 없음<br />
|-<br />
| <code>색상1</code>~<code>색상8</code> || 선택 || 파랑 · 초록 · 주황 · 보라 · 빨강 · 갈색 · 회색 · 남색, 또는 #hex || 파랑 → 초록 → 주황 → 보라 → 회색 → 빨강 → 갈색 → 남색 순<br />
|-<br />
| <code>최소너비</code> || 선택 || 타일 최소 너비 || 140px<br />
|}<br />
※ 링크를 넣을 때 흰 글씨가 잘 보이도록 <code><nowiki>[[문서|<span style="color:#fff">표시</span>]]</nowiki></code> 형태를 권장합니다.<br />
<br />
== 예시 ==<br />
=== 기본 (정규형 단계) ===<br />
{{단계별양식2<br />
|제목1 = 1NF |설명1 = 원자값 · 반복그룹 제거<br />
|제목2 = 2NF |설명2 = 부분 종속 제거<br />
|제목3 = 3NF |설명3 = 이행 종속 제거<br />
|제목4 = BCNF |설명4 = 모든 결정자가 후보키<br />
|제목5 = 4NF · 5NF |설명5 = 다치 · 조인 종속 제거<br />
}}<br />
<br />
=== 색상·너비 지정 (튜닝 절차) ===<br />
<pre><br />
{{단계별양식2<br />
|최소너비 = 120px<br />
|제목1 = ① 식별 |설명1 = 대상 SQL 선정 |색상1 = 빨강<br />
|제목2 = ② 측정 |설명2 = 실측 실행계획 |색상2 = 갈색<br />
|제목3 = ③ 분석 |설명3 = 병목 단계 찾기 |색상3 = #b7950b<br />
|제목4 = ④ 개선 |설명4 = SQL·인덱스·통계<br />
|제목5 = ⑤ 검증 |설명5 = 전후 수치 비교 |색상5 = 초록<br />
|제목6 = ⑥ 적용 |설명6 = 회귀 모니터링 |색상6 = 보라<br />
}}<br />
</pre><br />
{{단계별양식2<br />
|최소너비 = 120px<br />
|제목1 = ① 식별 |설명1 = 대상 SQL 선정 |색상1 = 빨강<br />
|제목2 = ② 측정 |설명2 = 실측 실행계획 |색상2 = 갈색<br />
|제목3 = ③ 분석 |설명3 = 병목 단계 찾기 |색상3 = #b7950b<br />
|제목4 = ④ 개선 |설명4 = SQL·인덱스·통계<br />
|제목5 = ⑤ 검증 |설명5 = 전후 수치 비교 |색상5 = 초록<br />
|제목6 = ⑥ 적용 |설명6 = 회귀 모니터링 |색상6 = 보라<br />
}}<br />
<br />
<templatedata><br />
{<br />
"description": "단계·분류를 색이 채워진 타일로 나란히 표시 (최대 8개)",<br />
"format": "block",<br />
"params": {<br />
"제목1": { "label": "1번 제목", "type": "content", "required": true },<br />
"설명1": { "label": "1번 설명", "type": "content", "suggested": true },<br />
"색상1": { "label": "1번 색상", "description": "파랑, 초록, 주황, 보라, 빨강, 갈색, 회색, 남색 또는 #hex", "type": "string", "default": "파랑" },<br />
"제목2": { "label": "2번 제목", "type": "content", "suggested": true },<br />
"설명2": { "label": "2번 설명", "type": "content", "suggested": true },<br />
"색상2": { "label": "2번 색상", "description": "파랑, 초록, 주황, 보라, 빨강, 갈색, 회색, 남색 또는 #hex", "type": "string", "default": "초록" },<br />
"제목3": { "label": "3번 제목", "type": "content", "suggested": true },<br />
"설명3": { "label": "3번 설명", "type": "content", "suggested": true },<br />
"색상3": { "label": "3번 색상", "description": "파랑, 초록, 주황, 보라, 빨강, 갈색, 회색, 남색 또는 #hex", "type": "string", "default": "주황" },<br />
"제목4": { "label": "4번 제목", "type": "content", "suggested": true },<br />
"설명4": { "label": "4번 설명", "type": "content", "suggested": true },<br />
"색상4": { "label": "4번 색상", "description": "파랑, 초록, 주황, 보라, 빨강, 갈색, 회색, 남색 또는 #hex", "type": "string", "default": "보라" },<br />
"제목5": { "label": "5번 제목", "type": "content", "suggested": true },<br />
"설명5": { "label": "5번 설명", "type": "content", "suggested": true },<br />
"색상5": { "label": "5번 색상", "description": "파랑, 초록, 주황, 보라, 빨강, 갈색, 회색, 남색 또는 #hex", "type": "string", "default": "회색" },<br />
"제목6": { "label": "6번 제목", "type": "content", "suggested": true },<br />
"설명6": { "label": "6번 설명", "type": "content", "suggested": true },<br />
"색상6": { "label": "6번 색상", "description": "파랑, 초록, 주황, 보라, 빨강, 갈색, 회색, 남색 또는 #hex", "type": "string", "default": "빨강" },<br />
"제목7": { "label": "7번 제목", "type": "content", "suggested": true },<br />
"설명7": { "label": "7번 설명", "type": "content", "suggested": true },<br />
"색상7": { "label": "7번 색상", "description": "파랑, 초록, 주황, 보라, 빨강, 갈색, 회색, 남색 또는 #hex", "type": "string", "default": "갈색" },<br />
"제목8": { "label": "8번 제목", "type": "content", "suggested": true },<br />
"설명8": { "label": "8번 설명", "type": "content", "suggested": true },<br />
"색상8": { "label": "8번 색상", "description": "파랑, 초록, 주황, 보라, 빨강, 갈색, 회색, 남색 또는 #hex", "type": "string", "default": "남색" },<br />
"최소너비": { "label": "타일 최소 너비", "type": "string", "default": "140px" }<br />
}<br />
}<br />
</templatedata><br />
<br />
[[분류:틀]]<br />
</noinclude></div>
Dbstudy