틀:요점: 두 판 사이의 차이

2026년 11월 4일 (수) 14:08 기준 최신판

대문 디자인 틀: 개요 · 타이틀 · 타이틀 라운드 · 요점 · 결론 · 중요 · 설명 · 핵심 · 강조 · 서브 · SQL · 관련글 · 난이도 · 평점 · FAQ · 전체 보기

핵심 요점을 강조하는 박스. 배경·테두리 변수로 모양을 바꿀 수 있습니다. 대문 디자인(초록 계열 팔레트)에 맞춰 개편했으며, 기존 변수는 그대로 사용할 수 있습니다.

사용법

{{요점|내용=인덱스 튜닝의 핵심은 '''테이블 랜덤 액세스'''를 줄이는 것입니다.}}

변수

변수	설명	기본값
`내용 / 1`	요점 본문	필수
`제목`	상단 라벨 (선택)
`배경색`	배경	#f4f7f1
`테두리색`	테두리 색	#256448
`선굵기`	테두리 두께 (CSS border-width)	0 0 0 4px
`스타일`	테두리 스타일 (solid, dashed …)	solid
`둥굴기`	모서리 둥글기	7px
`사이즈`	글자 크기	100%
`아이콘이름`	Material 아이콘 이름	menu_book
`아이콘색`	아이콘 색
`아이콘클래스`	아이콘 글꼴 클래스	material-icons-outlined
`속성 / id`	CSS class / id

미리보기

인덱스 튜닝의 핵심은 테이블 랜덤 액세스를 줄이는 것입니다.

@@ 1번째 줄: / 1번째 줄: @@
-<onlyinclude>
+<includeonly><div class="{{{속성|}}}" {{#if:{{{id|}}}|id="{{{id}}}"}} style="display:flex;gap:12px;align-items:flex-start;padding:14px 18px;margin:16px 0;color:#20382e;border-width:{{{선굵기|0 0 0 4px}}};border-style:{{{스타일|solid}}};border-color:{{{테두리색|#256448}}};border-radius:{{{둥굴기|7px}}};background:{{{배경색|#f4f7f1}}};font-size:{{{사이즈|100%}}};"><span style="flex:0 0 auto;padding-top:2px;"><span class="{{{아이콘클래스|material-icons-outlined}}}" style="font-size:20px;line-height:1;vertical-align:-4px;color:{{{아이콘색|#256448}}};" aria-hidden="true">{{{아이콘이름|menu_book}}}</span></span><div style="flex:1;min-width:0;line-height:1.75;">{{#if:{{{제목|}}}|<div style="margin-bottom:4px;"><span style="font-size:11px;font-weight:600;line-height:18px;letter-spacing:0.99px;color:#256448;">{{{제목}}}</span></div>}}<div style="font-size:14px;">{{{내용|{{{1|}}}}}}</div></div></div></includeonly><noinclude>
-	<div class="{{{속성|}}}" {{#if:{{{id|}}}|id="{{{id}}}"}} style="margin: 8px 0; padding: 8px; border-style: solid; border-width: 2px 0; background-color: {{{배경색|#f7d4063e}}}; border-width: {{{선굵기|3px 0}}}; border-color: {{{테두리색|#de5a5a}}}; width: {{{사이즈|100%}}}; border-radius: {{{둥굴기|4px}}}; border-style: {{{스타일|dashed}}}; clear: both;"><font color="{{{아이콘색|orangered}}}"><i class="material-icons-two-tone icon-image-preview" style="display: inline-block;transform: translate(10%, 25%);">{{{아이콘이름|menu_book}}}</i></font> {{{내용|{{{1<noinclude>|[[{{SITENAME}}]] 알림 스타일입니다.</noinclude>}}}}}}</div>
+<div style="font-size:12px;color:#6c7b72;margin:0 0 12px;">대문 디자인 틀: [[틀:개요|개요]] · [[틀:타이틀|타이틀]] · [[틀:타이틀 라운드|타이틀 라운드]] · [[틀:요점|요점]] · [[틀:결론|결론]] · [[틀:중요|중요]] · [[틀:설명|설명]] · [[틀:핵심|핵심]] · [[틀:강조|강조]] · [[틀:서브|서브]] · [[틀:SQL|SQL]] · [[틀:관련글|관련글]] · [[틀:난이도|난이도]] · [[틀:평점|평점]] · [[틀:FAQ|FAQ]] · [[:분류:디자인 틀|전체 보기]]</div>
-</onlyinclude>
+핵심 요점을 강조하는 박스. 배경·테두리 변수로 모양을 바꿀 수 있습니다. 대문 디자인(초록 계열 팔레트)에 맞춰 개편했으며, 기존 변수는 그대로 사용할 수 있습니다.
-<noinclude>
+== 사용법 ==
-{{요점
+<pre>
-|배경색 = #
+{{요점|내용=인덱스 튜닝의 핵심은 '''테이블 랜덤 액세스'''를 줄이는 것입니다.}}
-|선굵기 =
+</pre>
-|테두리색 = #
-|사이즈 = 100%
+== 변수 ==
-|둥굴기 = 4px
+{| class="wikitable"
-|스타일 =
+! 변수 !! 설명 !! 기본값
-|내용 =
+|-
-<noinclude>
+| <code>내용 / 1</code> || 요점 본문 || 필수
+|-
+| <code>제목</code> || 상단 라벨 (선택) ||
+|-
+| <code>배경색</code> || 배경 || #f4f7f1
+|-
+| <code>테두리색</code> || 테두리 색 || #256448
+|-
+| <code>선굵기</code> || 테두리 두께 (CSS border-width) || 0 0 0 4px
+|-
+| <code>스타일</code> || 테두리 스타일 (solid, dashed …) || solid
+|-
+| <code>둥굴기</code> || 모서리 둥글기 || 7px
+|-
+| <code>사이즈</code> || 글자 크기 || 100%
+|-
+| <code>아이콘이름</code> || Material 아이콘 이름 || menu_book
+|-
+| <code>아이콘색</code> || 아이콘 색 ||
+|-
+| <code>아이콘클래스</code> || 아이콘 글꼴 클래스 || material-icons-outlined
+|-
+| <code>속성 / id</code> || CSS class / id ||
+|}
+== 미리보기 ==
+{{요점|내용=인덱스 튜닝의 핵심은 '''테이블 랜덤 액세스'''를 줄이는 것입니다.}}
+[[분류:틀]]
+[[분류:디자인 틀]]
+</noinclude>