전체 도구 ↗
💻 이 도구는 PC에서 더 편하게 쓸 수 있어요 · 코드 복사·붙여넣기 작업용

변수명 표기법 변환기

이름 하나로 6가지 표기법을 한 번에 — 붙여넣고 클릭 한 번으로 복사

camelCasesnake_casePascalCasekebab-caseCONSTANT_CASE
예시로 바로 보기

공백·밑줄·하이픈·camelCase 무엇이든 붙여넣기 → 6가지로 즉시 변환

기기 내 처리 · 입력값은 서버로 전송되지 않음
즐겨찾기 추가 (Ctrl+D)
이어서 쓰기HEX↔RGBBase64글자수 세기
광고

설명

입력한 단어를 camelCase·PascalCase·snake_case·kebab-case·CONSTANT_CASE·Title Case 6가지로 한 번에 바꿔 줍니다. 변수·함수·파일명을 지을 때, 표기 규칙이 다른 코드로 옮길 때 쓰기 좋아요. 각 결과 행을 클릭하면 바로 복사됩니다.

광고

관련 도구

글자수 세기대소문자 변환텍스트 정리로렘입숨비밀번호 생성기HEX↔RGBBase64 인코더URL 인코더

camelCase, snake_case, PascalCase, kebab-case 등 프로그래밍 언어마다 다른 변수명 표기법을 상호 변환해 주는 도구입니다. 언어별 코딩 컨벤션이 다를 때, API 응답 키를 프론트엔드 변수명으로 바꿀 때, 또는 리팩터링 작업 시 네이밍을 일괄 정리할 때 손으로 하나씩 고치는 수고를 없애줍니다.

사용 방법

변환할 단어나 구문을 입력창에 입력합니다. 예를 들어 'user profile image'처럼 공백으로 구분된 자연어 표현이나, 이미 'user_profile_image' 형태의 변수명을 그대로 붙여넣으면 됩니다. 입력하는 즉시 camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, Title Case 6가지 결과가 자동으로 함께 표시됩니다. 각 결과 행을 클릭하면 해당 표기법 값이 클립보드에 바로 복사됩니다.

표기법별 주요 사용처

camelCase(예: userProfileImage)는 JavaScript·Java·Swift의 변수명·함수명에 사용됩니다. PascalCase(예: UserProfileImage)는 클래스명·컴포넌트명·타입명에 주로 씁니다. snake_case(예: user_profile_image)는 Python 변수·함수명과 데이터베이스 컬럼명의 표준입니다. UPPER_SNAKE_CASE(예: USER_PROFILE_IMAGE)는 환경변수나 상수 선언에 사용됩니다. kebab-case(예: user-profile-image)는 CSS 클래스명, URL 슬러그, HTML 속성에 주로 쓰입니다.

이럴 때 특히 유용해요

REST API에서 snake_case로 내려오는 JSON 키를 프론트엔드 JavaScript camelCase 변수로 매핑할 때 이 도구로 미리 변환 목록을 만들어두면 작업 속도가 빨라집니다. 백엔드 Python 코드를 JavaScript로 포팅하거나, 반대로 JS 코드를 Python으로 옮길 때 변수명 목록을 일괄 변환하는 용도로도 씁니다. 또한 기획서의 국문 기능명을 개발팀에 전달할 때 영어 변수명 형태로 미리 제안해두면 협업 효율이 올라갑니다.

자주 묻는 질문

공백 없이 이미 camelCase로 입력된 단어도 인식하나요?
네. 입력값이 camelCase나 PascalCase인 경우, 대문자 앞에서 단어를 분리해 다른 표기법으로 변환합니다.
숫자가 포함된 변수명(예: base64Encode)도 올바르게 변환되나요?
숫자는 별도의 단어 경계로 보지 않고 붙어 있는 단어에 그대로 남습니다. 예를 들어 'base64Encode'는 하나의 단어로 처리되어 camelCase 결과가 'base64encode'가 됩니다. 숫자를 기준으로 단어를 나누고 싶다면 'base64 Encode'처럼 공백을 넣어 입력하면 됩니다.
한글 단어도 변환할 수 있나요?
한글은 대소문자 구분이 없고 단어 경계 규칙도 다르기 때문에 영문 변환에는 적합하지 않습니다. 한글 기능명은 영어로 먼저 옮긴 뒤 변환하는 것을 권장합니다.
공백으로 구분된 여러 단어도 한 번에 처리되나요?
네. 'user login name'처럼 공백·밑줄·하이픈으로 구분된 여러 단어를 입력하면 자동으로 단어 경계를 나눠 6가지 표기법으로 한 번에 변환합니다. 기존 camelCase·snake_case 형태도 자동으로 분리합니다.
TypeScript의 interface 필드명 컨벤션은 무엇인가요?
TypeScript에서는 interface 필드명과 변수명 모두 camelCase를 사용하고, interface나 class 이름 자체는 PascalCase를 씁니다. 이 도구로 snake_case API 키를 camelCase로 변환하면 TypeScript 타입 정의에 바로 쓸 수 있습니다.

개인정보처리방침

모든 처리는 브라우저 내부에서만 수행되며 입력값·파일은 서버로 전송·저장되지 않습니다. 광고: Google AdSense(쿠키 사용 가능, 설정). 문의 kjh920424@gmail.com

변수명 표기법 변환 사용법

입력창에 변환할 단어나 문장을 넣으면 camelCase, snake_case, PascalCase, kebab-case 등 여러 표기법으로 한꺼번에 결과가 나옵니다. 원본은 공백으로 띄어 써도 되고(user profile image), 이미 특정 표기법으로 쓰인 이름(userProfileImage, user_profile_image)을 붙여넣어도 됩니다. 각 결과 행을 클릭하면 바로 클립보드에 담을 수 있어, 다른 표기 규칙을 쓰는 코드베이스로 식별자를 옮길 때 손으로 다시 타이핑할 필요가 없습니다. 변환은 브라우저 안에서 즉시 처리되므로 사내 코드에서 뽑아온 이름도 외부로 나가지 않습니다.

작동 원리 - 먼저 단어로 쪼갠다

모든 변환의 핵심은 "입력을 단어 조각으로 분해"하는 것입니다. 이 도구는 공백, 밑줄(_), 하이픈(-)을 경계로 나누고, 추가로 소문자에서 대문자로 바뀌는 지점(userID → user / ID)을 경계로 봅니다. 다만 숫자는 별도 경계로 보지 않고 붙어 있는 단어에 그대로 남습니다(base64Encode → base64encode). 이렇게 [user, profile, image] 같은 단어 배열을 얻은 뒤 표기법별 규칙으로 다시 합칩니다. camelCase는 첫 단어만 소문자·나머지 첫 글자 대문자, PascalCase는 모든 단어 첫 글자 대문자, snake_case는 전부 소문자에 밑줄 결합, kebab-case는 소문자에 하이픈 결합, SCREAMING_SNAKE_CASE는 전부 대문자에 밑줄 결합입니다. 원본이 무슨 표기였든 일단 단어 배열로 통일하므로 어떤 형식에서 어떤 형식으로든 서로 오갈 수 있습니다.

이럴 때 씁니다

언어마다 관습 표기가 달라 이름을 갈아 끼울 일이 잦습니다. JSON API가 created_at(snake_case)로 내려주는데 자바스크립트/자바에서는 createdAt(camelCase)로 받아야 할 때, 파이썬 함수·변수(snake_case)를 그대로 옮겨온 이름을 리액트 컴포넌트(PascalCase)나 CSS 클래스·URL 슬러그(kebab-case)로 바꿀 때가 대표적입니다. DB 컬럼 목록을 엑셀에서 복사해 모델 필드로 만들거나, 환경변수(SCREAMING_SNAKE_CASE)를 코드 상수로 정리할 때도 한 번에 형식을 맞출 수 있습니다.

사용 팁

연속 대문자로 된 약어는 경계 판단이 갈립니다. parseHTMLString을 [parse, HTML, string]으로 볼지 [parse, H, T, M, L, string]으로 볼지에 따라 결과가 달라지니, 변환 후 약어 부분(URL, ID, API 등)이 의도대로 쪼개졌는지 눈으로 확인하세요. 또 표기법 변환은 단어 경계만 재조립할 뿐 철자나 단수·복수를 고쳐주지 않으므로, 오타가 있는 원본은 오타 그대로 변환됩니다. 대부분 언어에서 식별자 첫 글자에 숫자를 쓸 수 없으니, 숫자로 시작하는 결과가 나오면 그대로 쓰지 말고 접두어를 붙이는 편이 안전합니다.