📝 케이스 변환기

문자열을 여러 케이스 스타일로 변환합니다

입력 텍스트

텍스트를 입력하면 다양한 케이스로 변환된 결과를 볼 수 있습니다

케이스 변환(Case Conversion)이란?

왜 필요한가요?

프로그래밍 언어와 프레임워크마다 변수명, 함수명, 파일명에 사용하는 명명 규칙(Naming Convention)이 다릅니다. 케이스 변환은 문자열을 다양한 케이스 스타일로 빠르게 변환하여 코드 일관성을 유지하고 언어 간 데이터 교환 시 형식을 맞추는 데 유용합니다.

예시: "user name"을 JavaScript에서는 userName (camelCase), Python에서는 user_name (snake_case)로 사용합니다.

언제 사용하나요?

변수명 통일: 프로젝트의 코딩 컨벤션에 맞게 변수명 변환
API 필드 매핑: JSON 키를 다른 언어 형식으로 변환 (camelCase ↔ snake_case)
데이터베이스 컬럼: 테이블 컬럼명을 코드 변수로 변환
파일명 생성: URL 슬러그, 파일명을 kebab-case로 변환
코드 리팩토링: 대량의 변수명을 한 번에 변환
마이그레이션: 레거시 코드의 명명 규칙을 현대적으로 변경

케이스 스타일 비교

케이스	예시	사용처
camelCase	userName	JavaScript, Java 변수/함수
PascalCase	UserName	C#, Java 클래스/컴포넌트
snake_case	user_name	Python, Ruby, DB 컬럼
UPPER_SNAKE	USER_NAME	상수, 환경변수
kebab-case	user-name	URL, CSS 클래스, 파일명
UPPER-KEBAB	USER-NAME	HTTP 헤더
Train-Case	User-Name	타이틀, HTTP 헤더

실무 사용 예시

예시 1: API 응답 필드 변환

// Python API (snake_case)
{"user_name": "john", "created_at": "2024-01-01"}

// JavaScript (camelCase)로 변환
{userName: "john", createdAt: "2024-01-01"}

예시 2: 환경변수 명명

# 환경변수는 UPPER_SNAKE_CASE 사용
DATABASE_URL=postgresql://localhost/mydb
API_SECRET_KEY=abc123
MAX_RETRY_COUNT=3

예시 3: URL 슬러그 생성

원본 제목: "How to Use React Hooks"
kebab-case URL: https://blog.com/how-to-use-react-hooks

주의사항

약어 처리: "HTML"을 PascalCase로 변환 시 "Html"과 "HTML" 중 프로젝트 컨벤션을 따르세요.
숫자 포함: "user2name"은 "user2Name" (camelCase) 또는 "user_2_name" (snake_case)로 변환됩니다.
특수문자: 일부 케이스는 특수문자를 허용하지 않습니다 (변수명에 하이픈 불가).
예약어: 변환 후 언어의 예약어와 충돌하지 않는지 확인하세요.
일관성: 프로젝트 전체에서 하나의 케이스 스타일을 일관되게 사용하세요.

언어별 권장 케이스

언어/프레임워크	변수/함수	클래스/타입	상수
JavaScript	camelCase	PascalCase	UPPER_SNAKE
Python	snake_case	PascalCase	UPPER_SNAKE
Java	camelCase	PascalCase	UPPER_SNAKE
Go	camelCase	PascalCase	PascalCase
CSS/HTML	kebab-case	kebab-case	-

더 알아보기

🔗 URL 인코더

URL 슬러그 생성

💻 코드 스니펫

언어별 케이스 변환 예제