Nov 23, 2025
🛠 MDX 특수문자 모음집
MDX에서 문법 충돌이 나는 특수문자들을 위한 HTML Entity 코드 모음입니다.
1. 화살표 (Flow & Logic)
가장 많이 깨지는 녀석들입니다. -> 대신 아래 코드를 쓰세요.
| 모양 | 이름 | HTML 코드 (추천) | 설명 |
|---|---|---|---|
| → | Right Arrow | → | 기본 화살표 (-> 대용) |
| ← | Left Arrow | ← | |
| ↔ | Left-Right | ↔ | 양방향 |
| ⇒ | Double Right | ⇒ | => 함수나 함의 표현 |
| ⇢ | Dotted Right | ⇢ | 점선 화살표 (비동기 흐름 등) |
| ↳ | Down Right | ↳ | 하위 디렉토리 구조 표현 |
2. MDX 4대장 (필수 이스케이프)
이 문자들은 MDX가 코드로 인식할 수 있어 반드시 코드로 쓰는 게 안전합니다. (모양 컬럼의 문자들도 안전하게 Entity로 변환했습니다)
| 모양 | 이름 | HTML 코드 | 위험성 |
|---|---|---|---|
| < | Less Than | < | HTML 태그 열기로 오인 |
| > | Greater Than | > | HTML 태그 닫기/인용문으로 오인 |
| { | Open Brace | { | JS 변수 시작으로 오인 |
| } | Close Brace | } | JS 변수 끝으로 오인 |
3. 맥(Mac) 키보드 단축키
맥북 튜토리얼 쓸 때 필수입니다.
| 모양 | 이름 | HTML 코드 | 비고 |
|---|---|---|---|
| ⌘ | Command | ⌘ | |
| ⌥ | Option (Alt) | ⌥ | |
| ⇧ | Shift | ⇧ | |
| ⌃ | Control | ⌃ | |
| ⇪ | Caps Lock | ⇪ | |
| ⏎ | Enter/Return | ⏎ | |
| ⌫ | Delete | ⌫ | |
| ⎋ | Esc | ⎋ |
4. 수학 & 개발 기호
| 모양 | 이름 | HTML 코드 | 비고 |
|---|---|---|---|
| ≠ | Not Equal | ≠ | != 대신 깔끔하게 |
| ≤ | Less Equal | ≤ | <= 대신 |
| ≥ | Greater Equal | ≥ | >= 대신 |
| × | Multiply | × | x 대신 곱하기 기호 |
| © | Copyright | © | 푸터용 |
| … | Ellipsis | … | 점 3개 깔끔하게 |
5. UI 상태 아이콘 (텍스트 버전)
이모지보다 깔끔한 폰트 아이콘 느낌을 낼 때 좋습니다.
| 모양 | 이름 | HTML 코드 |
|---|---|---|
| ✓ | Check | ✓ |
| ✕ | Cross | ✕ |
| ★ | Star (Solid) | ★ |
| ☆ | Star (Empty) | ☆ |
| ⚠ | Warning | ⚠ |