Kebab Case to Camel Case Converter

user-profile-image 같은 하이픈 기반 개발자 식별자를 userProfileImage 같은 camelCase로 변환합니다.

무료이며 비공개로 브라우저에서 처리됩니다.

감지: snake_case
camelCase 출력
userProfileImageUrl

모든 네이밍 형식

camelCase
userProfileImageUrl
PascalCase
UserProfileImageUrl
snake_case
user_profile_image_url
kebab-case
user-profile-image-url
CONSTANT_CASE
USER_PROFILE_IMAGE_URL
dot.case
user.profile.image.url
path/case
user/profile/image/url

변환은 브라우저에서 로컬로 처리되며 입력은 변환 서버로 전송되지 않습니다.

예시

입력출력
user-profile-imageuserProfileImage
api-response-urlapiResponseUrl
feature-flag-namefeatureFlagName

이 변환기의 작동 방식

텍스트 또는 식별자를 붙여넣으면 단어 경계와 일반적인 구분자를 감지해 선택한 네이밍 규칙으로 변환합니다.

  • 하이픈을 단어 경계로 처리하고 camelCase 결과에서는 제거합니다.
  • 첫 토큰은 소문자로 유지하고 이후 토큰은 첫 글자를 대문자로 변환합니다.

주요 사용 사례

설정 키, 슬러그, 생성된 이름, 외부에서 가져온 식별자를 JavaScript 또는 TypeScript 코드용으로 변환합니다.

CSS Custom Properties, float, Vendor Prefix처럼 CSS 전용 규칙이 필요한 실제 CSS 속성은 전용 CSS Property Converter를 사용합니다.