~/devtools / text-case
tool::text-case

텍스트 케이스
변환기

텍스트를 camelCase, snake_case, kebab-case 등 다양한 네이밍 컨벤션으로 즉시 변환합니다.

ad · 728×90
camelCase—
PascalCase—
snake_case—
SCREAMING_SNAKE_CASE—
kebab-case—
UPPER CASE—
lower case—
Title Case—
ad · 300×250
// about this tool

텍스트 케이스 변환기에 대해

프로그래밍에서 변수·함수·클래스·파일 이름을 표기하는 방식을 '네이밍 컨벤션'이라 합니다. 언어마다, 팀마다 선호하는 스타일이 다르며, 같은 의미의 단어도 camelCase, snake_case, kebab-case 등 서로 다른 형태로 표기됩니다. 이 차이를 수작업으로 변환하는 것은 번거롭고 실수를 유발하기 쉽습니다.

camelCase는 JavaScript와 Java에서 변수·함수명에 주로 사용되고, PascalCase는 클래스·컴포넌트명에 쓰입니다. snake_case는 Python·Ruby·데이터베이스 컬럼명에, kebab-case는 CSS 클래스·URL 슬러그에 주로 활용됩니다. SCREAMING_SNAKE_CASE는 상수(constant) 선언에, Title Case는 제목과 헤딩에 사용됩니다.

이 도구는 입력한 텍스트를 실시간으로 8가지 케이스로 동시 변환하여 표시합니다. 공백·언더스코어·하이픈·camelCase 경계를 모두 인식하여 정확하게 단어를 분리하고, 각 케이스별 복사 버튼으로 원하는 형태를 바로 사용할 수 있습니다.

주요 사용 사례
  • ▸언어 전환 시 camelCase와 snake_case 변수명 상호 변환
  • ▸API 응답 키(snake_case)를 JavaScript 변수(camelCase)로 변환
  • ▸텍스트 설명으로부터 kebab-case CSS 클래스명 생성
  • ▸데이터베이스 컬럼명을 PascalCase ORM 모델 프로퍼티로 변환
  • ▸복사한 텍스트를 코드베이스의 네이밍 컨벤션으로 즉시 재포맷
자주 묻는 질문
Q. camelCase와 PascalCase의 차이는 무엇인가요?
camelCase는 첫 단어를 소문자로 시작하고 이후 단어의 첫 글자만 대문자로 씁니다(예: myVariableName). PascalCase는 모든 단어의 첫 글자를 대문자로 씁니다(예: MyVariableName). JavaScript 함수명에는 camelCase, React 컴포넌트명에는 PascalCase가 관례입니다.
Q. 이미 camelCase인 텍스트도 변환할 수 있나요?
네. 이 도구는 camelCase·PascalCase·snake_case·kebab-case·공백 구분 등 다양한 입력 형식을 자동으로 인식하여 단어로 분리합니다. 예를 들어 'myVariableName', 'my_variable_name', 'my-variable-name'은 모두 같은 결과로 변환됩니다.
Q. 한국어나 특수문자가 포함된 텍스트는 어떻게 처리되나요?
이 도구는 영어 알파벳 기반의 네이밍 컨벤션 변환을 위해 설계되었습니다. 한국어나 CJK 문자는 단어 경계 분리 없이 그대로 유지되며, 특수문자는 단어 구분자로 처리됩니다.