MathML - 하단문자와 상단문자

안녕하세요, 미래의 수학자와 코딩 마법사 되시겠습니다! 오늘 우리는 MathML의 세계로 흥미로운 여정을 떠납니다. 특히 하단문자(Underscript)와 상단문자(Overscript) 요소에 중점을 둘 것입니다. 코드를 한 줄도 적어본 적이 없으신 분들도 걱정하지 마세요 - 이 수학적 모험을 안내해 드릴 친절한 가이드가 바로 저입니다!

MathML - Underscript-Overscript

하단문자와 상단문자는 무엇인가요?

자, 구체적인 내용에 들어가기 전에 우리가 다루게 될 것을 이해해 보겠습니다. 종이에 복잡한 수학 식을 쓰다가, 기호 아래나 위에 무언가를 쓰는 경우가 있죠? 디지털 세계의 MathML에서는 하단문자와 상단문자를 사용하여 같은 효과를 얻을 수 있습니다.

하단문자(Underscript): 기호 아래에 내용을 배치합니다.
상단문자(Overscript): 기호 위에 내용을 배치합니다.

이를 마치 수학적인 샌드위치라고 생각해 보세요 - 기호는 주재료이고, 하단/상단문자는 그를 특별하게 만드는 맛있는 추가 요소들입니다!

문법

이제 MathML에서 이를 어떻게 작성하는지 살펴보겠습니다. 걱정마세요! 보다 쉽습니다!

하단문자 문법

<munder>
<base> <!-- 주 기호나 표현식 -->
<underscript> <!-- 기호 아래에 배치될 내용 -->
</munder>

상단문자 문법

<mover>
<base> <!-- 주 기호나 표현식 -->
<overscript> <!-- 기호 위에 배치될 내용 -->
</mover>

결합된 하단문자와 상단문자

<munderover>
<base> <!-- 주 기호나 표현식 -->
<underscript> <!-- 기호 아래에 배치될 내용 -->
<overscript> <!-- 기호 위에 배치될 내용 -->
</munderover>

매개변수

이 요소들의 매개변수는 간단합니다:

base: 주 기호나 표현식입니다.
underscript: 기호 아래에 나타나는 내용입니다.
overscript: 기호 위에 나타나는 내용입니다.

속성

이 요소들이 자체적으로 잘 작동하지만, 속성을 추가하여 더 많은 기능을 추가할 수 있습니다. 가장 흔한 속성을 몇 가지 소개하겠습니다:

속성	설명	가능한 값
accentunder	하단문자가 강조인지 여부를 지정합니다	true, false
accent	상단문자가 강조인지 여부를 지정합니다	true, false
align	하단문자/상단문자의 수평 정렬을 지정합니다	left, center, right

예제

이제 몇 가지 예제를 통해 실제 작동 방식을 살펴보겠습니다!

예제 1: 기본 하단문자

<math xmlns="http://www.w3.org/1998/Math/MathML">
<munder>
<mi>x</mi>
<mn>2</mn>
</munder>
</math>

이 예제는 'x' 아래에 '2'를 하단문자로 표시합니다. 일반 수학 표기법에서 x₂를 작성하는 것과 같습니다.

예제 2: 기본 상단문자

<math xmlns="http://www.w3.org/1998/Math/MathML">
<mover>
<mi>x</mi>
<mo>̂</mo>
</mover>
</math>

이 예제는 'x' 위에帽子(^)를 상단문자로 표시합니다. 수학 표기법에서 x̂와 같습니다.

예제 3: 결합된 하단문자와 상단문자

<math xmlns="http://www.w3.org/1998/Math/MathML">
<munderover>
<mo>∑</mo>
<mrow>
<mi>i</mi>
<mo>=</mo>
<mn>1</mn>
</mrow>
<mi>n</mi>
</munderover>
<msup>
<mi>x</mi>
<mi>i</mi>
</msup>
</math>

이 예제는 합계 기호(∑) 아래에 'i=1'과 위에 'n'을 배치하고, 오른쪽에 x^i를 표시합니다. 이는 수학 표현式中 i=1에서 n까지 x^i의 합계를 의미합니다.

예제 4: 속성 사용

<math xmlns="http://www.w3.org/1998/Math/MathML">
<munder accentunder="true">
<mi>x</mi>
<mo>˜</mo>
</munder>
</math>

이 예제는 'x' 아래에 밑줄(~)을 배치하고, 이를 강조로 처리합니다. 이는 위치에 영향을 미칠 수 있습니다.

출력

이 MathML 요소들의 출력은 브라우저나 애플리케이션의 렌더링에 따라 달라집니다. 대부분의 최신 웹 브라우저는 MathML을 어느 정도 지원하지만, 정확한 외관은 약간 다를 수 있습니다.

예를 들어, 결합된 하단문자와 상단문자 예제(예제 3)는 일반적으로 큰 합계 기호와 'i=1'이 아래에, 'n'이 위에, 'x^i'가 오른쪽에 배치된 형태로 렌더링됩니다.

기억하시라, 연습이 완벽을 만듭니다! 이 요소들을 자유롭게 실험해 보고, 조합하여 보세요. 그리고 실수를 두려워하지 마세요 - 그것이 우리가 배우는 방법입니다!

신나는 코딩과 함께, 수학이 함께 하기를 바랍니다!

Credits: Image by storyset