Aa

Case Converter case

텍스트를 camelCase, snake_case, kebab-case, PascalCase, CONSTANT_CASE 등으로 한 번에 변환합니다.

view
INPUTtext
0 lines 0 chars
1
OUTPUTvariants
click row to copy
도구 설명

이 도구가 하는 일

프로그래밍에서 이름을 짓는 방식은 언어와 상황마다 관습이 다릅니다. JavaScript와 Java는 변수와 함수에 camelCase를 쓰고, Python과 Ruby는 snake_case를 씁니다. 클래스 이름에는 대부분 PascalCase를 쓰고, 상수는 CONSTANT_CASE로 표기합니다. CSS 클래스와 URL 경로에는 kebab-case가 주로 쓰입니다.

문제는 하나의 프로젝트 안에서도 여러 표기법이 동시에 필요하다는 점입니다. 데이터베이스 컬럼은 snake_case인데 API 응답은 camelCase여야 하고, 같은 개념을 파일 이름에서는 kebab-case로 써야 하는 식입니다. 이름이 서너 단어로 길어지면 손으로 바꾸다가 오타가 나기 쉽습니다.

이 도구는 입력한 문자열의 단어 경계를 인식해 여러 표기법의 결과를 동시에 보여줍니다. 공백, 밑줄, 하이픈으로 구분된 경우는 물론 이미 camelCase로 붙어 있는 문자열도 대문자 위치를 기준으로 단어를 분리합니다.

언제 사용하나요

API 응답 필드명을 데이터베이스 컬럼명으로 옮길 때, 새 컴포넌트나 파일을 만들면서 클래스명과 파일명을 함께 정할 때, 기존 코드의 명명 규칙을 통일할 때, 기획 문서의 한글 항목명을 영문 변수명으로 정리한 뒤 표기법을 맞출 때 사용합니다.

입력과 출력 예시

입력 user profile image
출력 userProfileImage / user_profile_image / user-profile-image / UserProfileImage / USER_PROFILE_IMAGE

공백으로 구분된 단어를 각 표기법으로 한 번에 변환합니다.

입력 getUserName
출력 get_user_name / get-user-name / GET_USER_NAME

이미 camelCase인 문자열도 대문자 위치를 기준으로 단어를 나눕니다.

주의사항

약어가 포함된 이름은 의도와 다르게 분리될 수 있습니다. 예를 들어 userID나 HTTPRequest 같은 값은 도구마다 처리 방식이 달라 userId, user_i_d 처럼 예상치 못한 결과가 나올 수 있으므로 결과를 확인하십시오. 또한 표기법을 바꾼다고 해서 코드 전체가 자동으로 수정되는 것은 아닙니다. 이미 사용 중인 API 필드명이나 데이터베이스 컬럼명을 바꾸면 연동된 쪽이 함께 수정되어야 합니다.

자주 묻는 질문

어떤 표기법을 써야 하나요?

사용하는 언어와 팀의 규칙을 따르는 것이 가장 중요합니다. 일반적으로 JavaScript와 Java는 camelCase, Python은 snake_case, 클래스는 PascalCase, CSS와 URL은 kebab-case를 사용합니다.

약어가 이상하게 변환됩니다.

ID, URL, HTTP 같은 연속 대문자는 단어 경계를 판단하기 어려워 도구마다 결과가 다릅니다. 결과를 확인하고 필요하면 직접 조정하십시오.

Copied