도구상자FREE ONLINE TOOLS
← 모든 도구

개발 표기법 변환기

단어·식별자를 camelCase·snake_case·kebab-case 등으로 한 번에 변환합니다. 값을 누르면 복사됩니다.

사용법
  1. 변환할 단어나 식별자를 입력합니다(공백·밑줄·하이픈·camelCase 모두 인식).
  2. 여러 표기법으로 변환된 결과가 즉시 표로 나타납니다.
  3. 원하는 값을 클릭하면 클립보드에 복사됩니다.
표기법은 언어와 자리마다 관례가 다릅니다

같은 이름이라도 어디에 쓰느냐에 따라 어울리는 표기법이 다릅니다. 팀·언어의 관례를 따르면 코드를 읽는 사람이 변수의 역할을 더 빨리 파악합니다.

  • 변수·함수: 자바스크립트·자바는 camelCase, 파이썬·루비는 snake_case가 표준입니다.
  • 클래스·타입: 대부분의 언어가 PascalCase(첫 글자도 대문자)를 씁니다.
  • 상수: 값이 바뀌지 않음을 드러내려고 CONSTANT_CASE(대문자 스네이크)를 씁니다.
  • URL·CSS·파일명: 하이픈이 자연스러운 kebab-case가 관례입니다.

식별자 짓는 법을 더 알고 싶다면 개발 표기법 가이드를 참고하세요.

활용 팁
  • API 필드 매핑: 백엔드의 snake_case 필드를 프런트의 camelCase로 바꿀 때 빠르게 변환할 수 있습니다.
  • 상수·CSS: 상수는 CONSTANT_CASE, CSS 클래스·URL 슬러그는 kebab-case가 관례입니다.
  • 일관성: 한 프로젝트 안에서는 같은 표기법을 일관되게 쓰는 것이 가독성과 협업에 좋습니다.
자주 묻는 질문
Q. camelCase와 snake_case는 무엇이 다른가요?

둘 다 여러 단어를 하나의 식별자로 잇는 표기법입니다. camelCase는 첫 단어는 소문자로 시작하고 이어지는 단어의 첫 글자를 대문자로 붙입니다(userName). snake_case는 모두 소문자로 쓰고 단어 사이를 밑줄로 잇습니다(user_name). 언어·팀 규칙에 따라 변수·함수에 다른 표기법을 씁니다.

Q. 어떤 표기법으로 변환할 수 있나요?

camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE(대문자 스네이크), dot.case, 띄어쓰기 소문자·제목 케이스 등으로 변환합니다. 입력은 공백·밑줄·하이픈은 물론 camelCase의 대소문자 경계까지 단어로 인식하므로, 어떤 형식으로 넣어도 원하는 표기법으로 바꿀 수 있습니다.

Q. 한글이나 숫자가 섞여도 되나요?

숫자는 단어의 일부로 그대로 유지됩니다. 한글 등 영문이 아닌 문자도 깨지지 않고 보존되지만, 대소문자 개념이 없어 케이스 변환 효과는 영문에만 적용됩니다. 변수명은 보통 영문과 숫자로 짓는 것을 권장하며, 이 도구는 영문 식별자 변환에 가장 적합합니다.

Q. 이미 camelCase로 붙어 있는 단어도 분리해 주나요?

네. 대문자가 나오는 지점을 단어 경계로 인식하므로 userName은 user와 name으로 나눠 처리합니다. 또 HTTPRequest처럼 대문자가 연달아 나오는 약어도 HTTP와 Request로 끊어 인식해, 어떤 표기법에서 입력하든 원하는 형식으로 다시 조립할 수 있습니다.

Q. kebab-case와 snake_case는 언제 골라 쓰나요?

kebab-case는 단어 사이를 하이픈으로 잇는 표기로 URL 슬러그, CSS 클래스명, 파일 이름처럼 하이픈이 자연스러운 곳에 씁니다. snake_case는 밑줄로 잇는 표기로 파이썬 변수·함수나 데이터베이스 컬럼명에 흔히 씁니다. 하이픈은 일부 언어에서 식별자에 쓸 수 없으므로 변수명에는 보통 snake_case를 택합니다.

함께 보면 좋은 도구