대소문자 변환과 슬러그
텍스트를 camelCase, snake_case, kebab-case, Title Case 등으로 변환하거나 제목을 악센트 처리가 된 URL 슬러그로 바꿉니다.
코드 예제
내 프로젝트에 그대로 복사해서 쓰세요. 모든 예제는 해당 언어의 표준 라이브러리만 사용하므로 설치할 것이 없습니다.
const text = 'Héllo wereld, één voorbeeld!'
const slug = text
.normalize('NFD')
.replace(/\p{M}/gu, '')
.toLowerCase()
.replace(/[^a-z0-9]+/g, '-')
.replace(/^-+|-+$/g, '')
console.log(slug)기능
텍스트를 여러 표기 방식으로 변환합니다: camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, Title Case, 문장 형식, 소문자, 대문자. 제목을 악센트를 없애고 ß, ø 같은 글자를 ASCII로 쓴 URL 슬러그로 바꿀 수도 있습니다.
사용 방법
- 한 줄에 한 항목씩 텍스트를 입력하거나 붙여넣거나 텍스트 파일을 놓으세요.
- 스타일을 고르세요. URL 슬러그는 움라우트 표기(독일어는 ä를 ae, 북유럽은 å를 aa)와 단어를 잇는 구분자를 선택할 수 있습니다.
- 결과를 복사하거나 다운로드하세요. 각 줄을 따로 변환을 끄면 전체 텍스트를 하나로 취급합니다.
예시
같은 단어, 다른 스타일:
getUserById는 snake_case에서 get_user_by_id, CONSTANT_CASE에서 GET_USER_BY_ID, kebab-case에서 get-user-by-id가 됩니다. Crème brûlée & Straße는 슬러그 creme-brulee-strasse가 됩니다.
알아두기
- 단어는 공백, 문장 부호, 밑줄, 하이픈, 그리고 소문자와 대문자 사이에서 찾습니다.
HTTPServer는HTTP와Server로 나뉩니다. - 슬러그는 소문자와 숫자만 남깁니다. 일본어 같은 라틴 문자 이외의 글자는 버려집니다.
- 소문자와 대문자는 공백과 문장 부호를 유지한 채 텍스트를 그대로 바꿉니다.
- 대소문자 규칙은 유니코드 표준을 따르며 특정 언어에 한정되지 않습니다. 터키어의 점 있는 i와 점 없는 i는 따로 처리하지 않습니다.
단어는 어떻게 찾나요?
텍스트는 공백, 문장 부호, 밑줄, 하이픈에서, 그리고 소문자가 대문자를 만나는 곳에서 단어로 나뉩니다. userProfile은 user와 Profile이 됩니다. HTTPServer처럼 단어 앞의 대문자 연속은 HTTP와 Server로 나뉘고 숫자는 별도의 단어로 칩니다.
자주 묻는 질문
URL 슬러그는 어떻게 생겼나요?
슬러그는 웹 주소에서 읽기 쉬운 부분으로, hello-world처럼 하이픈으로 이은 소문자와 숫자입니다. 악센트는 제거되고(é는 e) ß나 ø 같은 글자는 ASCII 형태가 되어 어떤 URL에서도 안전합니다.
독일어와 북유럽 글자는 어떻게 처리하나요?
기본적으로 악센트만 버리므로 ü는 u가 됩니다. 독일어를 고르면 ä, ö, ü가 ae, oe, ue가 되고, 북유럽을 고르면 å는 aa, ø는 oe가 됩니다. 이는 각 언어가 그 글자 없이 표기하는 방식입니다.
이 도구가 내 텍스트를 어딘가로 보내나요?
아니요. 모든 작업은 브라우저에서 이루어집니다. 입력한 내용은 저희 서버로 전송되지 않습니다.