kebab-case

하이픈(-)으로 단어를 연결하는 식별자 표기법

분야: 네이밍/표기법 시리즈: case 스타일 namingcssurl

kebab-case는 단어를 소문자로 쓰고, 단어 사이를 하이픈(-)으로 연결하는 표기법입니다.

어디에 쓰나요?

  • CSS 클래스: btn-primary, card-title
  • URL 경로(slug): /terms/kebab-case/
  • 파일명(팀 컨벤션에 따라): user-profile.ts

장단점

  • 장점: 사람이 읽기 쉬움, URL/CSS에 자연스럽게 어울림
  • 단점: 프로그래밍 언어의 변수명(예: JavaScript)에서는 하이픈이 연산자(-)로 해석되어 그대로 사용할 수 없음

관련 문서

camelCase
첫 단어는 소문자, 이후 단어의 첫 글자를 대문자로 연결하는 표기법
PascalCase
각 단어의 첫 글자를 대문자로 연결하는 표기법 (UpperCamelCase)
snake_case
언더스코어(_)로 단어를 연결하는 식별자 표기법