nicetool.dev logo

케이스 변환기

입력하는 즉시 모든 형식이 업데이트됩니다. 각 줄은 따로 변환됩니다.

입력 · 10단어

팁: 이름 목록(한 줄에 하나)을 붙여넣으면 한 번에 모두 변환됩니다.

camelCase
userProfileSettings
xmlHttpRequestHandler
nicetoolDevTools
PascalCase
UserProfileSettings
XmlHttpRequestHandler
NicetoolDevTools
snake_case
user_profile_settings
xml_http_request_handler
nicetool_dev_tools
CONSTANT_CASE
USER_PROFILE_SETTINGS
XML_HTTP_REQUEST_HANDLER
NICETOOL_DEV_TOOLS
kebab-case
user-profile-settings
xml-http-request-handler
nicetool-dev-tools
Train-Case
User-Profile-Settings
Xml-Http-Request-Handler
Nicetool-Dev-Tools
dot.case
user.profile.settings
xml.http.request.handler
nicetool.dev.tools
path/case
user/profile/settings
xml/http/request/handler
nicetool/dev/tools
Title Case
Userprofile Settings
Xmlhttprequest Handler
Nicetool Dev Tools
Sentence case
Userprofile settings
Xmlhttprequest handler
Nicetool dev tools
lower case
userprofile settings
xmlhttprequest handler
nicetool dev tools
UPPER CASE
USERPROFILE SETTINGS
XMLHTTPREQUEST HANDLER
NICETOOL DEV TOOLS
aLtErNaTiNg
uSeRpRoFiLe SeTtInGs
xMlHtTpReQuEsT hAnDlEr
nIcEtOoL dEv ToOlS
iNVERSE cASE
USERpROFILE SETTINGS
xmlhTTPrEQUEST HANDLER
NICETOOL DEV TOOLS

케이스 변환기란?

프로그래밍 언어와 도구마다 명명 규칙이 다릅니다. JavaScript는 camelCase, Python과 데이터베이스는 snake_case, URL과 CSS는 kebab-case, 환경 변수는 CONSTANT_CASE를 씁니다. 이 도구는 단어 경계를 감지해 모든 형식으로 변환합니다.

기능

  • • camelCase, PascalCase, snake_case, kebab-case 등 14가지 형식
  • • XMLHttpRequest 같은 약어도 똑똑하게 분리
  • • 악센트 문자와 비라틴 문자 유니코드 지원
  • • 목록을 줄 단위로 변환

비공개 & 빠름

텍스트는 서버 요청 없이 브라우저에서 즉시 변환됩니다.

데이터가 기기 밖으로 나가지 않습니다.

케이스 변환기 사용 방법

  1. 1

    텍스트, 변수 이름, 목록을 입력하거나 붙여넣으세요. userProfile, user_profile, "User Profile"처럼 형식이 섞여 있어도 같은 단어로 인식합니다.

  2. 2

    모든 형식이 한 번에 표시됩니다. camelCase, PascalCase, snake_case, CONSTANT_CASE, kebab-case, Train-Case, dot.case, path/case, Title Case, Sentence case, 소문자, 대문자 등입니다.

  3. 3

    각 줄은 따로 변환되므로 필드 이름 50개 목록은 같은 순서의 변환 결과 50개가 됩니다.

  4. 4

    필요한 형식의 복사를 눌러 코드, 데이터베이스 스키마, 문서에 붙여넣으세요.

활용 예시

API 필드를 코드에 매핑

REST API가 created_at, user_id를 반환하는데 TypeScript 모델은 camelCase라면 필드 목록을 붙여넣고 createdAt, userId를 한 번에 복사하세요.

상수와 환경 변수 이름 짓기

"max upload size"를 다시 입력하지 않고 환경 변수나 상수용 MAX_UPLOAD_SIZE로 바꿀 수 있습니다.

CSS 클래스와 URL

kebab-case는 CSS 클래스 이름, 많은 프런트엔드 프로젝트의 파일 이름, URL 경로의 관례입니다. "Primary Button"은 primary-button이 됩니다.

제목과 머리글

전부 대문자나 소문자로 입력한 영어 제목을 게시 전에 Title Case나 Sentence case로 바로잡으세요.

자주 묻는 질문

어떤 표기법을 어디에 쓰나요?+

흔한 관례는 JavaScript와 Java 변수에 camelCase, 클래스와 React 컴포넌트에 PascalCase, Python과 SQL 컬럼에 snake_case, 상수와 환경 변수에 CONSTANT_CASE, CSS와 URL에 kebab-case입니다.

단어는 어떻게 구분하나요?+

공백, 하이픈, 밑줄, 점, 슬래시뿐 아니라 소문자와 대문자 사이에서도 나눕니다. 그래서 XMLHttpRequest는 XML, Http, Request로 나뉩니다.

Title Case와 Sentence case의 차이는?+

Title Case는 모든 단어의 첫 글자를 대문자로 씁니다("Release Notes For Version 2"). Sentence case는 일반 문장처럼 첫 단어만 대문자입니다("Release notes for version 2").

악센트 문자나 비라틴 문자도 되나요?+

네. é, ü나 키릴 문자 등은 그대로 유지되고 대소문자가 올바르게 바뀝니다. 한글이나 중국어처럼 대소문자가 없는 문자는 그대로 남습니다.