명명 케이스 스타일: camelCase, snake_case 등

코드는 여러 단어로 된 이름으로 가득합니다 — userName, user_name, UserName, user-name — 그리고 그 단어들을 잇는 방식은 무작위가 아닙니다. 각 스타일, 즉 케이스 규칙은 무언가를 신호하며 특정 언어와 맥락에 속합니다. 이 가이드는 흔한 것들, 그 이름, 그리고 각각이 어디에 쓰이는지를 다룹니다.

왜 규칙이 존재하나

대부분의 프로그래밍 언어는 식별자에 공백을 허용하지 않아, 여러 단어 이름은 읽기 쉽게 유지할 다른 방법이 필요합니다. 단순한 가독성을 넘어, 언어나 팀이 기대하는 규칙을 따르면 코드가 일관되고 예측 가능해집니다 — 그리고 어떤 경우엔 케이스가 언어에 실제로 의미가 있습니다(예: 첫 글자 대문자가 클래스를 표시). 올바른 스타일을 고르는 것은 취향의 문제가 아니라 생태계에 어울리는 문제입니다.

흔한 스타일들

camelCase

첫 단어는 소문자, 이후 각 단어의 첫 글자는 대문자, 구분자 없음 — firstName, totalAmount. "혹(hump)"에서 이름이 왔습니다. JavaScript, TypeScript, Java, C#, Swift, Kotlin에서 변수와 함수의 표준입니다.

PascalCase (UpperCamelCase)

camelCase와 같지만 첫 단어도 대문자로 — FirstName, UserProfile. 관례상 대부분의 언어에서(React 컴포넌트 포함) 클래스·타입·컴포넌트의 이름을 붙이며, 그래서 독자가 타입과 변수를 즉시 구별할 수 있습니다.

snake_case

전부 소문자, 단어는 밑줄로 연결 — first_name, total_amount. Python, Ruby, Rust에서 변수와 함수의 기본값이며, 데이터베이스 컬럼에서 매우 흔합니다.

CONSTANT_CASE (SCREAMING_SNAKE_CASE)

대문자 snake_case — MAX_RETRIES, API_KEY. 거의 보편적으로 상수와 환경 변수에 예약돼, 절대 바뀌지 않는 값이 한눈에 눈에 띕니다.

kebab-case

전부 소문자, 단어는 하이픈으로 연결 — first-name, main-content. 꼬치에 꿴 것처럼 보인다고 이 이름이 붙었습니다. URL, CSS 클래스명, HTML 속성, 파일명에서 보게 됩니다. 대부분의 언어에서 변수 이름으로는 쓸 수 없는데, 하이픈이 빼기 기호로 읽히기 때문입니다.

나란히 비교

camelCase        →  userProfileImage
PascalCase       →  UserProfileImage
snake_case       →  user_profile_image
CONSTANT_CASE    →  USER_PROFILE_IMAGE
kebab-case       →  user-profile-image

맥락별 빠른 참조

• JS/TS 변수 & 함수 → camelCase
• 클래스, 타입, React 컴포넌트 → PascalCase
• Python/Ruby/Rust, 데이터베이스 컬럼 → snake_case
• 상수 & 환경 변수 → CONSTANT_CASE
• URL, CSS 클래스, 파일명 → kebab-case

서로 변환하기

이름을 손으로 다시 서식화하는 것 — 특히 목록 전체 — 은 지루하고 실수하기 쉽습니다. 우리 케이스 변환기는 어떤 텍스트든 받아 모든 흔한 스타일을 한 번에 출력하므로 필요한 것을 복사하면 됩니다. 특히 제목을 URL 친화적인 kebab-case 문자열로 바꾸는 거라면 슬러그 생성기가 그 목적에 맞게 만들어졌고, 텍스트 블록 전반의 일괄 이름 변경에는 찾아 바꾸기 도구가 마무리해 줍니다. 일관된 명명은 어떤 코드베이스든 눈에 띄게 읽기 쉽게 만드는 작은 습관입니다.