URL 슬러그 생성기 — 어떤 텍스트든 슬러그로

URL 슬러그란 무엇인가요?

// The core of a zero-dependency slugify (ASCII mode)
function slugify(input) {
  return input
    .normalize('NFD')                 // café → cafe + combining accent
    .replace(/[\u0300-\u036f]/g, '')  // drop the combining marks
    .replace(/ß/g, 'ss')              // chars with no NFD decomposition
    .replace(/&/g, ' and ')           // keep the meaning of '&'
    .toLowerCase()
    .replace(/[^a-z0-9]+/g, '-')      // every other run of junk → one hyphen
    .replace(/^-+|-+$/g, '');         // trim leading / trailing hyphens
}

slugify('Crème Brûlée Recipe');   // 'creme-brulee-recipe'
slugify('Salt & Pepper');         // 'salt-and-pepper'
slugify('10 Tips: A Guide!');     // '10-tips-a-guide'

주요 기능

슬러그 생성기 대안 비교

슬러그 생성기 예시

10 Tips for Faster JavaScript: A Complete Guide!

10-tips-for-faster-javascript-a-complete-guide

Crème Brûlée Recipe

creme-brulee-recipe

Große Änderungen für 2026

grosse-anderungen-fur-2026

Привет мир

privet-mir

你好 世界

你好-世界

Salt & Pepper: 100% Natural

salt-and-pepper-100-natural

슬러그 생성기 사용 방법

1. 1

   텍스트 입력 또는 붙여넣기

   편집기를 클릭하고 제목, 헤딩, 문구를 입력하십시오 — 또는 샘플 칩(블로그 제목, 악센트, CJK, 키릴 문자, 기호) 중 하나를 눌러 대표 예시를 로드하십시오. 슬러그가 아래 출력 상자에 즉시 나타납니다.

2. 2

   ASCII 또는 Unicode 모드 선택

   악센트를 음역하고 키릴/그리스를 로마자화하는 이식성 있는 a–z 슬러그를 원하면 모드를 ASCII로 두십시오. 텍스트가 비라틴 문자 체계(중국어, 아랍어, 키릴)이고 원래 문자를 URL에 유지하고 싶다면 Unicode로 전환하십시오.

3. 3

   구분자, 대소문자, 길이 조정

   하이픈 구분자를 유지하거나(권장) 언더스코어로 전환하십시오. 소문자화는 기본으로 켜져 있습니다. 대소문자를 보존하려면 끄십시오. 긴 슬러그를 단어 경계에서 제한하려면 최대 길이를 설정하고, 전체 슬러그를 원하면 0으로 두십시오.

4. 4

   슬러그 복사

   복사를 클릭해 완성된 슬러그를 클립보드에 쓰십시오 — 버튼이 "복사됨!"으로 깜박이며 확인해 줍니다. CMS 슬러그 필드, 파일명, 앵커 id에 붙여넣으십시오. 초기화를 클릭하면 편집기를 비우고 다시 시작합니다.

흔한 슬러그 실수

https://example.com/My-Awesome-Post

https://example.com/my-awesome-post

https://example.com/my_first_post

https://example.com/my-first-post

https://example.com/caf%C3%A9-cr%C3%A8me

https://example.com/cafe-creme

the-10-absolute-best-and-most-effective-tips-for-writing-faster-javascript-code-in-2026

faster-javascript-tips

슬러그 생성기를 사용하는 사람들

블로거와 콘텐츠 작성자

게시물 제목을 CMS가 기대하는 URL 슬러그로 바꾸십시오. "10 Tips for Faster JavaScript: A Complete Guide"를 붙여넣고 `10-tips-for-faster-javascript-a-complete-guide`를 WordPress, Ghost, Hugo 슬러그 필드에 바로 복사하십시오 — 키워드가 풍부하고 깔끔합니다.

SEO 전문가

검색 결과에서 잘 읽히고 클릭률 가치를 지니는 짧고 키워드 중심의 슬러그를 만드십시오. 최대 길이 컨트롤로 슬러그를 약 60자 미만으로 유지하고 불용어를 제거해 더 빠듯하고 관련성 높은 URL을 만드십시오.

라우트와 파일을 명명하는 개발자

사람이 읽을 수 있는 라벨에서 라우트 경로, 정적 파일명, 이미지 에셋명, 스토리지 키를 위한 안전한 식별자를 생성하십시오. ASCII 모드는 비-ASCII 문자에서 막히는 파일시스템과 데이터베이스에서 결과가 이식성을 갖도록 보장합니다.

문서와 마크다운 작성자

GitHub, GitLab, 대부분의 정적 사이트 생성기가 헤딩에서 만드는 헤딩 앵커 슬러그를 재현해, 페이지 내 "#section" 링크가 일치하도록 하십시오. Unicode 모드는 비영어 헤딩에 대한 GitHub의 글자 유지 동작을 그대로 반영합니다.

국제화된 사이트

언어별 동작을 선택하십시오: 최대 호환성을 위해 유럽어 제목을 ASCII로 음역하거나, 모국어 독자를 위해 Unicode 모드로 전환해 중국어, 키릴, 그리스 문자를 URL에 유지하십시오. 둘 다 유효하며, 토글로 페이지마다 결정할 수 있습니다.

전자상거래와 카탈로그 팀

제품명에서 안정적인 제품·카테고리 슬러그를 생성하십시오 — 악센트가 있는 브랜드명과 기호를 포함해서 말입니다. 스마트 앰퍼샌드 처리 덕분에 "Salt & Pepper"는 단어를 잃는 대신 salt-and-pepper가 되어 제품명을 검색 가능하게 유지합니다.

슬러그화는 어떻게 동작하나요

악센트를 위한 Unicode NFD 정규화

악센트가 붙은 라틴 글자는 문자열을 NFD(정준 분해)로 정규화하여 접힙니다. 이는 é 같은 문자를 기본 글자 e와 결합 어큐트 악센트(U+0301)로 분리한 다음, U+0300–U+036F 범위의 결합 부호를 제거합니다. 이것은 모든 JavaScript 엔진의 내장된 무의존성 기능이며, 프랑스어, 스페인어, 포르투갈어, 이탈리아어, 독일어 움라우트, 북유럽 및 중부 유럽 언어의 악센트를 다룹니다. 정준 분해가 없는 문자 — ß, æ, œ, ø, đ, ł, þ — 는 작은 명시적 매핑으로 처리됩니다(ß → ss, æ → ae 등).

키릴과 그리스 로마자화

ASCII 모드는 키릴과 그리스 알파벳을 위한 간결한 수작업 음역 문자표를 포함하므로, Привет мир는 privet-mir가 되고 Λάμδα는 lamda가 됩니다. 키릴 문자표는 일반적인 러시아어 로마자화 방식을 사용합니다. CJK 표의문자와 아랍 문자는 ASCII 모드에서 의도적으로 음역하지 않습니다 — 완전한 병음/로마자 변환은 큰 사전이 필요하고 모호한 출력을 낳기 때문입니다 — 그래서 그러한 문자 체계에는 문자를 보존하는 Unicode 모드가 권장되는 선택입니다.

음역 치트 시트

아래 표는 대표적인 문자가 각 모드에서 어떻게 동작하는지 보여 줍니다. ASCII 모드는 이식성 있는 a–z, 0–9 슬러그를 목표로 하고, Unicode 모드는 어떤 글자나 숫자든 유지합니다.

입력	ASCII 모드	Unicode 모드
é è ê ë	e	é è ê ë (유지)
ü ö ä	u o a	유지
ñ	n	ñ (유지)
ç	c	ç (유지)
ß	ss	ß (유지)
æ / œ / ø	ae / oe / o	유지
Привет	privet	привет
Λάμδα	lamda	λάμδα
你好 世界	(제거됨)	你好-世界
&	and	and
🚀 (이모지)	(제거됨)	(제거됨)

구분자 합치기와 다듬기

음역 후, 글자나 숫자가 아닌 문자의 모든 연속은 하나의 구분자로 대체됩니다. 이는 이중·삼중 구두점이 결코 이중 구분자를 만들 수 없다는 뜻입니다: "a---b__c"는 a-b-c가 됩니다. 앞뒤 구분자는 제거되므로, 구두점으로 시작하거나 끝나는 제목이 매달린 하이픈이 있는 슬러그를 만드는 일이 없습니다. 앰퍼샌드는 이 단계 전에 "and"로 확장되어 단어가 보존됩니다.

단어 경계 잘라내기

최대 길이를 설정하면 슬러그가 그 길이로 잘린 다음, 자른 지점이 단어 중간이면 이전 구분자로 되돌아가므로 끝에 반쪽 단어가 결코 생기지 않습니다. 자르기로 남겨진 끝의 구분자는 제거됩니다. 첫 단어가 한도보다 길더라도 항상 최소 한 단어는 유지됩니다. 잘라내기를 완전히 비활성화하려면 한도를 0으로 설정하십시오.

대소문자 구분과 소문자화

URL은 사양상 대소문자를 구분합니다 — /About과 /about은 검색 엔진에 서로 다른 주소입니다 — 그래서 도구는 같은 콘텐츠가 여러 URL로 도달되는 것(중복 콘텐츠 위험)을 피하려고 기본으로 소문자화합니다. Unicode 모드에서 소문자화는 대소문자가 있는 문자 체계(라틴, 키릴, 그리스)에 적용되고 없는 문자 체계(CJK)에는 무작동입니다. 다운스트림 시스템이 원래 대소문자 보존을 요구할 때는 소문자 옵션을 끄십시오.

URL 슬러그 모범 사례

슬러그를 짧고 키워드 중심으로 유지하라

대략 3–6개의 의미 있는 단어, 이상적으로는 약 60자 미만을 목표로 하십시오. 짧은 슬러그는 읽기 쉽고, 검색 결과에서 잘릴 가능성이 낮으며, 공유될 때 깔끔합니다. 페이지의 대상 키워드를 포함하고 군더더기는 빼십시오 — a, the, of, for 같은 불용어는 거의 항상 명료성을 잃지 않고 제거할 수 있습니다.

언더스코어나 공백이 아니라 하이픈을 사용하라

Google은 하이픈을 단어 구분자로, 언더스코어를 단어 연결자로 처리하므로, 하이픈은 각 단어에 고유한 키워드 신호를 줍니다. 공백은 %20으로 퍼센트 인코딩되어야 해서 URL을 흉하게 만듭니다. 하이픈은 보편적인 CMS 관례입니다 — 본 도구가 그것을 기본값으로 하는 데는 그럴 만한 이유가 있습니다.

발행된 슬러그는 절대 바꾸지 마라

슬러그는 영구적인 주소입니다. 발행 후 바꾸면 기존의 모든 유입 링크, 북마크, 소셜 공유가 깨지고, 301 리다이렉트를 설정하지 않는 한 페이지가 쌓아 온 SEO 가치가 초기화됩니다. 발행 전에 슬러그를 결정하고, 나중에 꼭 바꿔야 한다면 항상 옛 슬러그에서 새 슬러그로의 리다이렉트를 추가하십시오.

ASCII와 Unicode를 의도적으로 선택하라

넓거나 국제적인 청중에게는 ASCII 음역이 호환성을 극대화하고 텍스트로 복사할 때 URL을 깔끔하게 유지합니다. 단일 언어 비라틴 청중(중국어, 러시아어, 그리스어 사이트)에게는 Unicode 슬러그가 실제 독자에게 더 읽기 쉽고 현대 검색 엔진이 완전히 지원합니다. URL을 읽을 사람에게 모드를 맞추십시오.

슬러그에서 날짜를 빼라

슬러그에 연도나 날짜를 새겨 넣지 마십시오(/2024-buyers-guide). 나중에 콘텐츠를 갱신하면 URL에 낡은 날짜가 박혀 있거나 슬러그를 바꿔 링크를 깨뜨리는 처지가 됩니다. 발행일은 대신 CMS 메타데이터에 저장하고, 같은 URL이 여러 해 동안 갱신된 콘텐츠를 담을 수 있도록 슬러그를 시간에 구애받지 않게 유지하십시오.

자주 묻는 질문