대소문자 변환기

문자열의 대소문자를 다양한 형식으로 변환합니다.

입력 문자열을 camelCase, snake_case, CONSTANT_CASE, kebab-case 등 14가지 표기로 한 번에 바꿉니다.

사용 순서

문자열 입력 칸에 변환할 텍스트를 넣습니다.
목록에서 필요한 표기 줄을 찾아 복사 버튼으로 가져갑니다.
입력이 바뀔 때마다 모든 표기가 즉시 다시 계산됩니다.
식별자나 파일 이름으로 쓸 값은 숫자와 한글이 지워진 결과인지 확인합니다.

예시

lorem ipsum dolor sit amet을 입력하면 Camelcase는 loremIpsumDolorSitAmet, Snakecase는 lorem_ipsum_dolor_sit_amet이 됩니다.

한계

영문 알파벳과 라틴 확장 문자만 단어로 인식합니다. 숫자, 한글, 기호는 단어 사이의 구분자로 취급되어 결과에서 지워집니다. 예를 들어 version 2 release는 camel 표기에서 versionRelease가 됩니다. Lowercase와 Uppercase는 지워지지 않고 브라우저 지역 설정에 따라 변환됩니다.

보안 주의

식별자로 바꿀 때 숫자와 한글이 지워져 서로 다른 입력이 같은 결과가 될 수 있습니다. release 1과 release 2는 모두 release가 되므로 이름이 겹치지 않는지 확인하세요.

배경 지식

같은 단어라도 언어와 용도에 따라 표기 규칙이 다릅니다. 자바스크립트 변수는 camelCase, 파이썬 함수는 snake_case, 상수는 CONSTANT_CASE, URL 슬러그와 CSS 클래스는 kebab-case를 씁니다. 표기를 바꾸려면 먼저 단어를 나눠야 하므로 공백, 밑줄, 하이픈, 대문자 경계를 모두 단어 구분자로 보는 방식이 일반적입니다.

change-case 라이브러리는 입력을 단어 목록으로 쪼갠 뒤 각 단어를 규칙에 맞게 다시 조립합니다. 이 도구는 쪼개기 전에 알파벳이 아닌 문자를 구분자로 바꾸도록 설정되어 있어서 숫자가 단어 경계로 작용합니다. 결과가 기대와 다르면 입력의 특수문자와 숫자 위치부터 살펴보세요.

Mockingcase는 글자마다 대소문자를 번갈아 바꾼 장난스러운 표기로, 실제 코드에서는 쓰지 않습니다. 반대로 Sentence case와 Capital case는 문서 제목과 본문을 다듬을 때 자주 씁니다. 표기 변환은 단어 경계를 되돌리기 어려우므로 원본 문자열을 따로 보관해 두는 것이 좋습니다.

자주 묻는 질문

camelCase와 PascalCase의 차이는 무엇인가요?

첫 글자가 소문자이면 camelCase, 대문자이면 PascalCase입니다. 자바스크립트 변수와 함수는 보통 camelCase를, 클래스와 컴포넌트 이름은 PascalCase를 씁니다.

한글 문자열도 snake_case로 바꿀 수 있나요?

이 도구는 한글을 단어로 인식하지 않아 제거합니다. 예를 들어 hello 세상은 hello가 됩니다. 한글 이름이 필요하면 먼저 로마자 표기로 바꾼 뒤 입력하세요.

CONSTANT_CASE는 언제 쓰나요?

환경 변수 이름이나 설정 상수처럼 바뀌지 않는 값을 나타낼 때 씁니다. 예를 들어 api base url은 API_BASE_URL이 되어 환경 설정 파일에 그대로 넣을 수 있습니다.