텍스트 대소문자 변환 — camelCase, snake_case, kebab-case 한 번에 - Tooly 가이드

2026. 03. 19

텍스트 대소문자 변환 — camelCase, snake_case, kebab-case 한 번에

대문자·소문자·camelCase·snake_case·kebab-case 등 텍스트 케이스를 클릭 한 번에 변환. 프로그래밍 네이밍 컨벤션 가이드.

텍스트 케이스 변환기 →

케이스 종류 한눈에 보기

케이스표기 방식예시
UPPERCASE전체 대문자USER_NAME
lowercase전체 소문자username
Title Case각 단어 첫 글자 대문자User Name
Sentence case첫 단어만 대문자User name
camelCase첫 단어 소문자, 이후 대문자userName
PascalCase모든 단어 대문자 시작UserName
snake_case소문자+언더스코어 구분user_name
kebab-case소문자+하이픈 구분user-name

언어와 용도별 사용 기준

JavaScript / TypeScript

  • 변수명, 함수명: camelCase — getUserById, isLoggedIn
  • 클래스명, 컴포넌트명: PascalCase — UserProfile, LoginForm
  • 상수: SCREAMING_SNAKE_CASE — MAX_RETRY_COUNT
  • CSS 클래스: kebab-case — .nav-bar, .user-avatar

Python

  • 변수명, 함수명: snake_case — get_user_by_id, is_logged_in
  • 클래스명: PascalCase
  • 상수: SCREAMING_SNAKE_CASE

데이터베이스

  • 테이블명, 컬럼명: snake_case — user_profiles, created_at
  • PostgreSQL은 대소문자를 구분하지 않아 예약어와 충돌하지 않는 snake_case가 관례다

네이밍 컨벤션을 지켜야 하는 실질적 이유

CSS에서 camelCase를 쓰면 생기는 문제
.productCard와 .ProductCard는 다른 선택자다. 팀 내에서 혼용하면 스타일이 적용되지 않는 버그가 생기고, 어느 것이 맞는지 찾는 데 시간이 낭비된다.

Python에서 camelCase 함수명을 쓰면
PEP 8 규칙 위반이다. 대부분의 Python 프로젝트는 flake8이나 pylint 같은 린터를 쓰는데, camelCase 함수명이 있으면 자동으로 경고가 나온다.

데이터베이스 컬럼명에 대문자를 쓰면
PostgreSQL에서 createdAt 컬럼을 만들면 내부적으로 createdat(모두 소문자)로 저장된다. 쿼리에서 "createdAt"처럼 큰따옴표로 감싸야만 대소문자를 유지할 수 있는데, 이를 잊으면 에러가 발생한다.

ESLint, Pylint로 자동화하기

JavaScript (ESLint)

{
  "rules": {
    "camelcase": ["error", {"properties": "always"}]
  }
}

Python (pylint)

[BASIC]
function-naming-style = snake_case
variable-naming-style = snake_case
class-naming-style = PascalCase
목록