Dbstudy: 대문 디자인 요소 재사용 틀 생성

2026-11-04T04:34:44Z

대문 디자인 요소 재사용 틀 생성

새 문서

<includeonly><div style="display:grid;grid-template-columns:repeat(auto-fill,minmax({{{최소너비|220px}}},1fr));gap:{{{간격|14px}}};margin:{{{여백|16px 0}}};">{{{1|{{{내용|}}}}}}</div></includeonly><noinclude>
<div style="font-size:12px;color:#6c7b72;margin:0 0 12px;">대문 디자인 틀: [[틀:섹션머리|섹션머리]] · [[틀:카드묶음|카드묶음]] · [[틀:학습카드|학습카드]] · [[틀:주제카드|주제카드]] · [[틀:버튼|버튼]] · [[틀:칩|칩]] · [[틀:태그|태그]] · [[틀:안내바|안내바]] · [[틀:노트박스|노트박스]] · [[틀:최근문서|최근문서]]</div>
카드 틀([[틀:학습카드]], [[틀:주제카드]])을 격자로 나란히 배치하는 묶음 틀. 화면 폭에 따라 열 수가 자동 조정됩니다.

== 사용법 ==
<pre>
{{카드묶음|
{{학습카드|번호=01|제목=테이블부터 이해하기|문서=힙테이블(heap table)|설명=데이터를 담는 테이블의 개념과 저장 방식을 살펴봅니다.}}
{{학습카드|번호=02|제목=SQL 작성법 살펴보기|문서=효율적인 SQL 작성법|설명=데이터를 다루는 SQL과 좋은 작성 습관을 배워봅니다.}}
{{학습카드|번호=03|제목=조인으로 연결하기|문서=테이블 조인 방식|설명=여러 테이블을 함께 읽는 조인의 원리를 알아봅니다.}}
{{학습카드|번호=04|제목=인덱스 첫걸음|문서=오라클 인덱스 종류|설명=데이터를 찾는 인덱스의 종류와 특징을 살펴봅니다.}}
}}
</pre>

== 변수 ==
{| class="wikitable"
! 변수 !! 설명 !! 기본값
|-
| <code>1</code> || 안에 넣을 카드 틀들 (또는 내용=) || 필수
|-
| <code>최소너비</code> || 카드 최소 너비 || 220px
|-
| <code>간격</code> || 카드 사이 간격 || 14px
|-
| <code>여백</code> || 바깥 여백 || 16px 0
|}

※ 카드 틀 사이에 '''빈 줄을 넣지 마세요''' (빈 줄은 빈 문단이 되어 격자 칸을 차지합니다). 한 줄에 카드 하나씩 쓰면 됩니다.

== 미리보기 ==
{{카드묶음|
{{학습카드|번호=01|제목=테이블부터 이해하기|문서=힙테이블(heap table)|설명=데이터를 담는 테이블의 개념과 저장 방식을 살펴봅니다.}}
{{학습카드|번호=02|제목=SQL 작성법 살펴보기|문서=효율적인 SQL 작성법|설명=데이터를 다루는 SQL과 좋은 작성 습관을 배워봅니다.}}
{{학습카드|번호=03|제목=조인으로 연결하기|문서=테이블 조인 방식|설명=여러 테이블을 함께 읽는 조인의 원리를 알아봅니다.}}
{{학습카드|번호=04|제목=인덱스 첫걸음|문서=오라클 인덱스 종류|설명=데이터를 찾는 인덱스의 종류와 특징을 살펴봅니다.}}
}}

<templatedata>
{
"description": "카드 틀(학습카드, 주제카드)을 격자로 나란히 배치하는 묶음 틀. 화면 폭에 따라 열 수가 자동 조정됩니다.",
"format": "block",
"params": {
"1": {
"label": "1",
"description": "안에 넣을 카드 틀들 (또는 내용=)",
"type": "string",
"required": true
},
"최소너비": {
"label": "최소너비",
"description": "카드 최소 너비",
"type": "string",
"default": "220px"
},
"간격": {
"label": "간격",
"description": "카드 사이 간격",
"type": "string",
"default": "14px"
},
"여백": {
"label": "여백",
"description": "바깥 여백",
"type": "string",
"default": "16px 0"
}
}
}
</templatedata>

[[분류:틀]]
[[분류:디자인 틀]]
</noinclude>

틀:카드묶음 - 편집 역사

Dbstudy: 대문 디자인 요소 재사용 틀 생성