케이스 변환기 - camelCase, snake_case, Title Case 등
텍스트나 식별자를 붙여넣으면 자주 쓰는 명명 스타일로 한 번에 변환됩니다. 필요한 형식을 클릭해 복사하세요.
문구, 변수 이름 또는 제목을 입력하고 변환을 클릭하세요. 단어로 나눈 뒤 camelCase부터 dot.case까지 10가지 스타일로 다시 만듭니다.
케이스 변환기 - camelCase, snake_case, Title Case 등
텍스트나 식별자를 붙여넣으면 자주 쓰는 명명 스타일로 한 번에 변환됩니다. 필요한 형식을 클릭해 복사하세요.
작동 방식: 공백, 밑줄, 하이픈, camelCase 경계에서 단어를 나눈 다음 각 스타일의 구분자와 대소문자 규칙으로 결합합니다.
케이스 변환기 소개
프로그래밍 언어, 프레임워크, 스타일 가이드마다 여러 단어 이름을 쓰는 규칙이 달라 손으로 바꾸면 번거롭고 오류가 생기기 쉽습니다. 이 변환기는 문장, 식별자, 제목, 데이터베이스 열 이름을 단어로 분해한 뒤 널리 쓰이는 10가지 스타일로 즉시 다시 만듭니다.
공백, 기호, 문장 부호뿐 아니라 토큰 안의 camelCase 경계와 API·HTTP 같은 연속 대문자 약어도 인식합니다. 따라서 JavaScript 속성을 Python 변수로, CSS 클래스를 React 컴포넌트 이름으로, 제목을 URL slug로 쉽게 바꿀 수 있습니다.
camelCase는 JavaScript, Java, Swift의 변수와 함수에, PascalCase는 클래스와 React 컴포넌트에 사용됩니다. snake_case는 Python, Ruby, SQL에서 흔하고 kebab-case는 CSS 클래스, HTML 속성, npm 이름과 URL의 표준입니다. CONSTANT_CASE는 상수와 환경 변수를 나타냅니다. Title Case는 제목에, Sentence case는 문장에 적합하며 lowercase, UPPERCASE, dot.case도 일괄 정리에 유용합니다.
모든 처리는 브라우저에서 로컬로 이루어지며 네트워크 요청, 서버 전송, 기록이 없습니다. 이 도구의 Title Case는 모든 단어를 대문자로 만들고, 약어는 일반 단어처럼 정규화하며, 숫자는 인접한 단어에 붙어 있습니다.
케이스 변환 예시
같은 단어를 여러 규칙으로 다시 만든 예시이며, 이미 스타일이 적용된 입력도 포함합니다.
| 입력 | 출력 | 설명 |
|---|---|---|
| quick brown fox | quickBrownFox | 일반 문구를 JavaScript 변수용 camelCase로 변환합니다. |
| parseHTMLResponse | parse_html_response | HTML 약어를 포함한 camelCase 경계를 찾아 snake_case로 다시 만듭니다. |
| user-profile-page | UserProfilePage | kebab-case slug를 PascalCase 컴포넌트 이름으로 바꿉니다. |
| MAX_RETRY_COUNT | max-retry-count | CONSTANT_CASE 이름을 CSS 사용자 지정 속성 또는 CLI 플래그용 kebab-case로 변환합니다. |
케이스 간 텍스트 변환 방법
- 입력 상자에 텍스트나 식별자를 붙여넣거나 입력하세요. 공백, 밑줄, 하이픈, camelCase를 모두 인식합니다.
- 변환을 클릭하면 10가지 스타일을 한 번에 확인할 수 있습니다.
- 스타일 옆의 복사를 클릭해 해당 버전을 클립보드에 넣으세요.
- 지우기를 클릭해 초기화하고 다른 내용을 변환하세요.
케이스 변환기 FAQ
camelCase와 PascalCase의 차이는 무엇인가요?
둘 다 구분자를 없애고 단어 시작을 대문자로 만들지만 첫 단어가 다릅니다. camelCase는 첫 단어를 소문자로 두어 변수와 함수에 쓰고, PascalCase는 대문자로 만들어 클래스, 타입, React 컴포넌트에 씁니다.
snake_case와 kebab-case는 언제 사용하나요?
snake_case는 Python, Ruby, Rust, SQL의 관례입니다. kebab-case는 CSS 클래스, HTML 속성, URL, 패키지 이름처럼 웹에서 사용합니다.
변환기는 단어를 어떻게 나누나요?
공백, 밑줄, 하이픈, 점 및 기타 기호에서 나누고 토큰 내부의 대소문자 경계도 나눕니다. 소문자나 숫자 뒤의 대문자, 대문자 연속 뒤의 소문자를 찾아 약어를 하나의 단어로 유지합니다.
API나 HTTP 같은 약어는 어떻게 처리하나요?
연속된 대문자를 하나의 단어로 취급합니다. 소문자 스타일에서는 다른 단어처럼 소문자로 바뀝니다. camel 또는 Pascal 이름에서 약어를 대문자로 유지해야 한다면 직접 조정하세요.
CONSTANT_CASE는 무엇에 사용하나요?
SCREAMING_SNAKE_CASE라고도 하며 대문자 단어를 밑줄로 연결합니다. 내보낸 상수, 열거형 멤버, 셸·Docker·CI의 환경 변수처럼 실행 중 바뀌지 않는 값을 표시합니다.
입력한 텍스트가 서버로 전송되나요?
아니요. 분할과 재구성은 브라우저의 JavaScript로만 처리되므로 사내 코드나 미공개 문서의 식별자가 기기 밖으로 나가지 않습니다.