네이밍 케이스 변환
camelCase · snake_case · kebab · PascalCase
🔒 이 도구는 입력한 데이터를 서버로 전송하지 않습니다. 모든 변환·계산은 여러분의 브라우저 안에서만 실행되므로 민감한 데이터도 안전하게 처리할 수 있습니다.
네이밍 케이스 변환이란?
프로그래밍 언어와 프레임워크마다 식별자를 표기하는 관습이 다릅니다. 자바스크립트 변수는 camelCase, 파이썬·DB 컬럼은 snake_case, CSS 클래스·URL은 kebab-case, 클래스명은 PascalCase, 상수는 CONSTANT_CASE를 씁니다. 이 도구는 하나의 이름을 이 모든 표기법으로 한 번에 변환해, 서로 다른 규칙을 오가며 코드를 옮길 때의 실수를 줄여 줍니다.
사용 방법
- 변환할 이름을 입력합니다. 여러 줄을 넣으면 각 줄이 개별 변환됩니다.
- 도구가 단어 경계를 분석해 camelCase·snake_case·kebab-case·PascalCase·CONSTANT_CASE·Title Case 결과를 모두 보여 줍니다.
- 필요한 표기의 복사 버튼을 눌러 코드에 붙여넣습니다.
실무 활용 예시
- API ↔ 프론트 매핑 — snake_case로 오는 백엔드 응답 키를 camelCase 프론트 모델명으로 변환합니다.
- DB 컬럼 생성 — 자바스크립트 필드명을 snake_case 컬럼명으로 바꿔 마이그레이션 스크립트를 작성합니다.
- CSS·라우트 네이밍 — 컴포넌트명(PascalCase)을 kebab-case 클래스명·URL 슬러그로 변환합니다.
팁과 주의점
- 도구는 공백·하이픈·언더스코어·대문자 전환을 단어 경계로 인식합니다. 숫자가 섞인 이름은 결과를 한 번 확인하세요.
- 약어(예
URL,ID)의 대소문자는 팀 컨벤션에 따라 다를 수 있으니 결과를 관례에 맞게 조정하세요. - 변환은 브라우저에서만 처리되며, 입력한 식별자는 어떤 서버로도 전송되지 않습니다.
자주 묻는 질문
camelCase와 PascalCase는 무엇이 다른가요?
둘 다 단어를 붙여 쓰되, camelCase는 첫 글자를 소문자로(getUserName), PascalCase는 첫 글자를 대문자로(GetUserName) 씁니다. 보통 변수·함수는 camelCase, 클래스·타입은 PascalCase를 사용합니다.
여러 이름을 한 번에 변환할 수 있나요?
네. 한 줄에 하나씩 여러 이름을 입력하면 각 줄을 개별적으로 변환해 줍니다.
약어(URL, ID)는 어떻게 처리되나요?
기본 규칙으로 변환하되, 팀마다 userId/userID처럼 약어 표기 관례가 달라 결과를 관례에 맞게 손봐야 할 수 있습니다.
입력값이 서버로 전송되나요?
아니요. 케이스 변환은 브라우저에서만 실행되며 입력한 이름은 전송되지 않습니다.