대소문자 변환 완전 가이드: 개발 명명 규칙·SEO·글쓰기 활용

텍스트 대소문자 변환은 단순해 보이지만
개발 코드 명명 규칙 변환, 영문 제목 표기법 적용,
SEO 친화적 URL 슬러그 생성, 데이터베이스 컬럼명 정규화 등 다양한 상황에서 필요합니다. 도구를 활용하면 수백 줄의 텍스트도 즉시 처리할 수 있습니다.

이 글은 10가지 핵심 케이스 변환 유형, 프로그래밍 언어별 명명 규칙,
영문 Title Case 규칙, 정규식 변환 코드, 실전 활용 시나리오까지 정리합니다.

기본 변환 유형#

대문자(UPPERCASE)#

모든 문자를 대문자로 변환합니다.

hello world → HELLO WORLD

활용: 경고 메시지, 약어 표기(HTML, CSS, API), 헤더 레이블, 제품 시리얼 번호

소문자(lowercase)#

모든 문자를 소문자로 변환합니다.

Hello World → hello world

활용: URL 슬러그, 이메일 주소, 파일명 정규화, 검색 인덱스 정규화

첫 글자 대문자(Title Case)#

각 단어의 첫 글자를 대문자로 변환합니다.

hello world → Hello World

활용: 책 제목, 페이지 헤딩, 영문 이름 표기, 광고 카피

문장 첫 글자 대문자(Sentence case)#

문장의 첫 글자만 대문자로 변환합니다.

HELLO WORLD. THIS IS A TEST. → Hello world. This is a test.

활용: 일반 문서 텍스트, 설명문 교정, 챗봇 응답 정규화

토글케이스(tOGGLE cASE)#

대소문자를 반전합니다.

Hello World → hELLO wORLD

활용: 의도적 강조, 캡스락 실수 복구, 문체 효과

첫 글자 소문자(camelCase 첫 자)#

첫 글자만 소문자로 변환합니다.

HelloWorld → helloWorld

활용: 클래스명을 변수명으로 변환, JavaScript 컨벤션 적용

개발자용 명명 규칙 변환#

코드에서는 언어와 컨텍스트에 따라 다른 명명 규칙을 사용합니다.

카멜케이스(camelCase)#

첫 단어는 소문자, 이후 단어 첫 글자는 대문자. 공백 없음.

user profile data → userProfileData
get user info     → getUserInfo

사용: JavaScript 변수/함수명, JSON 키, Java 변수, Swift 변수

파스칼케이스(PascalCase)#

모든 단어 첫 글자 대문자. 공백 없음. UpperCamelCase라고도 합니다.

user profile data → UserProfileData
get user info     → GetUserInfo

사용: 클래스명, React 컴포넌트명, TypeScript 타입, C# 변수/함수, Go 공개 함수

스네이크케이스(snake_case)#

모두 소문자, 단어 사이 언더스코어(_).

user profile data → user_profile_data

사용: Python 변수/함수, 데이터베이스 컬럼명, Ruby 변수, 파일명, 환경변수 이름

케밥케이스(kebab-case)#

모두 소문자, 단어 사이 하이픈(-).

user profile data → user-profile-data

사용: URL 슬러그, CSS 클래스명, HTML 속성, 파일명, npm 패키지명, Vue 컴포넌트명(템플릿)

스크리밍 스네이크케이스(SCREAMING_SNAKE_CASE)#

모두 대문자, 단어 사이 언더스코어.

user profile data → USER_PROFILE_DATA
api endpoint url  → API_ENDPOINT_URL

사용: 상수(Constant), 환경변수(.env 파일), 설정 키, SQL 예약어(SELECT, FROM)

도트케이스(dot.case)#

모두 소문자, 단어 사이 점(.).

user profile data → user.profile.data

사용: i18n 키(auth.login.title), 객체 경로, 일부 설정 파일

패스케이스(path/case)#

모두 소문자, 단어 사이 슬래시.

user profile data → user/profile/data

사용: API 라우트(/api/user/profile/data), 파일 경로

명명 규칙 요약표#

언어 표준 가이드를 따르면 코드 가독성이 즉시 좋아지고,
린터·포매터(ESLint·Prettier·Black 등)가 자동 검증해 주는 이점이 있습니다.

영어 제목 표기법: Title Case 규칙#

영어 제목에서 모든 단어를 대문자로 쓰지는 않습니다. AP·Chicago·APA 등 스타일 가이드마다 규칙이 다르지만
일반적인 원칙은 다음과 같습니다.

대문자로 쓰는 것:

• 첫 단어와 마지막 단어
• 명사, 동사, 형용사, 부사, 대명사
• 의문사(What, Where, Why)
• 4자 이상 전치사·접속사(Through, Within, Because)

소문자로 쓰는 것(짧은 관사·접속사·전치사):

• 관사: a, an, the
• 접속사: and, but, or, nor, for, yet, so
• 짧은 전치사: at, by, for, in, of, on, to, up

예시:

잘못된 예: The Quick Brown Fox Jumps Over The Lazy Dog
올바른 예: The Quick Brown Fox Jumps over the Lazy Dog

잘못된 예: How To Build A Website
올바른 예: How to Build a Website

블로그 영문 제목, 책·영화 제목, 영어 헤딩 작성 시 적용합니다.

약어·고유명사 처리#

자동 변환 시 주의할 점입니다.

약어는 대문자 유지#

HTML, CSS, API, URL, SQL, JSON, XML, HTTP, REST, GraphQL

camelCase 변환 시 약어를 어떻게 처리할지 두 학파가 있습니다.

방식 A: 약어를 모두 대문자로
  parseHTMLString, getAPIResponse, parseJSONData

방식 B: 첫 자만 대문자
  parseHtmlString, getApiResponse, parseJsonData

Google JavaScript 스타일 가이드는 방식 B(첫 자만 대문자)를 권장합니다. Microsoft .NET은 방식 A입니다. 팀 컨벤션에 따라 일관되게 사용합니다.

고유명사#

iPhone, eBay, McDonald's, MySQL, JavaScript

이런 단어는 자동 변환 시 깨질 수 있습니다. 직접 확인이 필요합니다.

정규식으로 직접 변환하기#

JavaScript에서 케이스 변환 정규식 예시입니다.

// 카멜케이스 → 스네이크케이스
const camelToSnake = (str) =>
  str.replace(/([A-Z])/g, "_$1").toLowerCase();

camelToSnake("userProfileData"); // user_profile_data

// 스네이크케이스 → 카멜케이스
const snakeToCamel = (str) =>
  str.replace(/_([a-z])/g, (_, c) => c.toUpperCase());

snakeToCamel("user_profile_data"); // userProfileData

// 케밥케이스 → 카멜케이스
const kebabToCamel = (str) =>
  str.replace(/-([a-z])/g, (_, c) => c.toUpperCase());

// 카멜케이스 → 케밥케이스(URL 슬러그)
const camelToKebab = (str) =>
  str.replace(/([A-Z])/g, "-$1").toLowerCase();

camelToKebab("userProfileData"); // -user-profile-data (앞 하이픈 주의)

라이브러리를 쓰려면 npm change-case 패키지가 표준입니다. 모든 케이스 변환을 일관되게 처리합니다.

import { camelCase, snakeCase, kebabCase, pascalCase } from "change-case";

camelCase("user profile data");  // userProfileData
snakeCase("UserProfileData");     // user_profile_data
kebabCase("UserProfileData");     // user-profile-data
pascalCase("user profile data"); // UserProfileData

실전 활용 시나리오#

1. 대량 텍스트 교정#

전체가 대문자로 입력된 텍스트(Caps Lock 실수)를 소문자로 변환 후
수동 교정합니다.

2. URL 슬러그 생성#

한글 제목 → 영문 번역 → 소문자 케밥케이스로 변환:

"개발자가 알아야 할 10가지 팁"
→ "10 tips developers should know"
→ "10-tips-developers-should-know"

3. 코드 마이그레이션#

Python snake_case 코드를 JavaScript camelCase로 이식할 때 변수명 일괄 변환:

user_id = get_user_data(profile_id)

const userId = getUserData(profileId);

4. 데이터베이스 → JSON 변환#

DB 컬럼명(snake_case)을 API 응답 키(camelCase)로 변환:

SELECT user_id, full_name, created_at FROM users

{
  "userId": 1,
  "fullName": "홍길동",
  "createdAt": "2026-05-01T12:00:00Z"
}

ORM·시리얼라이저(Sequelize·SQLAlchemy 등)가 자동 변환을 지원합니다.

5. CSS-in-JS 변환#

CSS 속성(kebab-case)을 JavaScript 객체 키(camelCase)로 변환:

.btn { background-color: #2563eb; font-size: 16px; }

const styles = { backgroundColor: "#2563eb", fontSize: "16px" };

자주 묻는 질문#

Q. 한국어는 대소문자 구분이 없는데 케이스 변환이 의미 있나요?

A. 한국어 자체는 의미 없지만, 한국어 본문에 섞인 영문 단어·코드·약어 처리에 유용합니다. 또한 한국 개발자가 영문 변수명을 작성할 때 사용합니다.

Q. 카멜케이스와 파스칼케이스를 언제 구분해 쓰나요?

A. 일반 변수·함수는 camelCase, 클래스·타입·생성자는 PascalCase로 구분하면
코드 의도가 명확해집니다. JavaScript에서 new UserService()처럼 PascalCase는
"이건 클래스다"라는 신호입니다.

Q. 약어를 변환할 때 어떻게 처리해야 하나요?

A. 팀 컨벤션을 우선하되, 일관성이 중요합니다. Google 스타일은 약어를 일반 단어처럼 처리(parseHtmlString),
Microsoft 스타일은 대문자 유지(parseHTMLString).

Q. 한국어를 영문 케밥케이스 URL로 변환하려면?

A. 한글 → 영문 번역(또는 음역)이 먼저 필요합니다. 자동 변환 도구는 소리값(romanization)을 사용하기도 하지만,
의미 있는 영문 단어로 직접 번역하는 것이 SEO와 가독성에 좋습니다.

Q. 유니코드(Unicode) 텍스트의 대소문자 변환은 안전한가요?

A. 영문은 안전하지만 일부 언어는 주의가 필요합니다. 터키어 'i'는 대문자가 'İ'(점 있는 I)이고,
독일어 'ß'는 대문자에서 'SS'로 변환됩니다. JavaScript toLocaleLowerCase("tr")처럼
로케일 인자를 명시할 수 있습니다.

Q. CSV 헤더를 일괄 변환할 수 있나요?

A. CSV 파일을 도구에 붙여넣고 케이스 변환 후 다시 저장합니다. 단, 헤더만 변환하고 데이터는 유지하려면 첫 줄만 분리해 처리해야 합니다.

대소문자 변환 도구 활용#

대소문자 변환 도구에서 텍스트를 입력하면
10가지 케이스 변환 결과(UPPERCASE·lowercase·camelCase·PascalCase·snake_case·kebab-case·SCREAMING_SNAKE 등)를 한 번에 표시하고,
각 결과를 클릭으로 복사할 수 있습니다.

텍스트 작업이 더 필요하다면
글자 수 세기 가이드에서 분량 관리를,
CSV ↔ JSON 변환 가이드에서 데이터 형식 변환을 확인할 수 있습니다. 텍스트 변경 추적이 필요하면
텍스트 비교(Diff) 활용법도 참고하세요.