Menu

대소문자 변환기

텍스트를 camelCase, snake_case, kebab-case 등으로 변환합니다.

마지막 업데이트

입력4개 단어
출력값을 클릭하면 복사됩니다
  • camelCasehelloWorldFromCoddy
  • PascalCaseHelloWorldFromCoddy
  • snake_casehello_world_from_coddy
  • CONSTANT_CASEHELLO_WORLD_FROM_CODDY
  • kebab-casehello-world-from-coddy
  • Train-CaseHello-World-From-Coddy
  • dot.casehello.world.from.coddy
  • path/casehello/world/from/coddy
  • 문장 케이스Hello world from coddy
  • 타이틀 케이스Hello World From Coddy
  • 대문자HELLO WORLD FROM CODDY
  • 소문자hello 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)나 숫자가 섞인 경우도 자연스럽게 처리합니다.

케이스 변환을 다루며 배우게 되는 것들

  • 언어 커뮤니티마다 선호하는 스타일이 다르다 — 작업 중인 코드베이스의 컨벤션에 맞추는 게 우선이다.
  • 토큰화는 대문자, 구분자(_ - .), 숫자 경계를 기준으로 단어를 쪼갠 뒤 다시 이어붙이는 과정이다.
  • 약어가 들어가면 변환이 애매해진다 — XMLParserxmlParser일까, xMLParser일까? 코드베이스에서 한 가지 규칙을 정하고 일관되게 가야 한다.

텍스트 케이스 변환 단계별 가이드

  1. 텍스트 붙여넣기

    한 단어든, 식별자든, 긴 목록이든 그대로 넣으세요. camelCase, snake_case, 공백이 뒤섞여 있어도 상관없습니다.

  2. 모든 변형을 한눈에 확인

    10가지 이상의 케이스로 변환된 결과가 한 번에 표시됩니다. 코드베이스에서 쓰는 스타일을 고르세요.

  3. 엣지 케이스 조정

    스타일 가이드에 약어, 숫자, 특수문자 처리에 관한 별도 규칙이 있다면 옵션을 켜고 끄며 맞추세요.

  4. 클릭해서 복사

    원하는 변형을 클릭하면 바로 클립보드에 복사됩니다. 여러 파일을 리팩터링하거나 OpenAPI 스펙을 채울 때 특히 편합니다.

네이밍 스타일 빠른 참고

같은 문구가 자주 쓰는 네이밍 컨벤션마다 어떻게 보이는지 정리했습니다.

스타일예시주로 쓰이는 곳
camelCaseuserNameJavaScript 변수, Java 메서드
PascalCaseUserName대부분 언어의 클래스명, React 컴포넌트
snake_caseuser_namePython, Ruby, 데이터베이스 컬럼
SCREAMING_SNAKE_CASEUSER_NAME상수, 환경변수
kebab-caseuser-nameURL, CSS 클래스, 쉘 플래그
Title CaseUser Name제목, 라벨
Sentence caseUser nameUI 문구, 본문
Train-CaseUser-NameHTTP 헤더 (X-Request-Id)
dot.caseuser.name설정 키, 네임스페이스 설정값
flatcaseusername도메인명, 패키지 슬러그

직접 해볼 수 있는 케이스 변환 예시

문구 변환하기

입력

user profile photo

변형 결과

camelCase: userProfilePhoto · PascalCase: UserProfilePhoto · snake_case: user_profile_photo · kebab-case: user-profile-photo · CONSTANT_CASE: USER_PROFILE_PHOTO

같은 단어를 다섯 가지 스타일로. 지금 편집 중인 파일에 어울리는 걸로 고르면 됩니다.

JS 변수를 Python으로 옮기기

JavaScript
const accessTokenExpiresAt = ...;
Python
access_token_expires_at = ...

대부분의 팀은 도메인 모델 안에서는 한 가지 표준 이름을 유지하고, 언어나 API 계층 경계에서만 스타일을 변환합니다.

제목을 URL용으로 슬러그화

제목

10 Best Practices for REST APIs

슬러그

10-best-practices-for-rest-apis

슬러그는 kebab-case에 소문자, 그리고 안전한 문자만 허용합니다. URL 경로로도, CSS 클래스명으로도 그대로 쓸 수 있어요.

케이스 변환에서 자주 하는 실수

  • 같은 파일이나 레이어 안에서 스타일을 섞어 쓰는 것(한 모듈에 userNameuser_name이 같이 등장). 한 가지로 정하고 린터로 강제하세요.
  • 약어 대문자 처리를 일관되지 않게 하는 것(XmlParser vs XMLParser). 코드베이스마다 한 번 정해두고 끝까지 지키세요.
  • 데이터베이스 식별자가 case-fold되는 경우를 잊는 것 — PostgreSQL에서는 userNameusername이 같은 컬럼이지만 MySQL에서는 다를 수 있습니다.

Case Converter FAQ

camelCase가 뭔가요?
camelCase는 첫 단어만 소문자로 시작하고 이후 단어들의 첫 글자를 대문자로 쓴 다음 구분자 없이 붙이는 스타일입니다(accessTokenExpiresAt). JavaScript와 Java에서 변수와 메서드의 표준 스타일로 쓰입니다.
snake_case는 뭔가요?
snake_case는 모든 단어를 소문자로 쓰고 언더스코어로 이어 붙이는 스타일입니다(access_token_expires_at). Python, Ruby에서 관용적으로 쓰이고, 관계형 DB 컬럼명에서도 널리 사용됩니다.
PascalCase와 camelCase는 어떻게 다른가요?
둘 다 두 번째 단어부터는 첫 글자를 대문자로 씁니다. 차이는 첫 글자뿐인데, PascalCase는 첫 글자도 대문자(UserProfile)이고 camelCase는 소문자(userProfile)입니다. PascalCase는 대부분의 생태계에서 클래스명과 React 컴포넌트에 한정해서 씁니다.
텍스트를 URL용 슬러그로 어떻게 바꾸나요?
전부 소문자로 바꾸고, 공백과 언더스코어를 하이픈으로 치환하고, 악센트를 제거하고(ée), 영문·숫자·하이픈이 아닌 문자는 모두 빼면 됩니다. 대부분의 케이스 변환기에는 이 과정을 한 번에 처리해주는 slugify 모드가 있습니다.
프로젝트에서 camelCase와 snake_case 중 뭘 써야 하나요?
언어를 따라가면 됩니다 — JavaScript, Java, Swift는 camelCase, Python, Ruby, Rust는 snake_case입니다. 코드베이스 내에서는 어떤 선택을 했는지보다 일관성이 더 중요합니다. ESLint, Pylint, Rubocop 같은 린터가 알아서 강제해줍니다.

자세히 알아보기

다른 개발자 도구

Coddy로 코딩 배우기

시작하기