텍스트 케이스 변환기 - camelCase, snake_case 등 변환 온라인

camelCase, snake_case, PascalCase, kebab-case, CONSTANT_CASE, Title Case 등 다양한 형식 간 텍스트 변환. 변수명 변환에 적합.

글자 수: 0공백 제외: 0단어 수: 0

변환 결과를 보려면 위에 텍스트를 입력하세요

자주 묻는 질문

케이스 변환기란 무엇인가요?

케이스 변환기는 텍스트를 다양한 명명 규칙과 대소문자 스타일 간에 변환하는 온라인 도구입니다. camelCase, snake_case, PascalCase, kebab-case, CONSTANT_CASE 같은 프로그래밍 형식과 Title Case, Sentence case, UPPERCASE, lowercase 같은 자연어 형식을 지원합니다.

어떻게 사용하나요?

입력 영역에 텍스트를 입력하거나 붙여넣기만 하면 됩니다. 지원되는 모든 케이스 형식이 실시간으로 동시에 표시됩니다. 필요한 형식 옆의 복사 버튼을 클릭하세요.

제 텍스트 데이터는 안전한가요?

모든 텍스트 처리는 브라우저에서 JavaScript를 사용하여 100% 클라이언트 사이드로 수행됩니다. 어떤 텍스트도 서버로 전송되지 않습니다. 텍스트는 절대 기기를 떠나지 않습니다.

camelCase, PascalCase, snake_case의 차이점은 무엇인가요?

camelCase는 소문자로 시작하고 후속 단어를 대문자화합니다 (예: myVariableName). PascalCase는 모든 단어의 첫 글자를 대문자화합니다 (예: MyClassName). snake_case는 모두 소문자로 단어 사이에 밑줄을 사용합니다 (예: my_variable_name). camelCase는 JavaScript, PascalCase는 React 컴포넌트, snake_case는 Python에서 표준입니다.

kebab-case와 snake_case는 언제 사용하나요?

kebab-case는 하이픈을 사용하며 (예: my-component-name) CSS 클래스명, HTML 속성, URL 슬러그에 표준입니다. snake_case는 밑줄을 사용하며 (예: my_variable_name) Python, Ruby, Rust, SQL 데이터베이스 컬럼에서 표준입니다.

CONSTANT_CASE란 무엇인가요?

CONSTANT_CASE는 모든 글자를 대문자로 변환하고 단어를 밑줄로 구분합니다 (예: MAX_RETRY_COUNT). 거의 모든 프로그래밍 언어에서 상수와 환경 변수에 사용되는 보편적 규칙입니다.

입력 형식을 어떻게 감지하나요?

도구는 입력 텍스트 패턴을 분석하여 현재 케이스 형식을 감지합니다. 구분자 문자(밑줄, 하이픈, 점, 슬래시)와 대소문자 패턴(camelCase/PascalCase의 소문자→대문자 전환)을 확인합니다.

여러 줄 텍스트도 처리할 수 있나요?

네. 여러 줄의 텍스트를 붙여넣으면 전체 텍스트에 변환이 적용됩니다. 변수명 목록, 데이터베이스 컬럼, API 필드명을 일괄 변환할 때 유용합니다.

코드 예제

function splitIntoWords(input) {
  return input
    .replace(/([a-z])([A-Z])/g, '$1 $2')
    .replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2')
    .replace(/[_\-./]/g, ' ')
    .split(/\s+/)
    .filter(w => w);
}

const toCamelCase = s =>
  splitIntoWords(s)
    .map((w, i) => i === 0 ? w.toLowerCase()
      : w[0].toUpperCase() + w.slice(1).toLowerCase())
    .join('');

const toSnakeCase = s =>
  splitIntoWords(s).map(w => w.toLowerCase()).join('_');

const toKebabCase = s =>
  splitIntoWords(s).map(w => w.toLowerCase()).join('-');

console.log(toCamelCase('my_variable_name')); // myVariableName
console.log(toSnakeCase('myVariableName'));   // my_variable_name
console.log(toKebabCase('MyClassName'));       // my-class-name