문서 작성을 하다보면 가독력과 완결성을 높이기 위해서는 넘버링이 필요합니다.
넘버링 표시에는 다양한 방법이 있는데 그 중에서도 "①"과 같이 원 문자 (원 안에 숫자가 있는 문자)를
사용하기도 합니다.
가장 쉬운 원 문자 입력 방법으로는 키보드로 ㅇ+한자 키( 한글 자음인"이응"과 한자 키)를 눌러 적용하는 것입니다.
하지만 이 방법으로는 ①에서 ⑮까지만 나와서 그 이상의 숫자를 적용해야할 때 난처해질 수 있습니다.
다음의 2가지의 방법으로 원 문자 1~50을 사용할 수 있도록 제공합니다.
1. 다음의 원 문자 1~50을 복사하여 사용해보세요.
원 문자 1~50
① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩
⑪ ⑫ ⑬ ⑭ ⑮ ⑯ ⑰ ⑱ ⑲ ⑳
㉑ ㉒ ㉓ ㉔ ㉕ ㉖ ㉗ ㉘ ㉙ ㉚
㉛ ㉜ ㉝ ㉞ ㉟ ㊱ ㊲ ㊳ ㊴ ㊵
㊶ ㊷ ㊸ ㊹ ㊺ ㊻ ㊼ ㊽ ㊾ ㊿
2. 유니코드 값을 이용해 문자를 생성하는 방법
유니코드 값을 알고 있다면, 다음 방법을 통해 해당 문자를 입력할 수 있습니다.
(㉟, ㊱ 두 개의 문자를 예로 들겠습니다.)
① 윈도우(Windows)에서 유니코드 문자 입력하는 방법
- 문자 코드(U+325F)를 기억합니다.
- Alt 키를 누른 상태에서 숫자 패드(키보드 우측의 숫자 키)를 이용해 입력합니다.
- Alt + X 키를 누르면 유니코드 값이 문자로 변환됩니다.
- 예: 325F 입력 후 Alt + X → ㉟
- 예: 32B1 입력 후 Alt + X → ㊱
② Mac(macOS)에서 유니코드 문자 입력하는 방법
- Control + Command + Space 를 눌러 이모티콘 및 기호 패널을 엽니다.
- 검색창에 "원 숫자" 또는 해당 기호를 입력하여 선택합니다.
- 유니코드 문자 코드로 입력하는 기능은 기본적으로 제공되지 않지만, "문자 보기" 기능을 사용하면 찾을 수 있습니다.
③ HTML / CSS에서 유니코드 문자 입력하는 방법
- HTML에서는 유니코드를 &#x유니코드; 형식으로 입력하면 됩니다.
<p>㊱ = ㊱</p>
④ Python 등 프로그래밍 언어에서 유니코드 문자 출력하기
- 파이썬에서 chr() 함수를 사용하여 유니코드 값을 문자로 변환할 수 있습니다.
print(chr(0x325F)) # ㉟
print(chr (0x32B1)) # ㊱
💡 설명:
- ①~⑳(1~20): 일반적으로 사용 가능한 문자 코드
- ㉑~㉟(21~35): 일부 환경에서 지원되는 문자
- ㊱~㊿(36~50): 특정 환경에서 지원 가능
⚠ 51 이상부터는 원 문자로 된 숫자가 제공되지 않습니다.
50 이후 숫자가 필요하면 (51), ⓵⓶⓷ 또는 🅞🅝🅔 방식으로 대체할 수 있습니다.
*(참고) 원 숫자 1~50 (유니코드 공식 지원)
숫자문자유니코드숫자문자유니코드
1 | ① | U+2460 | 26 | ㉖ | U+3256 |
2 | ② | U+2461 | 27 | ㉗ | U+3257 |
3 | ③ | U+2462 | 28 | ㉘ | U+3258 |
4 | ④ | U+2463 | 29 | ㉙ | U+3259 |
5 | ⑤ | U+2464 | 30 | ㉚ | U+325A |
6 | ⑥ | U+2465 | 31 | ㉛ | U+325B |
7 | ⑦ | U+2466 | 32 | ㉜ | U+325C |
8 | ⑧ | U+2467 | 33 | ㉝ | U+325D |
9 | ⑨ | U+2468 | 34 | ㉞ | U+325E |
10 | ⑩ | U+2469 | 35 | ㉟ | U+325F |
11 | ⑪ | U+246A | 36 | ㊱ | U+32B1 |
12 | ⑫ | U+246B | 37 | ㊲ | U+32B2 |
13 | ⑬ | U+246C | 38 | ㊳ | U+32B3 |
14 | ⑭ | U+246D | 39 | ㊴ | U+32B4 |
15 | ⑮ | U+246E | 40 | ㊵ | U+32B5 |
16 | ⑯ | U+246F | 41 | ㊶ | U+32B6 |
17 | ⑰ | U+2470 | 42 | ㊷ | U+32B7 |
18 | ⑱ | U+2471 | 43 | ㊸ | U+32B8 |
19 | ⑲ | U+2472 | 44 | ㊹ | U+32B9 |
20 | ⑳ | U+2473 | 45 | ㊺ | U+32BA |
21 | ㉑ | U+3251 | 46 | ㊻ | U+32BB |
22 | ㉒ | U+3252 | 47 | ㊼ | U+32BC |
23 | ㉓ | U+3253 | 48 | ㊽ | U+32BD |
24 | ㉔ | U+3254 | 49 | ㊾ | U+32BE |
25 | ㉕ | U+3255 | 50 | ㊿ | U+32BF |
3. 원 숫자 51~100 (유니코드 미제공, 대체 방법)
유니코드는 1~50까지만 원 숫자를 공식 지원하며, 51 이상은 제공되지 않습니다.
➡ 따라서, 다음과 같은 대체 방법을 사용할 수 있습니다.
✅ ① 숫자 + 원 문자 조합
- ⓵①, ⓶②, ⓷③ … ⓾⓪
✅ ② HTML & CSS 활용 (원 스타일 직접 추가)
<style>
.circle { border: 2px solid black; border-radius: 50%; padding: 5px 10px; }
</style>
<span class="circle">51</span>
➡ 이렇게 하면 숫자에 원을 씌운 효과를 낼 수 있습니다.
✅ ③ 이모지 활용 (🅾️, 🅿️ 등의 대체 기호 사용)
- 🅾️5️⃣1️⃣, 🅾️5️⃣2️⃣ … 🅾️1️⃣0️⃣0️⃣
결론
📌 유니코드는 원 숫자 1~50까지만 공식 지원하며, 51부터는 HTML, CSS, 이미지, 또는 대체 기호를 사용해야 합니다.
📌 51~100까지 원 숫자가 필요한 경우, 직접 디자인하거나 대체 기호를 조합하여 활용하는 방법이 있습니다.