케이스 변환기: 텍스트 대소문자 변환

케이스 변환기란?

케이스 변환기는 텍스트를 실시간으로 16가지 케이스 형식으로 변환하는 무료 온라인 도구입니다. UPPERCASE, lowercase, Title Case, Sentence case와 같은 일반적인 쓰기 형식과 camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE와 같은 개발자 전용 형식을 처리합니다. aLtErNaTiNg, random, superscript, subscript, strikethrough, bubble, fullwidth와 같은 장식용 형식도 포함되어 있습니다.

이 도구는 쓰기와 개발에서 공통적으로 발생하는 문제를 해결합니다. 동일한 단어나 구문이 서로 다른 맥락에서 서로 다른 대소문자 규칙이나 형식 관례에 따라 나타나야 하는데, 이를 수동으로 처리하면 오류가 발생하기 쉽고 번거롭습니다. 모든 처리는 Unicode를 지원하는 JavaScript를 사용하여 브라우저에서 실행됩니다. 계정 없이 무료로 사용할 수 있습니다.

주요 기능

• UPPERCASE — JavaScript의 toUpperCase()를 사용하여 모든 문자를 대문자로 변환.
• lowercase — toLowerCase()를 사용하여 모든 문자를 소문자로 변환.
• Title Case — Unicode 인식 regex /(^|\s)(\p{L})/gu를 사용하여 각 단어의 첫 글자를 대문자로 변환. ASCII뿐 아니라 모든 Unicode 문자에 대응.
• Sentence case — 전체 텍스트의 첫 글자만 대문자로 변환. 입력 시작 부분의 이모지나 결합 문자를 올바르게 처리하기 위해 Intl.Segmenter를 사용한 자소 인식 감지.
• camelCase — 비영숫자 문자를 제거하고 첫 번째 단어 이후 각 단어의 첫 글자를 대문자로 변환. hello world는 helloWorld가 됩니다.
• PascalCase — camelCase와 동일하지만 첫 번째 단어도 대문자로 변환. hello world는 HelloWorld가 됩니다.
• snake_case — camelCase 경계와 공백으로 구분된 단어 사이에 언더스코어를 삽입하고 모두 소문자로 변환. helloWorld는 hello_world가 됩니다.
• kebab-case — snake_case와 동일하지만 하이픈을 사용. helloWorld는 hello-world가 됩니다.
• CONSTANT_CASE — snake_case 논리이지만 모두 대문자. helloWorld는 HELLO_WORLD가 됩니다.
• aLtErNaTiNg — 문자 인덱스에 따라 소문자와 대문자를 번갈아 변환 (짝수 인덱스 = 소문자, 홀수 = 대문자).
• rAnDom — Math.random()을 사용하여 각 문자에 무작위로 대문자 또는 소문자를 할당.
• Sᵘᵖᵉʳˢᶜʳⁱᵖᵗ, Sᵤᵦₛ꜀ᵣᵢₚₜ, S̶t̶r̶i̶k̶e̶, Ⓑⓤⓑⓑⓛⓔ, Ｆｕｌｌｗｉｄｔｈ — 표준 문자를 시각적으로 유사한 Unicode 문자로 대체하는 Unicode 스타일 형식.
• 공유 가능한 URL — 도구는 최대 200자의 입력과 선택된 케이스를 URL에 동기화하여 사전 로드된 상태를 링크로 공유할 수 있습니다.
• 스니펫에 저장 — 나중에 검색할 수 있도록 출력 텍스트를 이름이 지정된 스니펫에 저장 (서포터 기능).

케이스 변환기 사용 방법

1단계: 케이스 형식 선택

상단에 16개의 형식 버튼이 표시됩니다. 각 버튼은 형식 이름을 표시하며 (호버 시 예시 툴팁 제공). 원하는 형식을 클릭하세요. 선택한 버튼이 강조 표시됩니다.

용도별 일반적인 선택:

• 글쓰기 및 문서: UPPERCASE, lowercase, Title Case, Sentence case
• JavaScript/TypeScript 변수 및 함수: camelCase
• JavaScript/TypeScript 클래스 및 컴포넌트: PascalCase
• Python 변수 및 파일 이름: snake_case
• CSS 클래스 이름 및 HTML 속성: kebab-case
• 대부분의 언어에서 상수: CONSTANT_CASE
• 소셜 미디어 및 재미: aLtErNaTiNg, rAnDom, bubble, fullwidth

2단계: 텍스트 입력 또는 붙여넣기

입력 텍스트 영역을 클릭하고 입력하거나 붙여넣으세요. 입력 위에 문자 수가 표시됩니다. 출력은 즉시 업데이트됩니다 — 버튼을 누를 필요가 없습니다.

3단계: 출력 확인

오른쪽 출력 패널에 변환된 텍스트가 표시됩니다. 위의 레이블은 활성 형식을 반영하여 업데이트됩니다 (예: "camelCase 출력"). 출력의 문자 수가 표시됩니다.

예시: camelCase 변환

입력: get user profile data 출력: getUserProfileData

예시: snake_case 변환

입력: getUserProfileData 출력: get_user_profile_data

예시: Title Case 변환

입력: the quick brown fox jumps over the lazy dog 출력: The Quick Brown Fox Jumps Over The Lazy Dog

예시: Sentence case 변환

입력: THE QUICK BROWN FOX 출력: The quick brown fox

4단계: 복사, 저장 또는 공유

패널 아래 작업 표시줄에서 세 가지 작업을 사용할 수 있습니다:

• 결과 복사 — 출력 텍스트를 클립보드에 복사합니다.
• 스니펫에 저장 — 나중에 검색하기 위해 스니펫 라이브러리에 출력을 저장합니다 (서포터 기능).
• 지우기 — 입력 필드를 비웁니다.

페이지 하단의 공유 버튼은 현재 입력 텍스트 최대 200자와 선택한 케이스 형식을 인코딩한 공유 가능한 URL을 생성합니다.

실용적인 예시

리팩토링 중 변수 이름 변경

데이터베이스 열 이름(snake_case)을 TypeScript 속성 이름(camelCase)으로 변경하는 경우. user_first_name을 붙여넣고, camelCase를 선택하면 userFirstName을 얻습니다. 각 열 이름을 몇 초 안에 처리할 수 있습니다.

문서 제목 준비

메모 덤프에서 모두 소문자로 작성된 제목 목록이 있습니다. 목록을 붙여넣고 (한 줄에 하나씩), Title Case를 선택하세요. 각 줄을 개별적으로 수정하지 않고도 올바르게 대문자화됩니다.

디자인 시스템 이름에서 CSS 클래스 이름 생성

디자인 토큰이 공백과 혼합 대소문자를 사용합니다: Primary Background Color. kebab-case를 선택하면 primary-background-color를 얻어 CSS 사용자 정의 속성 이름이나 Tailwind 클래스로 바로 사용할 수 있습니다.

Fullwidth로 소셜 미디어 게시물 만들기

Fullwidth는 ASCII 문자를 Unicode 전각 문자로 변환합니다 (예: HELLO가 ＨＥＬＬＯ가 됩니다). 특별한 서식 도구 없이 소셜 미디어에 독특한 외관의 텍스트를 만들 수 있습니다.

팁과 모범 사례

camelCase와 PascalCase는 구두점을 제거합니다. 두 형식 모두 Unicode 문자나 숫자가 아닌 모든 문자를 제거하고 단어 경계로 사용합니다. hello-world, hello_world, hello world는 모두 동일한 결과를 생성합니다. 이 덕분에 구분 기호로 분리된 어떤 형식에서도 변환할 때 유용합니다.

snake_case와 kebab-case는 기존 camelCase를 처리합니다. 변환은 camelCase 전환(소문자 뒤에 대문자가 오는 경우)을 인식하고 해당 경계에 구분 기호를 삽입합니다. helloWorld는 입력에 공백 없이도 hello_world가 됩니다.

Sentence case는 첫 번째 문자를 제외한 모든 것을 소문자로 만듭니다. 입력에 텍스트 중간에 의도적인 고유 명사가 있는 경우 Sentence case는 그것들을 소문자로 변환합니다. 문장 중간의 고유 명사를 보존해야 하는 텍스트에는 다른 방법을 사용하세요.

공유 URL은 200자에서 잘립니다. URL 인코딩은 입력의 처음 200자만 캡처합니다. 더 긴 텍스트도 도구에서 처리할 수 있지만, 공유 URL에는 처음 200자만 나타납니다. 전체 텍스트는 현재 세션 동안 도구에 남아 있습니다.

alternating과 random은 되돌릴 수 없습니다. 이 형식들은 원래 케이스에 대한 정보를 인코딩하지 않기 때문에 역변환이 없습니다. 표시 목적으로만 사용하고, 왕복 변환이 필요한 데이터에는 사용하지 마세요.

배치 모드는 선택한 케이스를 각 줄에 독립적으로 적용합니다. 배치 입력의 각 줄은 별도로 변환됩니다. 이는 식별자 목록을 일괄 변환하는 데 유용합니다.

일반적인 문제 및 해결 방법

camelCase 출력이 소문자로 시작하는데 대문자가 필요합니다. PascalCase를 사용하세요. PascalCase는 첫 번째 단어도 대문자로 변환하여 helloWorld 대신 HelloWorld를 제공합니다.

Title Case가 "the"와 "a" 같은 짧은 단어도 대문자로 변환합니다. 도구의 Title Case는 모든 단어를 대문자로 변환합니다 (regex /(^|\s)(\p{L})/gu 사용). 짧은 연결 단어에 대한 Chicago Manual of Style 또는 AP 스타일 규칙을 적용하지 않습니다. 스타일 가이드에서 스마트 타이틀 케이스(관사 및 전치사 건너뛰기)를 요구하는 경우 변환 후 해당 규칙을 수동으로 적용해야 합니다.

Sentence case가 내 텍스트를 모두 소문자로 만들고 있습니다. Sentence case는 첫 번째 자소 이후의 모든 것에 toLowerCase()를 적용합니다. 이는 의도된 동작입니다 — 표준 문장 대문자화를 생성합니다. 문장 중간에 대문자로 유지되어야 하는 약어나 고유 명사가 있는 경우 변환 후 수동으로 보존하세요.

snake_case가 올바른 위치에 언더스코어를 삽입하지 않습니다. snake_case 로직은 camelCase 전환과 공백을 언더스코어로 대체합니다. 입력에 비정상적인 구분 기호(점, 슬래시 등)가 있으면 현재 구현에서 단어 구분 기호로 처리하지 않습니다. 먼저 해당 구분 기호를 공백으로 교체하여 전처리하세요.

출력이 입력과 동일합니다. 특정 조합에서 예상되는 동작입니다: 이미 소문자인 텍스트에 lowercase를 적용하거나, 이미 대문자인 텍스트에 UPPERCASE를 적용하면 눈에 띄는 변화가 없습니다.

개인 정보 및 보안

케이스 변환기는 텍스트를 완전히 브라우저에서 처리합니다. convertCase 함수는 JavaScript 문자열 메서드와 Unicode 인식 정규 표현식을 사용하며 외부 서비스나 API에 연결하지 않습니다. 공유 URL은 최대 200자의 텍스트를 URL 매개변수로 삽입하지만, 이는 공유 버튼을 클릭할 때만 활성화됩니다. 일반적인 사용에서는 텍스트가 URL에 포함되지 않습니다. 어떤 텍스트도 서버로 전송되지 않습니다.

자주 묻는 질문

케이스 변환기는 무료인가요? 네, 완전히 무료입니다. 16가지 케이스 형식, 공유 URL 기능, 클립보드 복사 모두 결제나 계정 없이 사용할 수 있습니다. 서포터 기능(프리셋, 기록, 배치 모드, 스니펫에 저장)은 Glyph Widgets 서포터 구독이 필요합니다.

오프라인에서 작동하나요? 네. 모든 케이스 변환은 브라우저 네이티브 JavaScript 문자열 메서드와 정규 표현식을 사용합니다. 변환 중에 네트워크 요청이 이루어지지 않습니다. 페이지가 로드되면 인터넷 연결 없이도 도구가 작동합니다.

내 텍스트는 안전한가요? 텍스트는 어떤 서버로도 전송되지 않습니다. 모든 처리는 로컬입니다. 유일한 예외는 공유 URL 기능으로, 최대 200자를 URL에 인코딩하여 공유하도록 선택합니다 — 이 기능의 일부로 Glyph Widgets 서버에 데이터가 전송되지 않습니다.

camelCase와 PascalCase의 차이점은 무엇인가요? 둘 다 공백 없이 단어를 연결하고 첫 번째 단어 이후 각 단어의 첫 글자를 대문자로 변환합니다. 차이는 첫 번째 단어에 있습니다: camelCase는 소문자로 유지하고(helloWorld), PascalCase는 대문자로 변환합니다(HelloWorld). PascalCase는 대부분의 언어에서 클래스 이름에 사용되며, camelCase는 JavaScript, TypeScript, Java에서 변수 이름과 함수 이름에 사용됩니다.

CONSTANT_CASE는 어디에 사용하나요? CONSTANT_CASE(SCREAMING_SNAKE_CASE라고도 함)는 많은 프로그래밍 언어에서 상수에 사용됩니다: MAX_RETRY_COUNT, API_BASE_URL, DEFAULT_TIMEOUT. 독자에게 해당 값이 변경되어서는 안 되는 상수임을 알립니다.

Title Case는 비영어 텍스트에서도 작동하나요? 네. regex는 Unicode 속성 \p{L}(모든 언어의 모든 문자)을 사용하여 단어 처음의 문자를 식별합니다. 대소문자 구분이 있는 프랑스어, 스페인어, 독일어 및 기타 언어에서 각 단어의 첫 글자를 대문자로 변환합니다.

Sentence case가 가끔 첫 글자를 대문자로 변환하지 않는 이유는? Sentence case는 첫 번째 자소(사용자가 인식하는 문자)를 찾기 위해 Intl.Segmenter를 사용합니다. 텍스트가 비문자(숫자, 구두점 또는 이모지)로 시작하면 도구는 해당 문자를 변경하지 않고 나머지를 소문자로 변환합니다. 이는 올바른 동작입니다 — 시작 부분에 대문자로 변환할 문자가 없습니다.

교대 케이스는 정확히 어떻게 작동하나요? Array.from(text)(멀티바이트 Unicode 문자를 개별 항목으로 올바르게 처리)를 반복하면서 짝수 인덱스 문자에 toLowerCase()를, 홀수 인덱스 문자에 toUpperCase()를 적용합니다. 문자 0은 소문자, 문자 1은 대문자, 계속 이어집니다.

전체 문서를 변환할 수 있나요? 네. 텍스트 영역에는 UI에서 적용된 문자 제한이 없습니다. 매우 큰 문서의 경우 느린 장치에서 변환에 시간이 걸릴 수 있지만, 고정된 한도는 없습니다. 공유 URL은 처음 200자만 인코딩합니다.

Unicode 스타일 형식(superscript, subscript, bubble, fullwidth)은 실제로 무엇을 하나요? 다른 블록의 시각적으로 유사한 Unicode 문자로 표준 ASCII 문자를 대체합니다: 위 첨자 숫자와 문자, 취소선을 위한 결합 문자, 거품 텍스트용 둘러싸인 영숫자, 넓은 문자 모양을 위한 전각 형식. 이는 미적 형식이며 결과 문자는 스크린 리더로 읽히지 않거나 일반 텍스트로 검색되지 않을 수 있습니다.

관련 도구

• 단어 카운터 — 변환 전후 텍스트의 단어 수와 문자 수를 확인.
• 텍스트 리버서 — 문자, 단어 또는 줄을 반전.
• 찾기 및 바꾸기 — regex 지원을 포함한 텍스트의 특정 패턴 교체.

지금 사용해 보세요: 케이스 변환기