문구 변환하기
user profile photo
camelCase: userProfilePhoto · PascalCase: UserProfilePhoto · snake_case: user_profile_photo · kebab-case: user-profile-photo · CONSTANT_CASE: USER_PROFILE_PHOTO
같은 단어를 다섯 가지 스타일로. 지금 편집 중인 파일에 어울리는 걸로 고르면 됩니다.
텍스트를 camelCase, snake_case, kebab-case 등으로 변환합니다.
마지막 업데이트
helloWorldFromCoddyHelloWorldFromCoddyhello_world_from_coddyHELLO_WORLD_FROM_CODDYhello-world-from-coddyHello-World-From-Coddyhello.world.from.coddyhello/world/from/coddyHello world from coddyHello World From CoddyHELLO WORLD FROM CODDYhello world from coddy케이스 변환기(case converter)는 문구나 식별자를 받아 camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, Title Case, Sentence case 등 자주 쓰는 네이밍 스타일로 다시 써주는 도구입니다. 변수명을 리팩터링하거나, DB 컬럼명을 만들거나, 스타일 가이드에 맞는 API 필드명을 정하거나, 사용자가 입력한 텍스트를 URL 슬러그로 바꿀 때 개발자들이 가장 자주 손이 가는 도구 중 하나죠.
생태계마다 선호하는 스타일이 다릅니다. JavaScript와 Java는 camelCase, Python과 Ruby는 snake_case, CSS 클래스와 URL은 kebab-case, 환경변수와 상수는 CONSTANT_CASE를 씁니다. 케이스 변환기를 쓰면 머릿속에서 한 글자씩 바꾸지 않고도 원하는 스타일로 깔끔하게 뒤집을 수 있습니다.
사실 어려운 건 변환 자체가 아니라 *토큰화(tokenizing)*입니다. XMLHttpRequest, iOSDevice, read_HTML5Tags 같은 혼합 입력을 먼저 올바른 단어 단위로 쪼갠 다음, 선택한 스타일로 다시 이어붙여야 하니까요. 잘 만든 토큰화기는 약어(XML, iOS)나 숫자가 섞인 경우도 자연스럽게 처리합니다.
_ - .), 숫자 경계를 기준으로 단어를 쪼갠 뒤 다시 이어붙이는 과정이다.XMLParser는 xmlParser일까, xMLParser일까? 코드베이스에서 한 가지 규칙을 정하고 일관되게 가야 한다.한 단어든, 식별자든, 긴 목록이든 그대로 넣으세요. camelCase, snake_case, 공백이 뒤섞여 있어도 상관없습니다.
10가지 이상의 케이스로 변환된 결과가 한 번에 표시됩니다. 코드베이스에서 쓰는 스타일을 고르세요.
스타일 가이드에 약어, 숫자, 특수문자 처리에 관한 별도 규칙이 있다면 옵션을 켜고 끄며 맞추세요.
원하는 변형을 클릭하면 바로 클립보드에 복사됩니다. 여러 파일을 리팩터링하거나 OpenAPI 스펙을 채울 때 특히 편합니다.
같은 문구가 자주 쓰는 네이밍 컨벤션마다 어떻게 보이는지 정리했습니다.
| 스타일 | 예시 | 주로 쓰이는 곳 |
|---|---|---|
camelCase | userName | JavaScript 변수, Java 메서드 |
PascalCase | UserName | 대부분 언어의 클래스명, React 컴포넌트 |
snake_case | user_name | Python, Ruby, 데이터베이스 컬럼 |
SCREAMING_SNAKE_CASE | USER_NAME | 상수, 환경변수 |
kebab-case | user-name | URL, CSS 클래스, 쉘 플래그 |
Title Case | User Name | 제목, 라벨 |
Sentence case | User name | UI 문구, 본문 |
Train-Case | User-Name | HTTP 헤더 (X-Request-Id) |
dot.case | user.name | 설정 키, 네임스페이스 설정값 |
flatcase | username | 도메인명, 패키지 슬러그 |
user profile photo
camelCase: userProfilePhoto · PascalCase: UserProfilePhoto · snake_case: user_profile_photo · kebab-case: user-profile-photo · CONSTANT_CASE: USER_PROFILE_PHOTO
같은 단어를 다섯 가지 스타일로. 지금 편집 중인 파일에 어울리는 걸로 고르면 됩니다.
const accessTokenExpiresAt = ...;access_token_expires_at = ...대부분의 팀은 도메인 모델 안에서는 한 가지 표준 이름을 유지하고, 언어나 API 계층 경계에서만 스타일을 변환합니다.
10 Best Practices for REST APIs
10-best-practices-for-rest-apis
슬러그는 kebab-case에 소문자, 그리고 안전한 문자만 허용합니다. URL 경로로도, CSS 클래스명으로도 그대로 쓸 수 있어요.
userName과 user_name이 같이 등장). 한 가지로 정하고 린터로 강제하세요.XmlParser vs XMLParser). 코드베이스마다 한 번 정해두고 끝까지 지키세요.userName과 username이 같은 컬럼이지만 MySQL에서는 다를 수 있습니다.accessTokenExpiresAt). JavaScript와 Java에서 변수와 메서드의 표준 스타일로 쓰입니다.access_token_expires_at). Python, Ruby에서 관용적으로 쓰이고, 관계형 DB 컬럼명에서도 널리 사용됩니다.UserProfile)이고 camelCase는 소문자(userProfile)입니다. PascalCase는 대부분의 생태계에서 클래스명과 React 컴포넌트에 한정해서 씁니다.é → e), 영문·숫자·하이픈이 아닌 문자는 모두 빼면 됩니다. 대부분의 케이스 변환기에는 이 과정을 한 번에 처리해주는 slugify 모드가 있습니다.