11
이 문서는 지금까지 적용한 블로그 테마의 모든 모던 UI 기능이 정상적으로 작동하는지 확인하기 위한 종합 테스트용 게시물입니다. 우선 굵은 글씨에 파란색 형광펜 효과가 완전히 사라지고 깔끔하게 글씨 색깔만 강조되는지 확인해 보세요.
글에 처음 들어왔을 때 아래의 H2 대주제들만 보이고, 안의 내용은 모두 깔끔하게 접혀있는 상태인지 확인하세요!
첫 번째 대주제 (계층형 넘버링 및 섹션 펼침 테스트)
제목을 클릭해서 접혀있던 이 내용이 스르륵 나타났다면 성공입니다! H2 태그이므로 제목 왼쪽의 토글 화살표와 함께 '1.' 이 붙어 있어야 합니다.
중주제 테스트 (H3)
이곳은 H3 태그입니다. '1.1.' 이 붙어야 합니다. 목차나 제목을 눌렀을 때 정상적으로 펴지고 접히는지 확인하세요. 여기에 첫 번째 짧은 각주[1]를 달아보겠습니다. 번호를 눌러 화면 밖으로 나가지 않게 예쁘게 뜨는지 확인하세요.
소주제 테스트 (H4)
이곳은 H4 태그입니다. '1.1.1.' 이 붙어야 합니다.
마이크로 주제 테스트 (H5)
이곳은 H5 태그입니다. '1.1.1.1.' 이 붙어야 합니다. H5는 너무 세부적인 내용이라 클릭해서 접고 펴는 기능이 작동하지 않도록 설정되어 있습니다 (화살표도 없습니다).
두 번째 대주제 (스마트 수식 및 플로팅 각주 스크롤 테스트)
이 섹션을 펼치셨네요! 모바일 화면에서 삐져나갈 만큼 아주 긴 수식과 매우 긴 각주를 테스트합니다.
긴 수식 자동 축소 테스트
아래 수식은 폰 화면의 폭을 무조건 넘어설 정도로 길게 작성되었습니다. 페이지가 로딩된 후, 수식이 화면 너비에 맞게 자동으로 작게 축소되는지 확인해 보세요.
$$ \int_{a}^{b} f(x) dx \approx \frac{h}{3} \left[ f(x_0) + 4 \sum_{i=1, odd}^{n-1} f(x_i) + 2 \sum_{i=2, even}^{n-2} f(x_i) + f(x_n) \right] + \mathcal{O}(h^4) + \text{이 수식이 화면 밖으로 삐져나가지 않고 화면 크기에 맞춰 스스로 작아지는지 확인하기 위한 아주 긴 텍스트 블록입니다.} $$
매우 긴 내용의 각주 스크롤 및 고정 X버튼 테스트
각주 박스가 모바일이나 작은 화면에서 세로로 엄청나게 길어질 경우, 화면을 다 덮지 않고 내부에 스크롤 바가 생기는지 테스트하기 위한 긴 각주[2]입니다. 이 번호를 클릭해 보세요!
댓글
댓글 쓰기
댓글도 $\LaTeX$ 를 지원합니다!