사용 방법
- 문장이나 식별자를 입력하거나 붙여 넣습니다. user first name, userFirstName, user_first_name처럼 어떤 형식이어도 됩니다.
- 목록을 확인합니다. 모든 형식이 한 번에 나오고, 입력의 각 줄은 따로 변환됩니다.
- 필요한 형식 옆의 복사를 누릅니다.
예시
Hello world foo
→ camelCase helloWorldFoo, snake_case hello_world_foo, kebab-case hello-world-fooPascalCase는 HelloWorldFoo, CONSTANT_CASE는 HELLO_WORLD_FOO입니다.
XMLHttpRequest
→ snake_case는 xml_http_request, camelCase는 xmlHttpRequest연속된 대문자는 한 단어로 보고, 소문자가 시작되는 곳에서 새 단어가 시작됩니다.
user name (1번째 줄), last login (3번째 줄)
→ snake_case로 user_name, 빈 줄, last_login각 줄을 따로 변환하며 빈 줄은 빈 줄로 남습니다.
계산 방식
텍스트는 오픈소스 change-case 라이브러리가 공백, 구두점, 대소문자가 바뀌는 지점에서 단어로 나눕니다. 그 단어들을 형식마다 다시 이어 붙입니다. snake, kebab, dot, path 형식은 구분 기호를 넣은 소문자, camel, Pascal, Train, Capital 형식은 단어마다 첫 글자를 대문자로 쓰는 식입니다.
대문자와 소문자 변환은 텍스트를 나누지 않고 원문의 글자만 바꿉니다.
입력의 각 줄은 따로 변환되므로, 이름 목록을 붙여 넣고 한꺼번에 변환할 수 있습니다.
출처
자주 묻는 질문
- 어떤 형식을 써야 하나요?
- 언어와 팀에 따라 다릅니다. 흔한 관례는 JavaScript의 변수와 함수에 camelCase, 클래스와 컴포넌트에 PascalCase, Python과 SQL에 snake_case, URL과 CSS에 kebab-case, 상수와 환경 변수에 CONSTANT_CASE입니다. 규칙이 아니라 관례이니 프로젝트의 스타일 가이드를 따르세요.
- 약어와 숫자는 어떻게 처리되나요?
- XML 같은 연속된 대문자는 한 단어로 보므로 XMLHttpRequest는 xml_http_request가 됩니다. 숫자는 앞의 글자에 붙어 있으므로 foo2bar는 한 단어로 남습니다.
- 영어가 아닌 텍스트는 어떻게 되나요?
- 공백과 구두점에서 단어를 나누고, 로마자만 대소문자가 바뀝니다. 한글 같은 다른 문자는 그대로 두므로 안녕 world는 snake_case에서 안녕_world가 됩니다.
- Sentence case와 Capital Case는 무엇이 다른가요?
- Sentence case는 일반 문장처럼 첫 단어만 대문자로 시작합니다. Capital Case는 모든 단어를 대문자로 시작합니다.
- 입력한 텍스트가 업로드되나요?
- 아니요. 변환은 브라우저 안에서 실행됩니다.