도움말:위키 문법/5단계

Admin (토론 / 기여)님의 2025년 2월 16일 (일) 15:39 판 (시작)
(차이) ← 이전 판 / 최신판 (차이) / 다음 판 → (차이)
가온 위키 프로젝트
이 문서는 가온 위키 프로젝트를 설명하는 문서입니다.
위키 도움이
위키를 시작하는데 도움이 되는 정보를 얻을 수 있습니다.
빠르게 위키를 배우고 싶다면 위키 도움이 틀을 찾아가세요!
위키 문법
기초 중급 심화 기타
1단계 2단계 3단계 4단계 5단계 심화 / 이런 것도 있다고요

5단계: 고급 커스터마이징[원본 편집]

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

1. 심화 파서 함수[원본 편집]

수식 계산 (expr)[원본 편집]

수학적 계산을 직접 문서에서 수행할 수 있습니다.

기본 문법:

{{#expr: 수식}}

예시:

  • 기본 연산: 14
  • 소수점 처리: 3.29
  • 절대값: 3.5

지원하는 수학 함수[원본 편집]

  • round - 반올림
  • ceil - 올림
  • floor - 내림
  • abs - 절대값
  • sin, cos, tan - 삼각함수
  • exp, ln - 지수/로그함수

복잡한 논리 연산[원본 편집]

여러 조건을 조합하여 사용할 수 있습니다.

and/or 연산자[원본 편집]

{{#if: {{#expr: 조건1 and 조건2}}
| 두 조건 모두 참일 때
| 하나라도 거짓일 때
}}

예시:

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

2. 고급 템플릿 기법[원본 편집]

재귀적 템플릿[원본 편집]

템플릿이 자기 자신을 호출하는 방식입니다.

예시 - 리스트 생성:

{{#리스트생성
| 항목1
| 항목2
| 항목3
}}

기본값 설정[원본 편집]

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

{{{매개변수|기본값}}}

예시:

{{인사말
| 이름={{{1|방문자}}}
| 메시지={{{2|환영합니다}}}
}}

3. 사용자 정의 CSS[원본 편집]

인라인 스타일[원본 편집]

HTML 요소에 직접 스타일을 적용합니다.

div 요소 스타일링[원본 편집]

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

글자 스타일링[원본 편집]

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

고급 레이아웃[원본 편집]

플렉스박스 레이아웃[원본 편집]

<div style="
  display: flex;
  justify-content: space-between;
  align-items: center;
">
  <div>왼쪽 내용</div>
  <div>오른쪽 내용</div>
</div>

그리드 레이아웃[원본 편집]

<div style="
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
">
  <div>첫 번째 칸</div>
  <div>두 번째 칸</div>
  <div>세 번째 칸</div>
  <div>네 번째 칸</div>
</div>

주의사항[원본 편집]

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

고급 기능 활용 예시[원본 편집]

동적 테이블 생성[원본 편집]

수식과 조건문을 활용한 동적 테이블 예시:

{| class="wikitable"
! 숫자 !! 제곱 !! 상태
|-
{{#loop: 1 | 5 |
| {{#var:i}} 
| {{#expr: {{#var:i}} * {{#var:i}}}}
| {{#if: {{#expr: {{#var:i}} mod 2 = 0}}
  | 짝수
  | 홀수
  }}
|-
}}
|}

연습하기[원본 편집]

연습장에서 다음 기능들을 연습해보세요:

  • 수식 계산기 만들기
  • 재귀적 목록 생성
  • 고급 CSS 레이아웃 구현
  • 조건부 템플릿 작성