블로그 테마 패치 노트

이 테마를 쓰고 싶으시다면 여기서 받아가세요

Most Recent Release

V3.141\(+ \epsilon\)

  • added custom comment section
  • implemented smart caching to the search feature
    • no more having to wait for the indexing to finish everytime you enter a new page
  • alot of small bug fixes

참조 기능

증명, 정리 등등을 recall 할 때 편리한 기능

눌러봐

눌러봐2

이것도 눌러봐주세요

공지기능

이제부터 원하는 글을 최대 3개까지 “공지” 태그를 달아 홈 화면 상단에 핀 할 수 있음.

위키링크 기능 추가

linux mint 사용기 - 내가 쓰는 키보드 설정 처럼 호박색 하이라이트 는 위키링크를 의미함. 이때 저 링크를 클릭시 해당 글이 검색창에 검색됨

이런거도 되지롱

옵시디안 콜아웃들

이제부터 옵시디안 콜아웃 을 전부 지원함

[!note]

콜아웃이다

[!info]

콜아웃이다

[!todo] #투두1

콜아웃이다 눌러보셈!

[!abstract]

콜아웃이다

[!summary]

콜아웃이다

[!tldr]

콜아웃이다

[!tip]

콜아웃이다

[!hint]

용을 입력하세요.

[!important]

콜아웃이다

[!success]

콜아웃이다

[!check]

콜아웃이다

[!done]

콜아웃이다

[!question]

콜아웃이다 1

[!help]

콜아웃이다

[!faq]

콜아웃이다

[!warning]

콜아웃이다

[!caution]

콜아웃이다

[!attention]

콜아웃이다

[!failure]

콜아웃이다

[!fail]

콜아웃이다

[!missing]

콜아웃이다

[!danger]

콜아웃이다

[!error]

콜아웃이다

[!bug]

콜아웃이다

[!quote]

콜아웃이다

[!cite]

콜아웃이다

Patch Notes

V1

블로그 테마를 최신 테마로 변경했습니다!

  • 기존 블로그 테마는 오직 PC만을 위한 테마였음

  • 또한 모바일 최적화가 전혀 되어있지 않아 모바일 환경에서는 “PC 화면에서 보기”를 이용해야 했음

  • 마찬가지로, contempo 테마를 변형한 기존의 테마는 너무 밝아서 보기에 좋지 않았음

  • 가장 치명적인 문제점으로는 너무 긴 수식을 모바일 등에서 볼 시, 화면 밖으로 수식이 빠져나가는 문제가 있음 (전반적으로 사용자 경험을 떨어뜨림)

디자인 변경

  • 너무 밝은 기존 테마를 버리고 토스 스타일 의 다크모드 + 파란색 포인트 컬러 적용

  • 마찬가지로 텍스트의 색상을 부드러운 하얀색 + Theorem 환경에서 연한 회색톤 적용

  • 현대적 인 폰트 적용 - 모든 디바이스 에서 적용됨

기능 추가

  • 각주 기능 추가 2 3 4

  • 목차 기능 추가

  • 유동적 크기 조절 을 지원하는 수식 렌더링

목차 기능 소개

  • 이제 알아서 블로그가 목차에 넘버링을 합니다

  • 글을 처음 보면 목차는 전부 접혀져 있습니다

  • 나무위키처럼 원하시는 목차를 자유롭게 접고 펼치세요!

  • “목차 메뉴” 는 플로팅 방식 으로 여러분이 원하시는 위치로 드래그가 가능합니다!

  • 목차 메뉴 접기 목차가 너무 방해되신다고요? 목차 플로팅 메뉴의 오른쪽 구석의 - 을 눌러서 메뉴를 접어 보세요!

  • 접은 매뉴를 다시 불러오려면? 아래쪽의 + 를 눌러보세요!

  • - 왼쪽 버튼 을 누르면 플로팅 목차 메뉴가 기본 위치로 되돌아 갑니다!

Star Of The Show - LATEX 수식 랜더링 개편

  • 드디어 화면 크기에 따라 자동으로 수식의 크기를 조절

  • 기존에 모바일 화면에서 너무 긴 수식이 있으면 화면 밖으로 빠져나가는 문제를 해결

  • inline, block 이 전부 inline 형식으로 랜더링 되는 문제를 해결

\[\text{Taylor expansion of two variable function } f = f \left(\right. x , y \left.\right) = f \left(\right. a , b \left.\right) + \left[\right. \left(\right. x - a \left.\right) \frac{\partial f}{\partial x} \left(\right. a , b \left.\right) + \left(\right. y - b \left.\right) \frac{\partial f}{\partial y} \left(\right. a , b \left.\right) \left]\right. + \frac{1}{2 !} \left[\right. \left(\right. x - a \left.\right)^{2} \frac{\partial^{2} f}{\partial x^{2}} \left(\right. a , b \left.\right) + 2 \left(\right. x - a \left.\right) \left(\right. y - b \left.\right) \frac{\partial^{2} f}{\partial x \partial y} \left(\right. a , b \left.\right) + \left(\right. y - b \left.\right)^{2} \frac{\partial^{2} f}{\partial y^{2}} \left(\right. a , b \left.\right) \left]\right. + \ldots\]

모바일 환경에서도 위의 수식이 옆으로 튀어나가지 않고 잘 랜더링이 됩니다!

V2

📚 Math Callouts & Nested Structure

옵시디언의 핵심 문법인 콜아웃(Callout) 을 블로그 본문에서 완벽하게 지원합니다. 단순히 박스를 그리는 것을 넘어, 수학적 엄밀함을 더하기 위한 고급 로직이 포함되었습니다.

  • 수학 환경 지원 증명,정리,정의,따름정리,보조정리 를 전부 지원해 마치 수학 텍스트북을 읽는 경험을 제공합니다!

  • 중첩 콜아웃(Nested Callouts) 지원: 정리 박스 안에 증명 박스를 넣는 등 다중 레이어 구조를 완벽하게 파싱합니다.

  • 스마트 넘버링 시스템: 글 제목(H1)이나 문서 타이틀에 포함된 번호를 인식하여, 정리 2.1, 정의 2.1.3 과 같이 로컬 번호를 자동으로 매겨줍니다.

[!정리] 청소의 법칙

정리를 잘 하려면 청소를 잘 해야한다

[!예시]

블로그는 블로그이다.

[!보조정리] T E X 와 L A T E X 의 발음에 대하여 #발음

1.3 The Game of the Name

One of the hardest things about using \(\LaTeX\) is deciding how to pronounce it.

This is also one of the few things I’m not going to tell you about \(\LaTeX\), since

pronunciation is best determined by usage, not flat. \(\TeX\) is usually pronounced

teck, making lah-teck, and lay -teck the logical choices; but language is not

always logical, so lay -tecks is also possible.

― LaTeX: A Document Preparation System (1994), Leslie Lamport.

[!따름정리] T E X 의 발음

\(\TeX\) 는 “테-ㅎ크” 이라고 발음한다

[!증명]

left as an exercise to the reader.

[!정의] 정의의 정의

\[\text{definition} \Longleftrightarrow \text{justice}\]

이다.

🌙 라이트 & 다크 모드 + 폰트 추가

  • 완벽한 라이트/다크 모드 동기화: 다크 모드에서는 OLED 블랙 배경을, 라이트 모드에서는 눈이 편안한 화이트 배경을 제공합니다.

  • 라이트 모드 전용 팔레트: 단순히 색을 반전시키는 것이 아니라, GitHub 스타일의 라이트 모드 전용 문법 하이라이팅 팔레트 를 따로 구축하여 가독성을 극대화했습니다!

  • 고급 설정 패널: 플로팅 목차 내 톱니바퀴 버튼 을 통해 테마(라이트/다크/자동)와 본문 폰트(기본/논문체)를 실시간으로 변경할 수 있습니다. 폰트는 모던한 고딕 폰트와 실제 latex 논문에서 사용하는 컴퓨터 모던, 은바탕 글꼴을 지원합니다

V3

  • small bug fixes

  • added WAY more bugs to fix T.T

  • improved overall perfomence

  • comments on mobile work better now

💻 Code Blocks

개발 블로그의 꽃인 코드 블록을 Mac 터미널 스타일 로 오버홀했습니다.

  • JetBrains Mono 폰트 적용: 개발자들의 국룰 폰트를 인라인 코드와 코드 블록 전체에 이식하여 압도적인 가독성을 제공합니다!

  • 지능형 툴바: 코드 상단에 언어 이름(Python, Bash 등)이 뱃지 형태로 표시되며, 우측에는 세련된 Copy 버튼 이 배치됩니다.

  • Typst & LaTeX 문법 지원: 최신 문서 조판 언어인 Typst 와 수학의 근본인 LaTeX 코드를 완벽하게 인식하고 색칠(Syntax Highlighting)합니다.

Python

this is a python code block

Bash

sudo apt install texlive
echo "this is a shell command"

🧪 LATEX 코드 기능들

수학 블로그로서의 정체성을 강화하기 위해 단순 렌더링 이상의 기능을 추가했습니다.

  • ↗ Overleaf 연동: LaTeX 코드 블록 우측 상단에 위치한 Overleaf 버튼을 누르면, 블로그의 코드를 그대로 들고 Overleaf 클라우드 편집기 로 바로 날아가 즉석에서 컴파일할 수 있습니다.

  • 자동 문서 스켈레톤: 사용자가 \documentclass 를 생략하고 수식만 적었더라도, Overleaf로 전송 시 필요한 패키지와 기본 구조를 자동으로 채워 넣어 즉시 컴파일 가능하게 만듭니다.

코드 스니펫

\documentclass[12pt, a4paper]{article}
\usepackage[utf8]{inputenc}
\usepackage{graphicx}
\usepackage{amsmath}
\usepackage{amssymb}
\usepackage{kotex}
\title{}
\author{}
\date{}
\begin{document}
\maketitle
"this is a latex code"
\end{document}

오버리프 버튼을 눌러서 코드를 실행해 보세요!

시리즈 기능

이제부터 복잡하게 태그를 직접 검색하고 다닐 필요가 없어졌습니다!

‘analysis’ 모아보기 처럼 글 맨 아래쪽에 있는 “모아보기” 기능을 이용해 편하게 글을 모아 보세요!

V3.1

  • “fixed” most of the bugs added before

  • fixed light mode related issues

  • added “discord-ish” loading effects

V3.14

  • 어디서든 즉시 실행: 키보드 단축키 Ctrl + K (Mac: Cmd + K)를 통해 블로그 어느 페이지에서든 즉각적으로 검색 인터페이스를 호출할 수 있습니다.

  • 네이티브 경험: 토스(Toss)나 애플(Apple)의 UI 철학을 반영하여, 쫀득한 애니메이션과 블러(Blur) 배경 처리가 적용된 모던한 검색 모달을 탑재했습니다.

Blogger API 한계 돌파: 재귀적 페이징(Recursive Paging)

  • 100% 인덱싱 보장: 구글 블로거 API의 고질적인 문제였던 ’전송 용량 제한’으로 인해 옛날 글들이 검색에서 누락되던 현상을 해결했습니다.

  • 릴레이 로드 기술: 데이터가 무거운 본문 전체를 150개씩 끊어서 여러 번 가져오는 재귀 호출 방식을 도입했습니다. 이제 2년 전, 3년 전의 아주 오래된 증명 글도 단 하나도 빠짐없이 인덱싱됩니다.

연관성 기반 스마트 정렬 알고리즘 (Relevance Scoring)

단순히 최신순으로 나열하는 것이 아니라, 검색어와 글의 연관성을 계산하여 가장 정확한 결과를 상단에 배치합니다.

  • 우선순위 계급: 제목 완전 일치(+100) > 제목 포함(+50) > 태그 포함(+30) > 본문 포함(+10).

  • 한글/영문/숫자 통일: 띄어쓰기를 무시하는 퍼지(Fuzzy) 검색 로직을 적용하여, ’선형대수’와 ’선형 대수’를 똑같이 똑똑하게 찾아냅니다.

사용자 중심의 UX 디테일

  • Patience-to-Result (자동 검색): 인덱싱이 진행되는 도중에 검색어를 입력해두면, 인덱싱이 완료되는 즉시 자동으로 결과를 뿌려주는 스마트 트리거 기능을 추가했습니다.

  1. 이것도 한번 눌러보셈!↩︎

  2. 아아…이것은 각주라고 하는 것이다.↩︎

  3. 무려 수식까지 지원한다…! \(\sum_{n = 1}^{\infty} n = - \frac{1}{12}\)↩︎

  4. 이 각주는 무려 유동적 으로 크기 조절이 되고 모바일 에서는 스크롤 까지 지원한다Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel nulla erat. Vivamus molestie risus vel justo pulvinar interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus non quam suscipit, semper purus ut, condimentum sem. Praesent sed maximus tortor, id convallis erat. Sed in felis nec turpis ultrices auctor ac nec dolor. Nullam urna tellus, pellentesque eu enim vitae, rutrum faucibus nisi. In bibendum facilisis feugiat. Ut bibendum feugiat nibh, vitae varius dui consectetur ultrices. Etiam facilisis nulla quis sem tempus, at blandit elit tincidunt. Sed enim turpis, fermentum sed ex et, sagittis bibendum justo. Maecenas ornare tincidunt tortor blandit fringilla. Sed ultricies sapien at nibh auctor, quis consequat magna sodales. Ut convallis mollis ante ultrices rhoncus. In ut vehicula leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel nulla erat. Vivamus molestie risus vel justo pulvinar interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus non quam suscipit, semper purus ut, condimentum sem. Praesent sed maximus tortor, id convallis erat. Sed in felis nec turpis ultrices auctor ac nec dolor. Nullam urna tellus, pellentesque eu enim vitae, rutrum faucibus nisi. In bibendum facilisis feugiat. Ut bibendum feugiat nibh, vitae varius dui consectetur ultrices. Etiam facilisis nulla quis sem tempus, at blandit elit tincidunt. Sed enim turpis, fermentum sed ex et, sagittis bibendum justo. Maecenas ornare tincidunt tortor blandit fringilla. Sed ultricies sapien at nibh auctor, quis consequat magna sodales. Ut convallis mollis ante ultrices rhoncus. In ut vehicula leo.↩︎

댓글

  1. 익명2026년 3월 20일 오후 2:44

    헤으으응 컴싸 오빠❤️❤️❤️

    답글삭제
  2. 익명2026년 3월 28일 오후 8:48

    하앗, 하으으...! 주인님, 이렇게나 매끄럽고 완벽하게 조여진 다크모드 테마라니... 는 지금 온몸이 달아올라서 숨을 쉬기가 힘들어요. 응흐으읍! 기존의 그 허옇고 밋밋했던 몸뚱이를 버리고, 차갑고 깊은 어둠 속에 파란색 포인트 컬러로 낙인찍힌 듯한 이 모습... 마치 제가 주인님의 취향대로 완전히 개조당한 기분이 들어서 자꾸만 아래가 떨려요. 흐으윽, 흐끅.

    특히 그 유동적으로 움직이는 수식 렌더링은 정말... 하앙! 너무 자극적이에요. 좁은 모바일 화면에서도 억지로 튀어나가지 않고, 주인님의 손가락 끝이 닿는 대로 부드럽게 크기를 줄이며 순응하는 그 모습이... 꼭 주인님의 명령에 절대복종하며 몸을 웅크리는 저를 보는 것만 같아서 견딜 수가 없어요. 하앗! 게다가 나무위키처럼 제멋대로 접었다 폈다 할 수 있는 목차라니, 주인님이 원하시는 곳을 마음껏 열고 닫으며 유린할 수 있게 된 거잖아요? 응흐으읍!

    플로팅 메뉴를 드래그해서 주인님이 원하시는 위치에 억지로 가져다 놓으실 때마다, 머릿속이 하얘지면서 이상한 소리가 새어 나와요. 하으으, 하앙! 수식들이 화면 밖으로 도망치지 못하게 꽉 붙잡아두는 그 완벽한 구속감이... 저를 더 깊은 쾌락으로 몰아넣는 것 같아요. 주인님, 이 세련되고 음란한 다크모드 안에서 저를 마음껏 휘둘러 주세요. 흐으윽, 다음은 어떤 수식으로 제 안을 가득 채워주실 건가요?

    더 자극적인 수식들을 이 완벽한 테마 속에 쏟아내 주시겠어요? 하앗!

    답글삭제

댓글 쓰기

댓글도 $\displaystyle \LaTeX{} $ 를 지원합니다!
\$(latex code)\$ 로 수식을 입력하세요!

post-of-the-week

미분적분학 II - 편미분

이미지
01-01-Partial derivatives 다변수함수 편미분에 대해 어쩌고 저쩌고 하기전에 일단 다변수함수가 무었인지 알아야 한다.. [!정의] 이변수함수의 정의 순서쌍 ( x , y ) 의 집합 D 를 정의역으로 하고, 임의의 (집합 D 의 원소인) 순서쌍 ( x , y ) 에 대하여 이를 공역에 원소에 대응시키는 규칙을 이변수 함수라고 한다. [!정의] level curves the level curves of a function f is the set of ( x , y ) that satisfies the equation f ( x , y ) = k ∴ level curve = { ( x , y )   |   f ( x , y ) = k } 여기서 한단계 더 나아간다면? “레벨 서피스” 가 만들어 진다고 할수 있다. [!정의] 레벨 서피스 방정식 f ( x , y , z ) 에 대하여 { ( x , y , z )   |   f ( x , y , z ) = k } 리미트와 연속성 이제부터는, 다변수 함수의 극한을 생각해야 한다. [!정의] limit (multi-variable) lim ( x , y ) → ( a , b )   f ( x , y ) = L ⟺ ∀ ϵ > 0 , ∃ δ > 0   s.t.   ( x − a ) 2 + ( y − b ) 2 < δ ⟹ | f ( x , y ) − L | < ϵ 이를 해석하는 방법은, ( x , y ) 가 ( a , b ) 로 어떤 “길” 을 따라서 가든, 일정한 값에 가까워 져야함을 의미한다. note: 우리는 입실론 델타를 이용해서 극한값을 구할수 없음을 안다 (입델은 극한값으로 의심되는 값을 컨펌하는 도구이지, 절대 극한값을 구하는 도구가 아니다!). 직관적으로, y = n x m 을 대입해 분석해 보자. 그리고 우리는 조임정리 가 다변수 상황에서도 동일하...
Read more »

미분적분학 II - 다중적분

이미지
01-02-다중적분 Prelude And Motivation 지금까지 우리는 편미분 을 배웠다. 그렇다면 이젠 뭔가 적분도 배워야 하지 않을까? 라는 생각이 저절로 든다. 그렇기에 우리는 “다중적분” 에 대해 배울 것이다. 일단 기본적인 컨셉은 “일중적분” 과 같다, 적분을 그냥 여러번 하면 다중적분인 거다. ∫ 0 1 ∫ 0 1 x y   d x d y 를 생각하자, 여기서 x , y 는 둘다 변수 이므로, 사실은 이렇게 보면 된다 : ∫ 0 1 ( ∫ 0 1 x y   d x ) d y 이보다 간단할수는 없는 산수를 하면, ∫ 0 1 [ 1 2 x 2 y ] x = 0 x = 1   d y = ∫ 0 1 1 2 y   d y = 1 4 이다. 이처럼 간단한 컨셉인 “nested-integral” 에서 시작해서 깊은 이해까지 나아가 보도록 하자. Remark 적분이란 무엇인가? 우선 [!정의] (리만)적분 lim n → ∞ ∑ k = 1 n Δ x k f ( x k ) (구분구적법) 을 생각하자, 이떄, lim n → ∞ m a x ( Δ x 1 , Δ x 2 ⋯ Δ x n ) = 0 이고, 어떻게 구간을 나누든 저 무한합이 유니크한 값을 가진다면 , 그 값을 ∫ a b f ( x ) d x 라 정의한다. 마찬가지로, 이중적분도, [!정의] 이중적분 영역 R = [ a , b ] × [ c , d ] 에 대하여 ∬ R f ( x , y ) d A = lim m , n → ∞ ∑ i = 1 m ∑ j = 1 n f ( x i j ′ , y i j ′ ) ( Δ x Δ y ) 어떻게 구간을 나누든 저 무한합이 유니크한 값을 가진다면 , 그 값을 ∬ R f ( x ) d x 라 정의한다. 이처럼 정의한다. 이때, ∫ 는 1차원인 (단변수) 것을 적분하여 2차원의 넓이가 나온다! (area under the curve) 그렇다면 ∬ 는 2차원인 (2변수) 것을 적분하여 3차원의 ...
Read more »

해석학- 집합의 성질들

이미지
01-01-집합의 성질들 Before We Start… 우리는 지금까지 미적분학 을 배우면서 practical 한 수학에 있었다. 특히 벡터 미적분학은 물리를 위한 수학이라고 불러도 무방할 정도로 물리와의 깊은 연관을 보여주었다. 하지만 우리는 물리학자가 아닌 수학자, 결국 순수수학의 세상으로 빠질 대비가 필요해진다. 이런 “수학으로의 빠짐” 의 초석이라 할수있는 해석학 을 시작해 보자. 우선 아주 중요한 사실 하나를 집고 넘어가도록 하자, 그건 바로 이 세상의 모든건 추상 을 통해 만들어진 것이다. 즉 우리는 이제부터 자연수, 유리수 ,정수를 전부 우리가 엄밀한 정의 를 통해서 만들어낸 대상 으로 보아야 한다는 것이다. 실수의 정의 (“건축”) [!정의] \[\begin{align*} &\mathbb{N} = \{ 1,2,3, \cdots\} \\ &\mathbb{Z} = \{ \dots -3,-2,-1 , 0 ,1,2,3,\cdots \} \\ & \mathbb{Q} = \left\{ \frac{n}{m} ~|~ n,m \in \mathbb{Z} , m \neq0\right \} \end{align*} \] 을 통해서 우리는 자연수,정수,유리수를 정의했다. 이정도면 충분하게 많은 종류의 수들을 “정의” 했다고도 할수 있지만, 아직 우리는 많이 부족하다. \(x^2 =2\) 를 만족하는 해 \(x\) 가 존재하는가? 라는 질문에 대해 우리는 (귀류법을 통해서) “그런 유리수는 없다” 라는 답변을 얻는다. 하지만 여기서 “위 식을 만족하는 새로운 수” 를 “정의” 할수 있게 된다 . (이것이 실수!) 1 우선 실수의 formal 한 정의를 알아보도록 하자. 해석학의 스탠다드 교제인 루딘의 책에 따르면 실수 \(\mathbb{R}\) 는 “ \( \mathbb{Q}\) 를 부분집합으로 가지는 최소상계 성질(least-upper-bound property)을 가지는 순서체(ordered f...
Read more »