Admin: 시작

2025-02-16T06:39:39Z

시작

새 문서

{{틀:위키프로젝트}}
{{틀:위키도움이}}

{{틀:위키 문법 단계}}

== 5단계: 고급 커스터마이징 ==
이 단계에서는 위키의 고급 기능들을 활용하여 더욱 전문적인 문서 작성 방법을 다룹니다. 파서 함수의 심화 사용법과 사용자 정의 서식 적용 방법을 배우게 됩니다.

== 1. 심화 파서 함수 ==
=== 수식 계산 (expr) ===
수학적 계산을 직접 문서에서 수행할 수 있습니다.

기본 문법:
<pre>
{{#expr: 수식}}
</pre>

예시:
* '''기본 연산:''' {{#expr: 2 + 3 * 4}}
* '''소수점 처리:''' {{#expr: (23/7) round 2}}
* '''절대값:''' {{#expr: abs(-3.5)}}

==== 지원하는 수학 함수 ====
* '''round''' - 반올림
* '''ceil''' - 올림
* '''floor''' - 내림
* '''abs''' - 절대값
* '''sin''', '''cos''', '''tan''' - 삼각함수
* '''exp''', '''ln''' - 지수/로그함수

=== 복잡한 논리 연산 ===
여러 조건을 조합하여 사용할 수 있습니다.

==== and/or 연산자 ====
<pre>
{{#if: {{#expr: 조건1 and 조건2}}
| 두 조건 모두 참일 때
| 하나라도 거짓일 때
}}
</pre>

예시:
<pre>
{{#if: {{#expr: (2 > 1) and (3 < 4)}}
| 수식이 참입니다
| 수식이 거짓입니다
}}
</pre>

== 2. 고급 템플릿 기법 ==
=== 재귀적 템플릿 ===
템플릿이 자기 자신을 호출하는 방식입니다.

예시 - 리스트 생성:
<pre>
{{#리스트생성
| 항목1
| 항목2
| 항목3
}}
</pre>

=== 기본값 설정 ===
템플릿 매개변수의 기본값을 지정할 수 있습니다.

<pre>
{{{매개변수|기본값}}}
</pre>

예시:
<pre>
{{인사말
| 이름={{{1|방문자}}}
| 메시지={{{2|환영합니다}}}
}}
</pre>

== 3. 사용자 정의 CSS ==
=== 인라인 스타일 ===
HTML 요소에 직접 스타일을 적용합니다.

==== div 요소 스타일링 ====
<pre>
<div style="
background-color: #f0f0f0;
border: 1px solid #ccc;
padding: 15px;
margin: 10px 0;
border-radius: 5px;
">
내용을 여기에 작성합니다
</div>
</pre>

==== 글자 스타일링 ====
<pre>
<span style="
color: #2196F3;
font-weight: bold;
text-decoration: underline;
">
강조된 텍스트
</span>
</pre>

=== 고급 레이아웃 ===
==== 플렉스박스 레이아웃 ====
<pre>
<div style="
display: flex;
justify-content: space-between;
align-items: center;
">
<div>왼쪽 내용</div>
<div>오른쪽 내용</div>
</div>
</pre>

==== 그리드 레이아웃 ====
<pre>
<div style="
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
">
<div>첫 번째 칸</div>
<div>두 번째 칸</div>
<div>세 번째 칸</div>
<div>네 번째 칸</div>
</div>
</pre>

== 주의사항 ==
* 수식 계산에서 0으로 나누기 등 잘못된 연산을 주의하세요.
* 재귀적 템플릿은 무한 루프에 빠지지 않도록 제한 조건을 꼭 설정하세요.
* CSS 스타일은 위키의 보안 정책에 따라 일부 속성이 제한될 수 있습니다.
* 복잡한 레이아웃은 모바일 기기에서의 표시를 고려해야 합니다.

== 고급 기능 활용 예시 ==
=== 동적 테이블 생성 ===
수식과 조건문을 활용한 동적 테이블 예시:
<pre>
{| class="wikitable"
! 숫자 !! 제곱 !! 상태
|-
{{#loop: 1 | 5 |
| {{#var:i}}
| {{#expr: {{#var:i}} * {{#var:i}}}}
| {{#if: {{#expr: {{#var:i}} mod 2 = 0}}
| 짝수
| 홀수
}}
|-
}}
|}
</pre>

== 연습하기 ==
[[위키백과:연습장|연습장]]에서 다음 기능들을 연습해보세요:
* 수식 계산기 만들기
* 재귀적 목록 생성
* 고급 CSS 레이아웃 구현
* 조건부 템플릿 작성

도움말:위키 문법/5단계 - 편집 역사

Admin: 시작