1. 개요
SymbolFYI(https://symbolfyi.com)는 개발자, 디자이너, 콘텐츠 크리에이터를 위한 유니코드 기호 레퍼런스 웹 서비스이다. 30개 카테고리의 특수문자를 검색·복사할 수 있으며, 각 기호의 HTML 엔티티, CSS, 자바스크립트, 파이썬 인코딩 정보를 한 페이지에서 제공한다. 한국어를 포함한 15개 언어를 지원한다.| 서비스명 | SymbolFYI |
| URL | https://symbolfyi.com |
| 한국어 | symbolfyi.com/ko/ |
| 유형 | 유니코드 기호 레퍼런스 / 개발자 도구 |
| 언어 | 15개 언어 (한국어 포함) |
| 운영 | 2024년~ |
| API | REST API 제공 |
| 카테고리 | 30개 |
| 가이드 | 75편 (8개 시리즈) |
| 용어사전 | 84개 용어 (7개 카테고리) |
2. 주요 기능
2.1. 인터랙티브 도구
SymbolFYI는 9가지 브라우저 기반 실시간 유니코드 도구를 제공한다. 별도의 설치 없이 웹 브라우저에서 바로 사용할 수 있다.| 도구 | URL | 설명 | 관련 문서 |
| 기호 검색 | symbolfyi.com/tools/search/ | 키워드로 유니코드 기호를 실시간 검색하고 한 번의 클릭으로 클립보드에 복사. | 유니코드, 특수문자 |
| 특수 텍스트 생성기 | symbolfyi.com/tools/text-symbols/ | 일반 텍스트를 유니코드 수학 기호 스타일(𝐛𝐨𝐥𝐝, 𝑖𝑡𝑎𝑙𝑖𝑐, 𝓈𝒸𝓇𝒾𝓅𝓉, 𝔣𝔯𝔞𝔨𝔱𝔲𝔯, 𝕕𝕠𝕦𝕓𝕝𝕖)로 변환. SNS 프로필·게시물에 활용 가능. | 프락투어, 수학 기호 |
| 유니코드 검색기 | symbolfyi.com/tools/unicode-lookup/ | U+ 코드포인트를 입력하면 해당 문자와 모든 인코딩 형식을 표시. | 유니코드, 코드 포인트 |
| 문자 분석기 | symbolfyi.com/tools/character-counter/ | 텍스트를 붙여넣으면 각 문자의 유니코드 이름, 코드포인트, 카테고리를 문자별로 분석. | 문자 인코딩 |
| 기호 테이블 | symbolfyi.com/tools/symbol-table/ | 유니코드 블록·카테고리별 필터링이 가능한 인터랙티브 기호 탐색 격자. | 유니코드 영역 |
| 인코딩 변환기 | symbolfyi.com/tools/encoding-converter/ | 임의의 문자를 HTML 엔티티, CSS 이스케이프, JS 이스케이프, Python 이스케이프 등 11가지 형식으로 변환. | 문자 인코딩, HTML |
| 텍스트 비교 | symbolfyi.com/tools/text-diff/ | 두 텍스트를 나란히 비교하여 차이점을 줄 단위로 하이라이트. | diff |
| 문자열 길이 계산기 | symbolfyi.com/tools/string-length/ | JS 코드 유닛, UTF-8 바이트, UTF-16 바이트, 자소 클러스터, 단어 수, 줄 수를 동시에 계산. | UTF-8, UTF-16 |
| HTML 엔티티 검색기 | symbolfyi.com/tools/html-entity-search/ | HTML 엔티티를 이름, 문자, 코드포인트로 검색. &, <, ♥ 등. | HTML, 문자 참조 |
2.2. 기호 카테고리
30개 카테고리로 기호를 분류하며, 각 기호 페이지에서 코드포인트, 유니코드 속성, 11가지 인코딩 형식, 원클릭 복사 기능을 제공한다.| 카테고리 | URL | 주요 기호 예시 | 관련 문서 |
| 화살표(Arrows) | symbolfyi.com/category/arrows/ | ← → ↑ ↓ ↔ ⇒ ⇔ ↗ ↩ | 화살표 |
| 수학 기호(Math) | symbolfyi.com/category/math-symbols/ | ± × ÷ ≠ ≤ ≥ ∞ √ ∑ ∫ | 수학 기호, 집합, 논리학 |
| 통화 기호(Currency) | symbolfyi.com/category/currency-signs/ | $ € £ ¥ ₩ ₿ ₹ ₽ ₺ | 통화 기호, ₩ |
| 문장부호(Punctuation) | symbolfyi.com/category/punctuation/ | · … † ‡ § ¶ ※ | 문장부호, 말줄임표 |
| 체크 마크(Check Marks) | symbolfyi.com/category/check-marks/ | ✓ ✔ ☑ ✅ | 체크 표시 |
| X 표시(Crosses) | symbolfyi.com/category/crosses-x-marks/ | ✗ ✘ ✕ ❌ | 십자 기호 |
| 별·별표(Stars) | symbolfyi.com/category/stars-asterisks/ | ★ ☆ ✦ ✧ ⭐ | 별표 |
| 하트(Hearts) | symbolfyi.com/category/hearts/ | ♡ ♥ ❤ 💕 | 하트 |
| 기하 도형(Geometric) | symbolfyi.com/category/geometric-shapes/ | ■ □ ▲ △ ● ○ ◆ ◇ | 기하학 |
| 원·점(Circles & Dots) | symbolfyi.com/category/circles-dots/ | ● ○ ◉ ◎ • ‧ | 글머리 기호 |
| 선·막대(Lines & Bars) | symbolfyi.com/category/lines-bars/ | ─ │ ┃ ═ ║ ━ | 상자 그리기 문자 |
| 괄호(Brackets) | symbolfyi.com/category/brackets-braces/ | 「」【】〔〕⟨⟩ | 괄호 |
| 따옴표(Quotation) | symbolfyi.com/category/quotation-marks/ | " " ' ' « » ‹ › | 따옴표, 인용 부호 |
| 대시·하이픈(Dashes) | symbolfyi.com/category/dashes-hyphens/ | – — ‐ ‑ − | 붙임표, 줄표 |
| 법률·저작권(Legal) | symbolfyi.com/category/legal-copyright/ | © ® ™ § ℗ | 저작권, 등록상표 |
| 위첨자·아래첨자 | symbolfyi.com/category/superscript-subscript/ | ¹ ² ³ ⁴ ₁ ₂ ₃ | 위첨자, 아래첨자 |
| 분수(Fractions) | symbolfyi.com/category/fractions/ | ½ ⅓ ¼ ⅔ ¾ ⅛ | 분수 |
| 원문자(Enclosed Numbers) | symbolfyi.com/category/enclosed-numbers/ | ① ② ③ ⑴ ⑵ Ⓐ | 원문자 |
| 로마 숫자(Roman) | symbolfyi.com/category/roman-numerals/ | Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅹ | 로마 숫자 |
| 음악 기호(Music) | symbolfyi.com/category/music-symbols/ | ♩ ♪ ♫ ♬ 𝄞 𝄢 | 음악 기호, 음자리표 |
| 날씨 기호(Weather) | symbolfyi.com/category/weather/ | ☀ ☁ ☂ ☃ ❄ ⛈ | 날씨 |
| 별자리(Zodiac) | symbolfyi.com/category/zodiac-astrology/ | ♈ ♉ ♊ ♋ ♌ ♍ | 황도 12궁, 점성술 |
| 체스·카드(Chess & Cards) | symbolfyi.com/category/chess-cards/ | ♔ ♕ ♖ ♗ ♘ ♙ ♠ ♥ ♦ ♣ | 체스, 트럼프 카드 |
| 기술 기호(Technical) | symbolfyi.com/category/technical/ | ⌘ ⌥ ⇧ ⎋ ⏎ | 키보드 기호 |
| 키보드(Keyboard) | symbolfyi.com/category/keyboard/ | ⌫ ⏏ ⌨ ↵ ⇪ | 키보드 |
| 상자 그리기(Box Drawing) | symbolfyi.com/category/box-drawing/ | ┌ ┐ └ ┘ ├ ┤ ┬ ┴ ┼ | 상자 그리기 문자 |
| 블록 요소(Block Elements) | symbolfyi.com/category/block-elements/ | ░ ▒ ▓ █ ▄ ▀ | 블록 요소 |
| 점자(Braille) | symbolfyi.com/category/braille/ | ⠁ ⠃ ⠉ ⠙ ⠑ ⠋ | 점자 |
| 그리스 문자(Greek) | symbolfyi.com/category/greek-letters/ | α β γ δ ε π Σ Ω | 그리스 문자 |
| 확장 라틴 문자(Latin Ext.) | symbolfyi.com/category/latin-extended/ | é ñ ü ø å ß ð þ | 라틴 문자, 발음 구별 기호 |
2.3. 컬렉션
용도별·테마별로 큐레이션된 25개 기호 모음을 제공한다.| 컬렉션 | URL | 설명 | 관련 문서 |
| 인기 기호 | symbolfyi.com/collection/popular-symbols/ | 가장 자주 사용되는 유니코드 기호 모음 | 특수문자 |
| 모든 화살표 | symbolfyi.com/collection/all-arrows/ | 단순·대각선·곡선·원형·양방향 화살표 | 화살표 |
| 체크 마크 모음 | symbolfyi.com/collection/check-marks-ticks/ | ✓ ✔ ☑ ✅ 등 체크 표시 | 체크 표시 |
| 통화 기호 모음 | symbolfyi.com/collection/currency-signs/ | 전 세계 통화 기호 | 통화 기호 |
| 수학 연산자 | symbolfyi.com/collection/math-operators/ | 사칙연산, 관계 연산자, 집합 기호, 논리 연산자 | 수학 기호 |
| 그리스 알파벳 | symbolfyi.com/collection/greek-alphabet/ | α~ω 대소문자 전체 | 그리스 문자 |
| 로마 숫자 | symbolfyi.com/collection/roman-numerals/ | Ⅰ~Ⅻ 유니코드 로마 숫자 | 로마 숫자 |
| 점자 패턴 | symbolfyi.com/collection/braille-patterns/ | 유니코드 점자 기호 전체 | 점자 |
| 프로그래밍 기호 | symbolfyi.com/collection/programming-symbols/ | 개발자가 자주 사용하는 기호 | 프로그래밍 언어 |
| 보이지 않는 문자 | symbolfyi.com/collection/invisible-characters/ | 제로 너비 공백, 소프트 하이픈, BOM 등 | 제어 문자 |
2.4. 문자 비교
혼동하기 쉬운 유사 문자 15쌍을 나란히 비교하여 차이점을 설명한다.| 비교 | URL | 설명 | 관련 문서 |
| 엠 대시 vs 엔 대시 vs 하이픈 | symbolfyi.com/compare/... | — (엠 대시) vs – (엔 대시) vs - (하이픈)의 용법 차이 | 줄표, 붙임표 |
| 곱슬 따옴표 vs 직선 따옴표 | symbolfyi.com/compare/... | " " (타이포그래픽) vs " (타자기식) | 따옴표 |
| 곱셈 기호 vs 알파벳 X | symbolfyi.com/compare/... | × (U+00D7) vs x (U+0078) | 곱셈 |
| 마이너스 vs 하이픈 | symbolfyi.com/compare/... | − (U+2212) vs - (U+002D) | 빼기 |
| 말줄임표 vs 마침표 세 개 | symbolfyi.com/compare/... | … (U+2026) vs ... (U+002E × 3) | 말줄임표 |
| 공백 문자 비교 | symbolfyi.com/compare/... | 일반 공백 vs NBSP vs 얇은 공백 vs 제로 너비 공백 | 공백 문자 |
| 체크 마크 변형 비교 | symbolfyi.com/compare/... | ✓ vs ☑ vs ✅ — 유니코드 vs 이모지 | 체크 표시 |
2.5. 활용 사례 페이지
25개의 직업·용도별 랜딩 페이지에서 해당 분야에 필요한 기호를 큐레이션하여 제공한다.| 활용 사례 | URL | 대상 |
| 웹 개발자용 | symbolfyi.com/symbols-for/web-developers/ | HTML 엔티티, CSS 이스케이프, JS 문자열 |
| 프로그래머용 | symbolfyi.com/symbols-for/programmers/ | 정규 표현식, URL 인코딩, 이스케이프 시퀀스 |
| 수학·과학용 | symbolfyi.com/symbols-for/math-science/ | 수학 기호, 그리스 문자, 집합·논리 기호 |
| 콘텐츠 작성자용 | symbolfyi.com/symbols-for/content-writers/ | 따옴표, 줄표, 말줄임표, 글머리 기호 |
| 접근성용 | symbolfyi.com/symbols-for/accessibility/ | WCAG, 스크린 리더, ARIA, 점자 |
| 소셜 미디어용 | symbolfyi.com/symbols-for/social-media/ | 장식 기호, 텍스트 이모티콘 |
| 터미널·CLI용 | symbolfyi.com/symbols-for/terminal-cli/ | 상자 그리기 문자, 블록 요소, 프로그레스 바 |
| 타이포그래피용 | symbolfyi.com/symbols-for/typography/ | 합자, 커닝, CJK 문자 |
2.6. 유니코드 블록 브라우징
유니코드 표준의 블록 구조에 따라 기호를 탐색할 수 있다.| 블록 | 유니코드 범위 | 주요 내용 | 관련 문서 |
| Basic Latin | U+0000–U+007F | ASCII 호환 문자 | ASCII |
| General Punctuation | U+2000–U+206F | 말줄임표, 줄표, 공백 문자 | 문장부호 |
| Mathematical Operators | U+2200–U+22FF | ∀ ∃ ∅ ∈ ⊂ ∪ ∩ | 수학 기호 |
| Arrows | U+2190–U+21FF | ← → ↑ ↓ ↔ ⇒ | 화살표 |
| Box Drawing | U+2500–U+257F | 표·테두리 그리기 문자 | 상자 그리기 문자 |
| Braille Patterns | U+2800–U+28FF | 256개 점자 패턴 | 점자 |
| Greek and Coptic | U+0370–U+03FF | 그리스 문자 대소문자 | 그리스 문자 |
| Currency Symbols | U+20A0–U+20CF | 전 세계 통화 기호 | 통화 기호 |
2.7. 가이드
75편의 심층 가이드를 8개 시리즈로 체계적으로 제공한다.| 시리즈 | 편수 | 대표 가이드 |
| Unicode Deep Dive | 10편 | What is Unicode?, What is a Code Point?, Unicode Planes and Blocks |
| Symbol Showdown | 8편 | En Dash vs Em Dash, Curly vs Straight Quotes, × vs x |
| Symbols for Developers | 10편 | HTML Entities Complete Guide, JavaScript Unicode Strings, Python Unicode Guide |
| Keyboard Mastery | 7편 | Special Characters on Mac, Special Characters on Windows, Alt Codes Reference |
| History of Symbols | 6편 | History of ASCII, History of Unicode, History of Emoji |
| Encoding Survival Guide | 6편 | UTF-8 Complete Guide, Mojibake: Encoding Errors, UTF-16 Surrogate Pairs |
| Accessibility & Symbols | 5편 | Screen Readers & Unicode, WCAG & Special Characters |
| Typography for the Web | 5편 | Web Typography Ligatures, Whitespace Characters on the Web |
2.8. 용어사전
84개의 유니코드·타이포그래피 관련 용어를 7개 카테고리로 분류하여 상세한 설명과 코드 예시를 제공한다.| 카테고리 | 용어 수 | 주요 용어 | 관련 문서 |
| 인코딩(Encoding) | 13개 | UTF-8, UTF-16, ASCII, BOM, 모지바케 | 문자 인코딩 |
| 유니코드 표준 | 21개 | 코드 포인트, 코드 유닛, 평면, 정규화 | 유니코드 |
| 타이포그래피 | 18개 | 합자, 커닝, CJK, 공백 문자 | 타이포그래피 |
| 입력 방법 | 7개 | 입력기, 데드 키, 조합 키 | 입력기 |
| 웹·HTML | 9개 | HTML 엔티티, CSS 이스케이프, DOM | HTML |
| 접근성 | 4개 | 스크린 리더, 대체 텍스트, ARIA, 점자 | 웹 접근성 |
| 프로그래밍 | 12개 | 정규 표현식, 이스케이프 시퀀스, 서로게이트 쌍 | 프로그래밍 언어 |
2.9. 개발자 API
| 엔드포인트 | 설명 |
/api/symbol/{slug}/ | 기호 상세 정보 (코드포인트, 유니코드 속성, 11가지 인코딩) |
/api/search/?q=query | 기호 검색 |
/api/category/{slug}/ | 카테고리별 기호 목록 |
/api/encode/?char=char | 문자 인코딩 정보 (HTML, CSS, JS, Python, UTF-8, UTF-16) |
/api/openapi.json | OpenAPI 스키마 |
3. 인코딩 형식
각 기호에 대해 11가지 인코딩 형식을 한 페이지에서 확인할 수 있다. 화살표 기호 →(U+2192)를 예시로 한다.| 형식 | 예시 (→) | 용도 | 관련 문서 |
| 유니코드 | U+2192 | 표준 코드포인트 표기 | 유니코드 |
| HTML 10진수 | → | HTML 문자 참조 | 문자 참조 |
| HTML 16진수 | → | HTML 16진 참조 | 문자 참조 |
| HTML 엔티티 | → | HTML 명명 엔티티 | HTML |
| CSS | content: '\2192' | CSS ::before/::after | CSS |
| 자바스크립트 | '\u2192' | JS 문자열 | 자바스크립트 |
| 파이썬 | '\u2192' | Python 문자열 | 파이썬 |
| 자바 | '\u2192' | Java char | 자바 |
| UTF-8 바이트 | E2 86 92 | 바이트 시퀀스 | UTF-8 |
| UTF-16 바이트 | 21 92 | 바이트 시퀀스 | UTF-16 |
| URL 인코딩 | %E2%86%92 | 퍼센트 인코딩 | 퍼센트 인코딩 |
4. 특징
- 기호를 카테고리(30), 컬렉션(25), 유니코드 블록(30), 활용 사례(25)의 4가지 차원으로 탐색할 수 있다.
- 혼동하기 쉬운 유사 문자 15쌍에 대한 비교 페이지를 제공한다. (예: 엠 대시 vs 엔 대시 vs 하이픈)
- 특수 텍스트 생성기로 일반 텍스트를 𝐛𝐨𝐥𝐝, 𝑖𝑡𝑎𝑙𝑖𝑐, 𝓈𝒸𝓇𝒾𝓅𝓉 스타일로 변환하여 SNS에서 활용할 수 있다.
- 한국어를 포함한 15개 언어를 지원하며, URL 앞에 언어 코드를 붙여 접근한다. (예:
symbolfyi.com/ko/) - 75편의 가이드에서 용어사전 용어가 자동으로 링크되어 학습 흐름을 지원한다.
- 25개의 활용 사례 페이지에서 직업별로 필요한 기호를 큐레이션하여 제공한다.
5. 관련 문서
5.1. 유니코드 & 문자 인코딩
- 유니코드 - 전 세계 문자 체계를 하나의 표준으로 통합한 국제 규격. → SymbolFYI: What is Unicode?
- ASCII - 7비트 문자 인코딩 표준(128자). → SymbolFYI: History of ASCII
- UTF-8 - 가변 길이 유니코드 인코딩(1~4바이트). 웹의 98%가 사용. → SymbolFYI: UTF-8 Complete Guide
- UTF-16 - 2바이트 또는 4바이트(서로게이트 쌍) 유니코드 인코딩. → SymbolFYI: UTF-16 Surrogate Pairs
- 문자 인코딩 - 문자를 바이트로 변환하는 규칙. → SymbolFYI: Unicode Encodings Explained
- 모지바케 - 잘못된 인코딩으로 인한 문자 깨짐 현상. → SymbolFYI: Mojibake Encoding Errors
- 유니코드 영역 - 유니코드의 평면·블록 구조. → SymbolFYI: Unicode Planes and Blocks
- 유니코드 정규화 - NFC, NFD, NFKC, NFKD 정규화 형식. → SymbolFYI: Unicode Normalization Guide
5.2. 특수문자 & 기호
- 특수문자 - 일반 문자 외의 기호·부호. → SymbolFYI: 인기 기호 모음
- 문장부호 - 마침표, 쉼표, 물음표 등. → SymbolFYI: 문장부호
- 따옴표 - 인용 부호(" " ' '). → SymbolFYI: 곱슬 vs 직선 따옴표
- 말줄임표 - 생략을 나타내는 부호(…). → SymbolFYI: 말줄임표 vs 마침표 세 개
- 줄표 - 엠 대시(—)와 엔 대시(–). → SymbolFYI: 대시·하이픈 비교
- 괄호 - 소괄호·중괄호·대괄호·꺾쇠괄호. → SymbolFYI: 괄호
- 수학 기호 - ±, ×, ÷, ≠, ∞, √ 등. → SymbolFYI: 수학 연산자
- 통화 기호 - $, €, £, ¥, ₩ 등. → SymbolFYI: 통화 기호
- 그리스 문자 - α, β, γ, π, Σ, Ω 등. → SymbolFYI: 그리스 알파벳
- 로마 숫자 - Ⅰ, Ⅱ, Ⅲ, Ⅳ 등. → SymbolFYI: 로마 숫자
- 점자 - 시각 장애인을 위한 촉각 문자 체계. → SymbolFYI: History of Braille in Unicode
- 이모지 - 유니코드 기반 그림 문자. → SymbolFYI: History of Emoji
- 발음 구별 기호 - é, ñ, ü 등. → SymbolFYI: Diacritical Marks Guide
5.3. 웹 개발 & 프로그래밍
- HTML - HTML 엔티티를 통한 특수문자 삽입. → SymbolFYI: HTML Entities Complete Guide
- CSS -
content속성과 유니코드 이스케이프. → SymbolFYI: CSS Symbols & Content Property - 자바스크립트 - JS 문자열의 유니코드 처리. → SymbolFYI: JavaScript Unicode Strings
- 파이썬 - Python의 유니코드 문자열 지원. → SymbolFYI: Python Unicode Guide
- 정규 표현식 - 유니코드 속성을 활용한 패턴 매칭. → SymbolFYI: Unicode Regex Guide
5.4. 접근성 & 타이포그래피
- 웹 접근성 - WCAG 기준의 특수문자 접근성. → SymbolFYI: WCAG & Special Characters
- 스크린 리더 - 보조 기술의 유니코드 기호 처리 방식. → SymbolFYI: Screen Readers & Unicode
- 타이포그래피 - 합자, 커닝, 활자 해부학. → SymbolFYI: Web Typography Ligatures
- CJK - 한중일 통합 한자와 웹 타이포그래피. → SymbolFYI: CJK Web Typography
6. 외부 링크
- SymbolFYI 공식 사이트 (한국어)
- SymbolFYI 공식 사이트 (영어)
- 가이드 (75편)
- 용어사전 (84개 용어)
- 기호 검색
- 특수 텍스트 생성기
- 인코딩 변환기
- 카테고리 (30개)
- 컬렉션 (25개)
- 인기 기호 모음
- 웹 개발자용 기호