Form:학습노트 - 편집 역사

Dbstudy: devcafe 개발노트 양식 디자인 참고 — 인라인 스타일로 변경

2026-11-13T05:33:55Z

devcafe 개발노트 양식 디자인 참고 — 인라인 스타일로 변경

Dbstudy: 클래스명 변경 (대문 .ds-note와 충돌 방지)

2026-11-13T05:28:17Z

클래스명 변경 (대문 .ds-note와 충돌 방지)

← 이전 판		2026년 11월 13일 (금) 14:28 판
1번째 줄:		1번째 줄:
	<noinclude>		<noinclude>
	<div class="~~ds-note ds-note~~-form ~~ds-note~~-start">		<div class="dsn dsn-form dsn-start">
	<div class="~~ds-note~~-eyebrow">이해하고, 확인하고, 함께 쌓는 학습 노트</div>		<div class="dsn-eyebrow">이해하고, 확인하고, 함께 쌓는 학습 노트</div>
	<div class="~~ds-note~~-title">오늘 정리한 개념을<br /><em>노트로 남겨볼까요?</em></div>		<div class="dsn-title">오늘 정리한 개념을<br /><em>노트로 남겨볼까요?</em></div>
	<div class="~~ds-note~~-desc">문서 제목을 입력하고 '''새 글 만들기'''를 누르세요. 정보 상자와 분류가 자동으로 붙고, 본문에는 기본 뼈대가 미리 들어갑니다.</div>		<div class="dsn-desc">문서 제목을 입력하고 '''새 글 만들기'''를 누르세요. 정보 상자와 분류가 자동으로 붙고, 본문에는 기본 뼈대가 미리 들어갑니다.</div>
	{{#forminput:form=학습노트\|size=40\|placeholder=예: 인덱스가 있어도 Full Table Scan을 하는 이유\|button text=새 글 만들기}}		{{#forminput:form=학습노트\|size=40\|placeholder=예: 인덱스가 있어도 Full Table Scan을 하는 이유\|button text=새 글 만들기}}
	<div class="~~ds-note~~-flow">		<div class="dsn-flow">
	<div><span class="~~ds-note~~-num">01</span><b>제목 입력</b><span>검색하기 쉬운 짧은 제목으로</span></div>		<div><span class="dsn-num">01</span><b>제목 입력</b><span>검색하기 쉬운 짧은 제목으로</span></div>
	<div><span class="~~ds-note~~-num">02</span><b>정보 채우기</b><span>요약 · 핵심 정리 · 분야 · 난이도</span></div>		<div><span class="dsn-num">02</span><b>정보 채우기</b><span>요약 · 핵심 정리 · 분야 · 난이도</span></div>
	<div><span class="~~ds-note~~-num">03</span><b>본문 작성</b><span>뼈대를 따라 채우고 저장</span></div>		<div><span class="dsn-num">03</span><b>본문 작성</b><span>뼈대를 따라 채우고 저장</span></div>
	</div>		</div>
	<div class="~~ds-note~~-links">[[틀:학습노트\|정보 상자 틀]] · [[틀:학습노트/본문\|본문 기본 뼈대]] · [[:분류:학습노트\|학습노트 모아보기]] · [[mw:Help:Formatting/ko\|위키 문법 도움말]]</div>		<div class="dsn-links">[[틀:학습노트\|정보 상자 틀]] · [[틀:학습노트/본문\|본문 기본 뼈대]] · [[:분류:학습노트\|학습노트 모아보기]] · [[mw:Help:Formatting/ko\|위키 문법 도움말]]</div>
	</div>		</div>
	</noinclude><includeonly><div class="~~ds-note ds-note~~-form">		</noinclude><includeonly><div class="dsn dsn-form">
	<div class="~~ds-note~~-head">		<div class="dsn-head">
	<div class="~~ds-note~~-eyebrow">DBSTUDY NOTE · 학습노트 작성</div>		<div class="dsn-eyebrow">DBSTUDY NOTE · 학습노트 작성</div>
	<div class="~~ds-note~~-title">이해한 것을 <em>기록하는 시간.</em></div>		<div class="dsn-title">이해한 것을 <em>기록하는 시간.</em></div>
	<div class="~~ds-note~~-desc"><span class="~~ds-note~~-req">*</span> 표시는 필수 항목입니다. 본문의 안내 문구를 지우고 내용을 채워 주세요. 필요 없는 문단은 삭제해도 됩니다.</div>		<div class="dsn-desc"><span class="dsn-req">*</span> 표시는 필수 항목입니다. 본문의 안내 문구를 지우고 내용을 채워 주세요. 필요 없는 문단은 삭제해도 됩니다.</div>
	</div>		</div>
	<div class="~~ds-note~~-step"><span class="~~ds-note~~-num">01</span><span class="~~ds-note~~-step-title">문서 정보</span><span class="~~ds-note~~-step-desc">문서 맨 위 정보 상자와 분류에 자동으로 쓰입니다</span></div>		<div class="dsn-step"><span class="dsn-num">01</span><span class="dsn-step-title">문서 정보</span><span class="dsn-step-desc">문서 맨 위 정보 상자와 분류에 자동으로 쓰입니다</span></div>
	<div class="~~ds-note~~-card">		<div class="dsn-card">
	{{{for template\|학습노트}}}		{{{for template\|학습노트}}}
	{\| class="formtable"		{\| class="formtable"
	! 한 줄 요약<span class="~~ds-note~~-req">*</span>		! 한 줄 요약<span class="dsn-req">*</span>
	\| {{{field\|요약\|input type=text\|size=80\|mandatory\|placeholder=이 글을 한 문장으로 소개해 주세요}}}		\| {{{field\|요약\|input type=text\|size=80\|mandatory\|placeholder=이 글을 한 문장으로 소개해 주세요}}}
	\|-		\|-
28번째 줄:		28번째 줄:
	\| {{{field\|핵심\|input type=textarea\|rows=4\|placeholder=이 글에서 꼭 기억할 내용을 한 줄에 하나씩 적어 주세요 (3~5개 권장)}}}		\| {{{field\|핵심\|input type=textarea\|rows=4\|placeholder=이 글에서 꼭 기억할 내용을 한 줄에 하나씩 적어 주세요 (3~5개 권장)}}}
	\|-		\|-
	! 분야<span class="~~ds-note~~-req">*</span>		! 분야<span class="dsn-req">*</span>
	\| {{{field\|분야\|input type=dropdown\|values=Oracle,MySQL,MariaDB,PostgreSQL,SQL Server,SQL,데이터모델링,성능튜닝,백업·복구,기타\|mandatory}}}		\| {{{field\|분야\|input type=dropdown\|values=Oracle,MySQL,MariaDB,PostgreSQL,SQL Server,SQL,데이터모델링,성능튜닝,백업·복구,기타\|mandatory}}}
	\|-		\|-
	! 난이도<span class="~~ds-note~~-req">*</span>		! 난이도<span class="dsn-req">*</span>
	\| {{{field\|난이도\|input type=radiobutton\|values=입문,초급,중급,고급\|default=입문\|mandatory}}}		\| {{{field\|난이도\|input type=radiobutton\|values=입문,초급,중급,고급\|default=입문\|mandatory}}}
	\|-		\|-
45번째 줄:		45번째 줄:
	{{{end template}}}		{{{end template}}}
	</div>		</div>
	<div class="~~ds-note~~-step"><span class="~~ds-note~~-num">02</span><span class="~~ds-note~~-step-title">본문 작성</span><span class="~~ds-note~~-step-desc">위키 문법으로 자유롭게 작성 · [[mw:Help:Formatting/ko\|문법 도움말]]</span></div>		<div class="dsn-step"><span class="dsn-num">02</span><span class="dsn-step-title">본문 작성</span><span class="dsn-step-desc">위키 문법으로 자유롭게 작성 · [[mw:Help:Formatting/ko\|문법 도움말]]</span></div>
	{{{standard input\|free text\|rows=28\|preload=틀:학습노트/본문}}}		{{{standard input\|free text\|rows=28\|preload=틀:학습노트/본문}}}
	<div class="~~ds-note~~-step"><span class="~~ds-note~~-num">03</span><span class="~~ds-note~~-step-title">저장하기</span><span class="~~ds-note~~-step-desc">미리 보기로 확인한 뒤 저장하세요</span></div>		<div class="dsn-step"><span class="dsn-num">03</span><span class="dsn-step-title">저장하기</span><span class="dsn-step-desc">미리 보기로 확인한 뒤 저장하세요</span></div>
	<div class="~~ds-note~~-card ds-pad">		<div class="dsn-card ds-pad">
	{{{standard input\|summary}}}		{{{standard input\|summary}}}

Dbstudy: 학습노트 글쓰기 양식 생성

2026-11-13T05:28:00Z

학습노트 글쓰기 양식 생성

새 문서

<noinclude>
<div class="ds-note ds-note-form ds-note-start">
<div class="ds-note-eyebrow">이해하고, 확인하고, 함께 쌓는 학습 노트</div>
<div class="ds-note-title">오늘 정리한 개념을<br /><em>노트로 남겨볼까요?</em></div>
<div class="ds-note-desc">문서 제목을 입력하고 '''새 글 만들기'''를 누르세요. 정보 상자와 분류가 자동으로 붙고, 본문에는 기본 뼈대가 미리 들어갑니다.</div>
{{#forminput:form=학습노트|size=40|placeholder=예: 인덱스가 있어도 Full Table Scan을 하는 이유|button text=새 글 만들기}}
<div class="ds-note-flow">
<div><span class="ds-note-num">01</span><b>제목 입력</b><span>검색하기 쉬운 짧은 제목으로</span></div>
<div><span class="ds-note-num">02</span><b>정보 채우기</b><span>요약 · 핵심 정리 · 분야 · 난이도</span></div>
<div><span class="ds-note-num">03</span><b>본문 작성</b><span>뼈대를 따라 채우고 저장</span></div>
</div>
<div class="ds-note-links">[[틀:학습노트|정보 상자 틀]] · [[틀:학습노트/본문|본문 기본 뼈대]] · [[:분류:학습노트|학습노트 모아보기]] · [[mw:Help:Formatting/ko|위키 문법 도움말]]</div>
</div>
</noinclude><includeonly><div class="ds-note ds-note-form">
<div class="ds-note-head">
<div class="ds-note-eyebrow">DBSTUDY NOTE · 학습노트 작성</div>
<div class="ds-note-title">이해한 것을 <em>기록하는 시간.</em></div>
<div class="ds-note-desc"><span class="ds-note-req">*</span> 표시는 필수 항목입니다. 본문의 안내 문구를 지우고 내용을 채워 주세요. 필요 없는 문단은 삭제해도 됩니다.</div>
</div>
<div class="ds-note-step"><span class="ds-note-num">01</span><span class="ds-note-step-title">문서 정보</span><span class="ds-note-step-desc">문서 맨 위 정보 상자와 분류에 자동으로 쓰입니다</span></div>
<div class="ds-note-card">
{{{for template|학습노트}}}
{| class="formtable"
! 한 줄 요약<span class="ds-note-req">*</span>
| {{{field|요약|input type=text|size=80|mandatory|placeholder=이 글을 한 문장으로 소개해 주세요}}}
|-
! 핵심 정리
| {{{field|핵심|input type=textarea|rows=4|placeholder=이 글에서 꼭 기억할 내용을 한 줄에 하나씩 적어 주세요 (3~5개 권장)}}}
|-
! 분야<span class="ds-note-req">*</span>
| {{{field|분야|input type=dropdown|values=Oracle,MySQL,MariaDB,PostgreSQL,SQL Server,SQL,데이터모델링,성능튜닝,백업·복구,기타|mandatory}}}
|-
! 난이도<span class="ds-note-req">*</span>
| {{{field|난이도|input type=radiobutton|values=입문,초급,중급,고급|default=입문|mandatory}}}
|-
! 실행 환경
| {{{field|환경|input type=text|size=80|placeholder=예: Oracle 19c / Linux 8}}}
|-
! 키워드
| {{{field|키워드|input type=text|size=80|placeholder=쉼표로 구분 (예: 인덱스, 실행계획)}}}
|-
! 작성일
| {{{field|작성일|input type=datepicker|default=now}}}
|}
{{{end template}}}
</div>
<div class="ds-note-step"><span class="ds-note-num">02</span><span class="ds-note-step-title">본문 작성</span><span class="ds-note-step-desc">위키 문법으로 자유롭게 작성 · [[mw:Help:Formatting/ko|문법 도움말]]</span></div>
{{{standard input|free text|rows=28|preload=틀:학습노트/본문}}}
<div class="ds-note-step"><span class="ds-note-num">03</span><span class="ds-note-step-title">저장하기</span><span class="ds-note-step-desc">미리 보기로 확인한 뒤 저장하세요</span></div>
<div class="ds-note-card ds-pad">
{{{standard input|summary}}}

{{{standard input|minor edit}}} {{{standard input|watch}}}

{{{standard input|save}}} {{{standard input|preview}}} {{{standard input|changes}}} {{{standard input|cancel}}}
</div>
</div></includeonly>