URL 슬러그 생성기
임의의 텍스트를 소문자, 숫자, 하이픈으로만 이루어진 URL 안전 슬러그(kebab-case)로 변환합니다. 히라가나·가타카나를 위한 간단한 로마자 변환 옵션도 포함되어 있습니다.
변환 예시
| 변환 전 | 변환 후 |
|---|---|
| Hello World! | hello-world |
| café | cafe |
| ___multiple---spaces here___ | multiple-spaces-here |
| がっこう (일본어 로마자 변환 (히라가나/가타카나)) | gakkou |
URL 슬러그란 무엇인가요
URL 슬러그란 웹페이지 주소(URL) 경로의 일부로 사용되며, 게시글이나 상품 등을 식별하기 위한 짧고 간결한 문자열을 말합니다. 게시글 제목이나 상품명처럼 사람이 읽기 위한 긴 문장을 그대로 URL에 포함하면 주소가 지나치게 길어지거나 읽기 어려워지기 때문에, 소문자 영문자·숫자·하이픈만으로 구성된 읽기 쉬운 문자열로 변환해서 사용하는 것이 일반적입니다. 이 도구는 입력한 텍스트를 분석하여 기호와 공백을 하이픈으로 통일하고 모든 알파벳을 소문자로 바꾸어, 그대로 URL 경로로 사용할 수 있는 kebab-case 형식의 슬러그를 자동으로 생성합니다.
이 도구는 일본어 제목 변환에도 대응합니다. "일본어 로마자 변환" 옵션을 켜면 히라가나·가타카나를 먼저 간단한 로마자로 바꾼 다음 슬러그화를 진행합니다. 다만 한자는 문맥 없이는 읽는 방법을 하나로 특정할 수 없기 때문에 기계적인 로마자 변환 대상에서 제외하고, 대신 결과에서 제거하도록 설계되어 있습니다. 모든 변환 처리는 브라우저 안의 자바스크립트만으로 이루어지며 입력한 텍스트가 서버로 전송되는 일이 없으므로, 아직 공개하지 않은 제목이나 사내 자료에도 안심하고 사용할 수 있습니다.
URL 슬러그 생성기 사용 방법
- 변환할 텍스트를 입력합니다 게시글 제목이나 상품명 등 URL에 사용하고 싶은 문자열을 입력란에 붙여넣습니다.
- 일본어라면 로마자 변환을 켭니다 히라가나나 가타카나가 포함되어 있다면 "일본어 로마자 변환"에 체크하면 자동으로 로마자로 변환됩니다.
- 출력란에서 슬러그를 확인합니다 입력할 때마다 실시간으로 kebab-case 형식의 URL 슬러그가 아래 출력란에 표시됩니다.
- 필요하면 수동으로 조정합니다 한자가 포함된 경우 결과에서 제거되므로, 의미가 통하도록 결과를 확인한 뒤 단어를 직접 보완합니다.
- 복사해서 CMS나 시스템에 붙여넣습니다 복사 버튼으로 클립보드에 저장한 다음 퍼머링크 설정란 등에 붙여넣어 사용합니다.
더 잘 활용하기 위한 팁
- 생성된 슬러그는 소문자, 숫자, 하이픈으로만 이루어져 있어 URL 경로, 파일명, CSS 클래스명 등에 그대로 안전하게 재사용할 수 있습니다.
- 한자는 알고리즘으로 자동 로마자 변환이 불가능하여 변환 과정에서 제거됩니다. 일본어 제목을 슬러그로 만들 때는 먼저 "일본어 로마자 변환"을 켠 다음 필요하면 결과를 수동으로 조정하세요.
- は、へ처럼 조사로 쓰이는 가나는 문맥과 상관없이 그대로의 발음(ha/he)으로 로마자화되므로, こんにちは가 "konnichiwa"가 아닌 "konnichiha"로 변환됩니다. 필요하다면 결과를 직접 수정하세요.
- 연속된 기호, 공백, 밑줄은 하나의 하이픈으로 합쳐지며, 시작과 끝에 있는 하이픈은 자동으로 제거됩니다.
- 복사 버튼을 누르면 변환 결과를 클립보드에 바로 복사할 수 있어 CMS나 스프레드시트에 붙여넣기가 편리합니다.
URL 슬러그 생성기 활용 방법
블로그 게시글의 퍼머링크 작성
워드프레스 등 CMS가 제목에서 자동으로 만드는 슬러그가 너무 길거나 부자연스러울 때, 이 도구로 정리한 문자열로 직접 다시 설정하는 데 사용할 수 있습니다.
쇼핑몰 상품 페이지 URL 설계
상품명을 그대로 URL에 쓰면 글자가 깨지거나 URL이 지나치게 길어질 수 있으므로, 상품명을 간결한 슬러그로 변환해 SEO를 고려한 경로를 만들 수 있습니다.
파일명과 이미지명 통일
업로드하는 이미지나 문서의 파일명을, 공백이나 전각 문자가 없는 안전한 형식으로 통일하는 데 사용할 수 있습니다.
CSS 클래스명·HTML 요소 ID 생성
제목 텍스트에서 페이지 내 링크용 앵커 ID나 CSS 클래스명을 만들 때, 영숫자와 하이픈만으로 이루어진 안전한 문자열로 변환할 수 있습니다.
다국어 사이트의 URL 통일
일본어 제목을 가진 페이지를 영어 URL로 통일하고 싶을 때, 로마자 변환 옵션을 사용해 읽기 쉬운 URL 경로의 초안을 만들 수 있습니다.
용어 해설
- 슬러그(slug)
- URL의 일부로 사용되며, 게시글이나 상품 등을 식별하기 위한 짧은 문자열입니다. 신문·출판업계에서 기사에 붙이던 임시 식별명에서 유래했다고 알려져 있으며, 워드프레스 등 CMS에서 일반적으로 쓰이는 용어가 되었습니다.
- 케밥 케이스(kebab-case)
- 단어를 하이픈(-)으로 연결하는 명명 규칙입니다. 꼬치(케밥)처럼 단어가 나란히 꿰어진 모습에서 이름이 유래했으며, URL 슬러그의 표준 형식으로 널리 쓰입니다.
- 스네이크 케이스(snake_case)
- 단어를 밑줄(_)로 연결하는 명명 규칙으로, 프로그램 변수명에서 자주 사용됩니다. 다만 구글은 밑줄을 하이픈만큼 단어 구분자로 인식하지 않는다고 알려져 있어 URL 슬러그에는 그다지 권장되지 않습니다.
- 퍼머링크(permalink)
- 페이지의 영구적인 URL을 말합니다. 워드프레스 등 CMS에서는 게시글마다 퍼머링크 형식을 설정할 수 있으며, 그 안에 슬러그가 포함됩니다.
- 로마자 변환
- 히라가나·가타카나 등 일본어 발음을 알파벳 표기로 바꾸는 처리를 말합니다. 이 도구는 간단한 변환에 그치며, 읽는 방법이 여러 가지인 한자는 변환 대상에서 제외합니다.
- NFKD 정규화
- 유니코드 문자열 정규화 형식 중 하나로, 발음 기호가 붙은 문자(é 등)를 기본 문자(e)와 결합용 발음 기호로 분해하는 처리입니다. 이 도구는 이 분해 방식을 이용해 발음 기호를 제거합니다.
자주 묻는 질문
여담 ― 슬러그와 kebab-case 논쟁
"슬러그(slug)"라는 단어는 신문·출판업계에서 인쇄 전 기사에 붙이던 짧은 식별용 라벨을 가리키는 은어에서 유래했다고 알려져 있습니다. 웹에서는 기사 제목처럼 사람이 읽을 수 있는 문자열에서 뽑아낸, URL의 일부로 안전하게 쓸 수 있는 짧고 깔끔한 식별자를 뜻하게 되었습니다. 워드프레스를 비롯한 많은 콘텐츠 관리 시스템이 관리자 화면에서 "슬러그"라는 용어를 필드명으로 그대로 사용하고 있어, 사이트를 운영해 본 사람이라면 한 번쯤 접해봤을 용어입니다.
URL 슬러그에서 단어를 하이픈(kebab-case)으로 구분할지, 밑줄(snake_case)로 구분할지에 대한 논쟁은 오래전부터 있었습니다. 구글은 하이픈은 단어의 경계로 인식하지만 밑줄은 단어를 이어붙이는 문자로 취급한다고 공식적으로 밝힌 바 있으며, 그 결과 "my-blog-post"는 세 개의 개별 단어로, "my_blog_post"는 하나로 이어진 단어로 해석되는 경향이 있습니다. 이런 차이 때문에 SEO를 신경 쓰는 대부분의 사이트는 kebab-case를 채택하고 있습니다.
일본어 텍스트를 영어권 사용자를 위한 URL로 변환하는 작업은 단순한 문자 치환보다 훨씬 까다롭습니다. 히라가나와 가타카나는 소리를 나타내는 표음 문자이므로 기계적으로 로마자화할 수 있지만, 한자는 같은 글자라도 문맥에 따라 여러 가지 읽는 방법이 존재하는 경우가 많아(예: "今日"는 "kyou"로도, "konnichi"로도 읽을 수 있습니다) 문장을 이해하지 않고서는 올바른 읽기를 하나로 특정할 수 없습니다. 이 도구가 한자를 억지로 변환하지 않고 그대로 제거하도록 설계된 것은, 부정확한 로마자를 기계적으로 만들어내는 것보다 제거한 뒤 사용자가 직접 확인하도록 하는 편이 더 안전하다는 판단에 따른 것입니다.