텍스트 케이스 변환기

모든 코드베이스와 CMS는 자체 대소문자 규칙이 있습니다, URL은 kebab-case, JS 변수는 camelCase, 상수는 SCREAMING_SNAKE, 제목은 Title Case처럼요. 아무 문자열이나 붙여 넣으면 이 변환기가 흔한 아홉 가지 변환을 한 번에 반환하므로, 붙여 넣을 필드에 맞는 것을 골라 복사할 수 있습니다.

변환이 작동하는 방식

  1. 1

    텍스트 붙여넣기

    단어 하나, 변수 이름, 또는 문장 전체.

  2. 2

    텍스트 토큰화

    공백, 하이픈, 밑줄, 카멜 경계가 각각 별도 단어로 분리됩니다.

  3. 3

    각 케이스 생성

    UPPER, lower, Title, Sentence, camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE.

  4. 4

    필요한 것 복사

    각 변형 옆에서 한 번의 클릭으로 복사합니다.

흔한 아홉 가지 케이스

케이스 예시 대표 용도
UPPERCASE HELLO WORLD 강조, SQL 키워드
lowercase hello world 본문 텍스트
Title Case Hello World 제목(스타일북 방식)
Sentence case Hello world 기사 제목(미니멀)
camelCase helloWorld JS/Java 변수, JSON 키
PascalCase HelloWorld 클래스 이름, React 컴포넌트
snake_case hello_world Python, Ruby, SQL
kebab-case hello-world URL, CSS 클래스 이름, HTML
CONSTANT_CASE HELLO_WORLD 환경 변수, 상수

Title Case에는 스타일 가이드 변형이 있습니다

  • AP 스타일: 명사, 대명사, 동사, 형용사, 부사, 그리고 4자 이상 단어를 대문자로. 관사, 짧은 전치사, 접속사는 첫 단어나 마지막 단어가 아니면 소문자로 둡니다.
  • 시카고: 주요 단어를 대문자로, 관사와 전치사는 길이와 무관하게 소문자로.
  • APA: 4자 이상 단어와 첫 단어, 마지막 단어를 대문자로.
  • Sentence case: 첫 단어(와 고유명사)만 대문자로. 현대 UI와 편집 스타일에서 점점 선호됩니다.

경계 감지 함정

  • parseXMLParser → parse-xml-parser는 연속된 대문자를 약어로 인식해야 합니다. 단순한 카멜 분할은 parse-x-m-l-parser가 됩니다.
  • 숫자: item2Value는 선호에 따라 item-2-value 또는 item2-value로 토큰화될 수 있습니다.
  • 선행 밑줄(_private)은 흔히 “내부용”을 뜻하며 일부 언어에서는 보존해야 합니다.

언제 무엇을 쓸까

  • URL: 항상 kebab-case. 검색 엔진과 사람 모두 읽기 쉬운 경로를 선호합니다.
  • 데이터베이스 컬럼: Postgres/MySQL은 snake_case, MongoDB는 camelCase.
  • CSS 클래스: kebab-case(BEM) 또는 camelCase(CSS-in-JS).
  • 환경 변수: 항상 SCREAMING_SNAKE.

자주 묻는 질문

camelCase는 소문자로 시작하고(userName), PascalCase는 첫 글자도 대문자로 합니다(UserName). 관례상 camelCase는 변수와 함수에, PascalCase는 클래스와 타입에 씁니다.

변환기는 가능한 한 연속된 대문자를 단일 약어로 취급합니다: XMLParser → xml-parser이지 x-m-l-parser가 아닙니다. 정확한 동작은 원본 스타일에 따라 다르니 용도에 맞게 확인하세요.

변수 이름이나 제목 같은 짧은 문자열용으로 설계되었습니다. 코드 파일 전체에 실행하면 주석, 문자열, 키워드까지 다시 케이스가 바뀌어 코드가 깨집니다. 그런 작업은 린터나 IDE 리팩터를 사용하세요.

아니요. 케이스 변환은 전적으로 브라우저에서 실행되며, 붙여 넣은 것은 페이지를 떠나지 않습니다.

관련 도구

이 도구는 다른 언어로도 제공됩니다