DB 컬럼을 자바 필드로
user_created_at 같은 snake_case 컬럼명을 userCreatedAt 필드명으로 바꿔 DTO 를 빠르게 만듭니다.
NAMING CASE · CONVERTER
케이스 변환
이 이름, 이 언어에선 어떻게 쓰지?
user profile URL 이나 getUserName 을 넣으면 camelCase, snake_case, kebab-case 등 다섯 가지 표기법으로 한꺼번에 바꿔 줍니다. 입력하는 동안 결과가 바로 갱신되고 줄마다 복사 버튼이 있습니다.
- 5가지 표기법
- 입력 즉시 변환
- 브라우저에서만 처리
- 무료 · 가입 없음
문자열을 입력하세요.
단어 구분 규칙
공백, 밑줄, 하이픈과 소문자→대문자 경계를 단어로 인식합니다. 영문·숫자 외 문자는 구분자로 처리합니다.
MADE FOR YOUR WORK
이럴 때 쓰세요
JSON 키 규칙 맞추기
API 응답 키를 팀 규칙에 맞는 camelCase 나 snake_case 로 통일할 때 하나씩 바꿔 봅니다.
URL·CSS 클래스 이름
페이지 경로나 CSS 클래스에 쓰는 kebab-case 를 문장이나 변수명에서 바로 뽑아냅니다.
환경 변수·상수 이름
maxRetryCount 를 MAX_RETRY_COUNT 처럼 환경 변수와 상수에 쓰는 CONSTANT_CASE 로 바꿉니다.
STEP BY STEP
케이스 변환 사용 방법
이렇게 쓰세요
입력 칸에 적기
변수명이나 영문 문장을 입력합니다. 어떤 표기법으로 적어도 됩니다.
결과 표 확인
입력하는 즉시 아래 표에 다섯 가지 표기법이 나옵니다. 변환 버튼으로 다시 계산할 수도 있습니다.
원하는 줄 복사
필요한 표기법 줄의 복사 버튼을 누르면 그 결과만 클립보드에 담깁니다.
지우고 다음 이름
지우기 버튼으로 입력을 비우고 다음 이름을 넣습니다.
UNDERSTAND THE BASICS
표기법(naming case)은 언어·용도마다 관례가 있다
프로그래밍에서는 식별자에 공백을 쓸 수 없어 여러 단어를 붙여 쓰는 규칙이 필요합니다. 단어 첫 글자를 대문자로 올려 경계를 표시하면 camelCase·PascalCase, 밑줄로 이으면 snake_case, 하이픈으로 이으면 kebab-case 입니다.
어느 것이 맞다기보다 언어와 용도마다 관례가 있습니다. 자바·자바스크립트 변수는 camelCase, 클래스는 PascalCase, 파이썬 변수와 DB 컬럼은 snake_case, URL 경로와 CSS 클래스는 kebab-case, 상수와 환경 변수는 CONSTANT_CASE 를 주로 씁니다. 팀 규칙이 있다면 그것이 우선입니다.
변환의 어려운 부분은 단어를 나누는 일입니다. 이 도구는 소문자·숫자 뒤의 대문자, 연속 대문자 뒤 '대문자+소문자' 앞, 그리고 영문·숫자가 아닌 모든 문자에서 단어를 끊습니다. 그래서 XMLHttpRequest 는 xml, http, request 세 단어로 읽힙니다.
| 표기법 | 결과 | 주로 쓰는 곳 |
|---|---|---|
| camelCase | userProfileUrl | 자바·JS 변수, 메서드 |
| PascalCase | UserProfileUrl | 클래스, 타입 |
| snake_case | user_profile_url | 파이썬, DB 컬럼 |
| kebab-case | user-profile-url | URL 경로, CSS 클래스 |
| CONSTANT_CASE | USER_PROFILE_URL | 상수, 환경 변수 |
케이스 변환 사용 안내
문자열을 camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE로 한 번에 변환합니다.
변수명이나 문장을 입력하세요. 영문 단어 경계를 분석해 camelCase, PascalCase, snake_case, kebab-case와 CONSTANT_CASE를 표시합니다. 결과 옆 복사 버튼을 사용하세요.
QUICK EXAMPLE
케이스 변환 사용 예제
입력 · 시작
user profile name
결과 · 확인
userProfileName · user_profile_name
영문 단어 경계를 기준으로 하므로 한글 변수명 변환에는 적합하지 않습니다.
어떻게 구현했나
먼저 문자열을 단어로 자릅니다. 소문자·숫자 뒤에 대문자가 오면 그 사이(userName → user Name), 대문자가 연달아 오다가 대문자+소문자로 바뀌면 그 앞(HTTPServer → HTTP Server)에서 끊고, 나머지 영숫자가 아닌 문자는 모두 구분자로 봅니다.
두 번째 규칙이 있어야 약어가 살아납니다. 그게 없으면 HTTPServer 가 h-t-t-p-server 로 흩어집니다.
잘라낸 단어를 전부 소문자로 맞춘 다음 표기법별로 다시 조립합니다. 그래서 어떤 표기로 입력하든 5가지 결과가 한 번에 나옵니다.
영문 기준입니다. 한글은 단어 경계를 알 수 없어 구분자로만 나뉩니다.
BEFORE YOU FINISH
자주 하는 실수
약어 대문자가 유지될 거라 생각한다
모든 단어를 소문자로 맞춘 뒤 다시 조립하므로 userURL 은 camelCase 에서 userUrl 이 됩니다. 팀 규칙이 URL 을 대문자로 유지한다면 결과를 직접 고치세요.
한글 이름을 넣는다
영문·숫자가 아닌 글자는 구분자로 처리돼 결과에서 빠집니다. 한글 변수명은 이 도구로 변환되지 않습니다.
숫자 경계를 기대한다
숫자 뒤에 대문자가 오면 끊지만(user2Name → user2, name), 글자 뒤에 숫자가 오는 곳은 끊지 않습니다. version2 는 한 단어로 남습니다.
자주 묻는 질문
카멜케이스와 파스칼케이스 차이는?
첫 단어의 첫 글자만 다릅니다. camelCase 는 소문자로 시작하고(userName), PascalCase 는 대문자로 시작합니다(UserName).
스네이크 케이스를 카멜케이스로 바꾸려면?
user_name 처럼 밑줄로 된 이름을 입력 칸에 넣으면 camelCase 줄에 userName 이 바로 나옵니다. 복사 버튼으로 가져가세요.
여러 줄을 한 번에 변환할 수 있나요?
여러 줄은 변환하지 않습니다. 줄바꿈이나 한글·악센트 문자가 들어 있으면 조용히 합치거나 지우지 않고, 영문 한 줄 이름만 받는다고 안내합니다. 한 번에 하나씩 넣으세요.
dot.case 나 Title Case 도 되나요?
지원하지 않습니다. 결과는 camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE 다섯 가지입니다. 입력으로는 점이 든 이름도 단어로 나눠 읽습니다.
입력한 데이터는 어디에서 처리하나요?
이 도구의 입력 데이터는 브라우저에서 처리하며 도구 기능을 위해 서버로 업로드하지 않습니다. 결과를 공유하기 전 민감한 정보가 없는지 확인하세요.