메타 설명: camelCase,snake_case, kebab-case,PascalCase & more. 개발자가 설명하는 언어별 명명 규칙. Toolz.dev 에서 무료.
포커스 키워드: 텍스트 케이스 변환기 온라인
수석 엔지니어가 방금 "naming, "라고 말한 내 풀 요청에 대한 의견을 처음으로 남겼습니다. 나는 그가 무엇을 의미하는지 전혀 몰랐습니다. 코드가 작동했습니다. 테스트가 통과되었습니다. 그가 가리키는 것은 변수 I & # 39;d 로 작성된 것입니다 user_name 자바스크립트 파일에서 - camelCase 를 다른 모든 곳에서 사용했던 코드베이스의 snake_case. 5 초짜리 수정이었지만,you're 가 쓰는 언어의 관습을 알고 있는지 조용히 신호를 보내는 종류의 것이었다.
십오년 정도와 워드 프레스 플러그인과 라라벨/반응 SaaS 나중에,케이스 변환은 내가 생각없이 하루에 수십 번 할 무언가이다. 전체 스택 작업은 끊임없이 규칙을 교차 의미: 데이터베이스의 snake_case 열,자바 스크립트의 camelCase,반응 구성 요소에 대한 PascalCase,CSS 및 URL 의 케밥 - 케이스,환경 변수에 대한 SCREAMING_SNAKE_CASE. 그들을 잘못 점점 doesn't 그냥 엉성한 봐 - 그것은 린터를 트립,빌드를 중단,때로는 추적 비참 버그를 생산.
이 가이드는 모든 주요 사례 형식을 다루고, 각 사례를 예상하는 언어에 매핑하고, 무료로 즉시 변환하는 방법을 보여줍니다 케이스 변환기 Toolz.dev 에서. 모든 것이 브라우저에서 실행되므로,you're 가 독점 식별자를 붙여 넣더라도,아무것도 머신을 떠나지 않습니다.
TL;DR: 를 이용하세요 케이스 변환기 camelcase,pascalcase, snake_case,screaming_SNAKE_CASE, kebab-case,Title Case,Sentence case,dot.case 간에 텍스트를 전환하려면. 모든 입력에서 단어 경계를 자동 감지하고 여러 줄 목록을 한 줄씩 변환합니다. 경험 법칙: JS 변수의 경우 camelCase,클래스 및 React 구성 요소의 경우 PascalCase,Python 및 SQL 의 경우 snake_case,CSS 및 URL 의 경우 kebab-case,상수의 경우 SCREAMING_SNAKE_CASE.
주요 텍스트 케이스 형식은 무엇입니까?
모든 케이스 형식은 정말 두 가지 결정: 어떻게 단어를 대문자로, 어떤 문자가 (있는 경우) 그들을 분리. 대문자 자체는 유니코드 작업보다는 ASCII 하나 - 유니코드 표준 부록 #21 독일어 ß 및 터키어 dotless i 와 같이 되돌릴 수없는 경우를 다룹니다. 일단 그렇게 보면 전체 동물원이 작은 테이블이됩니다. Here's 각 형식은 예제와 함께 어디에 살고 있는지.
카멜케이스
첫 번째 단어 소문자, 다음 모든 단어는 대문자로 표시되며 구분 기호는 없습니다: firstName, getUserProfile, isActiveSubscription. 이것은 자바스크립트와 타입스크립트 변수,함수, 메소드,객체 속성의 기본값이며 자바와 스위프트에서도 마찬가지이다. 이름은 "humps" 대문자가 만든다. It's 컴팩트하고 짧은 길이에 잘 읽힌다.
파스칼케이스(upperCamelCase)
camelCase와 비슷하지만 첫 번째 단어도 대문자로 표시됩니다: UserProfile, HttpRequestHandler, OrderService. C#, TypeScript,Java, Go (exported identifier 의 경우), Python (PEP 8 클래스 이름) 에서 클래스,구조체 및 열거형에 사용되는 It's 와 React 및 Vue 구성 요소 이름에 대문자로 표시된 첫 글자는 유형을 알려주는 것입니다 (UserProfile) 인스턴스에서 (userProfile) 한눈에.
snake_case
모든 소문자, 밑줄로 연결된 단어: first_name, get_user_profile, created_at. It's 파이썬과 루비의 하우스 스타일 (PEP 8 과 루비 스타일 가이드에 따라), 러스트,그리고 대부분의 SQL 스키마. 밑줄은 모든 소문자에서도 명확하게 단어를 구분하는데,이것이 가독성을 중시하는 언어들이 - 그리고 대소문자 민감도가 물릴 수 있는 데이터베이스가 왜 그것을 선호하는가이다.
SCREAMING_SNAKE_CASE (일정한_CASE)
모두 대문자, 밑줄 구분: MAX_RETRY_COUNT, API_BASE_URL, DEFAULT_TIMEOUT_MS. 상수와 환경 변수에 대한 거의 보편적입니다 .env 파일,도커, CI config.all-caps 는 "this 값을 shouts " - 보면 재할당하지 않는 것을 알 수 있습니다.
케밥 케이스(대시 케이스)
모두 소문자, 하이픈으로 구분: user-profile, background-color, create-react-app. 이것은 속성과 (BEM 또는 Tailwind 를 통해) 클래스 이름에 대한 CSS's 네이티브 형식이며,it's 어떤 URL slugs, npm 패키지 이름,쿠버네티스 레이블,git 브랜치 이름,CLI 플래그가 사용하는 하이픈은 일반 영어에서 자연스러운 단어 구분 기호이므로 kebab-case 는 사람들이 직접 읽는 모든 것에 대해 가장 사람이 읽을 수 있는 형식입니다 - 그리고 it's URL-safe 인코딩 없이.
제목 사건 및 문장 사건
제목 케이스는 주요 단어를 대문자로 쓰고 짧은 관사, 전치사, 접속사 소문자를 남깁니다: 빠른 갈색 여우가 게으른 개를 뛰어넘습니다. 헤드라인,책 및 장 제목,슬라이드 헤더를 위한 It's. 문장 대소문자는 첫 번째 단어와 고유 명사만 대문자로 사용합니다: 빠른 갈색 여우는 게으른 개 위로 뛰어 넘습니다. It's 는 대부분의 디자인 시스템에서 UI 레이블,버튼 및 본문 텍스트에 대한 최신 기본값입니다.
dot.case, 경로/case 및 Train-Case
세 가지 전문 형식: 점.case (com.example.myapp) Java 패키지 및 구성 키의 경우; 경로/케이스 (src/components/header) 파일 경로 및 모듈 가져오기의 경우; 그리고 기차 케이스 (Content-Type, X-Request-IdHTTP 헤더의 경우). You'll 은 덜 자주 이것들로 변환하지만,the 케이스 변환기 일반적인 것들을 지원하므로 you're 손으로하지 않습니다.
프로그래밍 언어에는 어떤 경우를 사용해야 합니까?
추측을 멈추는 가장 빠른 방법은 각 language's 스타일 가이드가 실제로 말하는 것을 내면화하는 것입니다. Here's 교차 언어 참조 I'd 가 첫 번째 풀 요청에 있었으면 좋겠습니다.
| 요소 | 자바스크립트 / TS | 파이썬 | 고 | 녹 | CSS / SQL |
|---|---|---|---|---|---|
| 변수 | 카멜케이스 | snake_case | 카멜케이스(비공개) | snake_case | snake_case(sql) |
| 기능 | 카멜케이스 | snake_case | 파스칼케이스(공개) | snake_case | - |
| 클래스/구조체 | 파스칼케이스 | 파스칼케이스 | 파스칼케이스 | 파스칼케이스 | - |
| 상수 | 비명_뱀 | 비명_뱀 | 파스칼케이스 | 비명_뱀 | - |
| 구성 요소/유형 | 파스칼케이스 | 파스칼케이스 | 파스칼케이스 | 파스칼케이스 | - |
| 속성/열 | 카멜케이스 | snake_case | 파스칼케이스(공개) | snake_case | 케밥 / 뱀 |
| 파일 | 케밥이나 파스칼 | snake_case | snake_case | snake_case | 케밥 케이스 |
이 테이블 won't 이 당신에게 말하지만 경험이 될 것입니다 몇 가지. Go 는 케이스를 통해 가시성을 처리합니다 - 대문자 첫 글자는 내보낸 (공개) 을 의미하고 소문자는 패키지-비공개를 의미합니다 - 그래서 케이싱에는 스타일이 아닌 의미론이 있습니다. 파이썬 상수는 관례에 의해서만 SCREAMING_SNAKE_CASE 입니다; 언어 won't 는 재할당을 중지합니다. 그리고 JavaScript 에서 PascalCase 는 이중 의무를 수행합니다: 클래스와 React 구성 요소를 모두 표시하므로 JSX 가 알 수 있습니다 <UserCard /> (귀하의 구성 요소)에서 <div /> (DOM 요소) 순전히 대문자로 표시됩니다.
도구를 사용하여 형식 간을 어떻게 변환합니까?
역학은 의도적으로 지루한, 요점입니다.
- 열다 케이스 변환기.
- 텍스트를 붙여 넣습니다. 어떤 형식이든 가능합니다 - 도구는 공백,밑줄, 하이픈,점 및 대소문자 변경에서 단어 경계를 감지합니다.
- 대상 형식을 선택합니다.
- 변환된 텍스트가 즉시 나타납니다. 한 번의 클릭으로 복사합니다.
그것의 유지를 얻는 곳은 대량 작업입니다. 변환기는 다중 라인 입력 라인을 한 줄씩 처리하므로 전체 목록이 한 번에 변환됩니다. 이 데이터베이스 열 세트를 snake_case: 로 붙여 넣습니다
first_name
last_name
email_address
phone_number
date_of_birth
camelCase를 선택하면 한 단계에서 애플리케이션 측 변수를 얻을 수 있습니다:
firstName
lastName
emailAddress
phoneNumber
dateOfBirth
나는 I'm 라라벨 model's 열을 React form's 필드 이름으로 매핑할 때 정확히 이렇게 한다. 두 개의 컨벤션 세계,하나의 붙여넣기. 대안 - 20 개의 이름을 다시 입력하거나 일회성 변환 스크립트를 작성하는 것 - 은 2 분짜리 작업이 어떻게 10 개가 되는가이다.
가장 흔한 사례 전환 실수는 무엇입니까?
I've 는 이 모든 것을 만들었고,I've 는 리뷰에서 이 모든 것을 플래그했습니다. 그들은 네 개로 클러스터됩니다.
언어에 대해 잘못된 규칙을 사용합니다. 글쓰기 const user_name 자바스크립트나 firstName = "Alice" 파이썬에서 고전입니다. 린터들이 그것을 잡습니다 - ESLint's camelcase 규칙, Pylint's invalid-name - 하지만 it's 청소기 오른쪽 빨간색 squiggles 을 얻을보다 처음 작성합니다.
하나의 파일 내에서 일관성이 없습니다. 믹싱 userName, is_active, 그리고 GetUserProfile() 같은 파이썬 모듈에서 "wrong"를 선택하는 것보다 더 나쁘다 컨벤션은 지속적으로,왜냐하면 지금 독자는 can't 아무것도 예측하기 때문이다. 일관성은 매번 개인 선호도를 이긴다.
두문자어를 잘못 취급합니다. 이것은 미묘한 것이고,I've 가 불타버린 it's 입니다. 다른 언어들은 두문자어가 한 단어인지,문자의 연속인지에 대해 의견이 다릅니다:
- 자바스크립트 두문자어를 완전히 대문자로 유지합니다:
XMLHttpRequest,HTMLElement. - 씨# 첫 글자만 대문자로 표시합니다:
XmlHttpRequest,HtmlElement. - 고 항상 전체 약어를 대문자로 표시합니다:
XMLHTTPRequest,URL,ServeHTTP.
Here's 이것으로 나의 인정 실수. 나는 한 번 자동 변환기 회전하자 parseHTMLString 안으로 parse_h_t_m_l_string 파일 건너편 - 그것은 단어 경계로 모든 대문자를 취급 - 그리고 나는 diff 를 자세히 읽지 않고 커밋. 올바른 snake_case 는 parse_html_string. 나는 파이썬 couldn't 가 내가 생각했던 함수를 찾을 때만 잡았다 I'd 는 이름을 바꿨다. 교훈: 약어 처리는 자동화된 케이스 변환이 사람의 시선을 필요로 하는 바로 그 곳이며,it's why the 케이스 변환기 문자 실행과 인접한 숫자를 산산조각내는 대신 함께 유지합니다.
숫자 나누기가 잘못되었습니다. user2FAEnabled 되어야 한다 user_2fa_enabled, 아니다 user_2_f_a_enabled. 그들의 이웃 문자와 함께 숫자 시퀀스를 유지 하는 것은 당신이 원하는 행동 이며, it's 쉽게 잘못 얻을 순진한 regex에 의해 변환 하는 경우.
실제 전환 시나리오 나는 주간 히트
언어 간 코드 포팅. Python 서비스에서 Node one 으로 스니펫을 이동한다는 것은 모든 식별자에 대해 snake_case → camelCase 를 의미합니다. 블록 붙여넣기,변환, 완료.
스타일시트에 대한 구성 요소입니다. React 컴포넌트라는 이름의 UserProfileCard (PascalCase)에는 CSS 클래스가 필요합니다 user-profile-card (케밥-케이스). 하나의 변환.
환경으로 구성. 작성된 config 키 database.connection.pool.size (dot.case) 는 env var 가 됩니다 DATABASE_CONNECTION_POOL_SIZE (SCREAMING_SNAKE_CASE). 변환기는 형식 이동을 수행합니다; 붙여넣고 선택하기만 하면 됩니다.
slug에 대한 제목입니다. A headline like "텍스트 케이스 Online" 변환하는 방법; URL slug이 필요합니다. 그 특정 작업에 대한 the Slug 생성기 특수 목적으로 제작되었지만 케이스 변환기의 케밥 케이스가 가장 큰 도움이 됩니다.
자주 묻는 질문
텍스트 케이스를 온라인으로 변환하려면 어떻게 해야 하나요?
열다 케이스 변환기을 붙여넣고 텍스트를 붙여넣은 다음 대상 형식을 선택합니다. camelCase,PascalCase, snake_case,SCREAMING_SNAKE_CASE, kebab-case,Title Case,Sentence case,dot.case 등을 지원합니다. 변환은 즉시,무료이며 브라우저에서 완전히 처리됩니다.
camelCase 와 snake_case 의 차이점은 무엇입니까?
camelcase 는 구분 기호가 없는 단어를 결합하고 첫 번째 단어 뒤에 각 단어를 대문자로 표시합니다: getUserProfile. snake_case 는 밑줄로 연결된 소문자를 사용합니다: get_user_profile. camelCase 는 JavaScript 와 Java 의 표준입니다; snake_case 는 Python,Ruby, Rust,SQL 의 표준입니다. 그들은 단지 다른 구분 기호와 대문자 사용 규칙으로 같은 단어를 인코딩합니다.
camelCase를 snake_case로 변환하려면 어떻게 해야 하나요?
camelCase 텍스트를 붙여넣으세요 케이스 변환기 - 예를 들어 getUserProfile - 그리고 snake_case 를 선택하십시오. 당신은 얻는다 get_user_profile 즉시. 공구가 대문자에서 낱말 경계를 검출하기 때문에,당신은 don't 어떤 공백 또는 감적든지 첫째로 추가할 필요가 있습니다.
PascalCase는 어떤 용도로 사용되나요?
PascalCase는 첫 번째를 포함하여 모든 단어의 첫 글자를 대문자로 사용합니다: UserProfile, HttpClient. 대부분의 언어에서 클래스 이름,React 및 Vue 구성 요소 이름,TypeScript 인터페이스 및 유형 별칭,C# 메서드 및 속성,Go's 내보낸 (공개) 식별자에 사용되는 It's 대문자 첫 글자는 유형 및 생성자를 일반 변수와 시각적으로 구별합니다.
변수 이름에서 두문자어는 어떻게 케이스에 넣어야 합니까?
언어에 따라 다릅니다. JavaScript 는 이들을 완전히 대문자로 유지합니다 (XMLHttpRequest), C#은 첫 글자만 대문자로 사용합니다(XmlHttpRequest), Go는 전체 약어()의 대문자입니다XMLHTTPRequest). 이것은 케이스 변환에서 가장 오류가 발생하기 쉬운 단일 부분이므로,블라인드 변환을 신뢰하기보다는 식별자에 약어가 포함될 때마다 결과를 검토합니다.
전체 이름 목록을 한 번에 변환할 수 있나요?
예. 그만큼 케이스 변환기 여러 줄의 입력 줄을 한 줄씩 처리합니다. 열 이름 또는 식별자의 전체 목록을 붙여넣고 대상 형식을 선택하면 모든 줄이 동시에 변환됩니다. 이는 데이터베이스 열을 응용 프로그램 변수에 매핑하는 데 이상적입니다.
URL 과 CSS 는 어떤 경우를 사용해야 하나요?
둘 다에 대한 Kebab-case.URL slugs 좋아요 /blog/text-case-converter-guide 및 CSS 속성은 다음과 같습니다 background-color 하이픈으로 구분된 소문자 단어를 사용합니다. It's 주소와 스타일시트에서 가장 읽기 쉬운 형식이며 인코딩 없이 URL 안전합니다.
SCREAMING_SNAKE_CASE 는 어떤 용도로 사용되나요?
상수 및 환경 변수: MAX_RETRY_COUNT, DATABASE_URL, API_KEY. 모든 대문자 신호는 강제된 규칙이 아닌 규칙입니다 - 다음 리더 "this 값을 고정하고 don't 를 재할당하도록 알려줍니다." It's env vars 에 대해 거의 보편적입니다 왜냐하면 쉘 변수는 항상 대문자였고,대부분의 언어는 컴파일 시간 상수에 대해 동일한 규칙을 따르기 때문입니다.
Title Case 와 Sentence 케이스의 차이점은 무엇인가요?
제목 케이스는 주요 단어를 대문자로 쓰고 짧은 기사,접속사, 전치사 소문자를 남깁니다: "The Guide to Text Case Conversion." 문장 케이스는 첫 단어와 모든 고유 명사만 대문자로 사용합니다: "The guide to text case conversion." 제목 케이스는 헤드라인에 전통적입니다; 문장 케이스는 이제 대부분의 제품 및 문서화 팀에서 하우스 스타일로,더 빨리 읽고 긴 제목을 더 잘 다루기 때문입니다.
Word 또는 Google Docs 에서 텍스트 케이스를 변경하려면 어떻게 해야 합니까?
Microsoft Word 에서 텍스트를 선택하고를 누릅니다 Shift + F3 소문자,대문자, 각 단어 대문자를 순환하거나 홈 탭의 Aa 버튼을 사용합니다. Google 문서 도구에는 형식 → 텍스트 → 대문자가 있습니다. 둘 다 프로그래머 형식을 제공하지 않습니다. camelCase,snake_case 또는 kebab-case 의 경우 전용이 필요합니다 케이스 변환기.
결론
케이스 변환은 해당 언어의 네이티브로 읽는 코드와 다른 곳에서 포팅된 것으로 읽는 코드의 차이를 조용히 표시하는 작은 스킬입니다. 각 컨텍스트에 맞는 규칙을 아는 것 - 자바스크립트의 camelCase,파이썬의 snake_case,CSS 와 URL 의 kebab-case,상수에 대한 SCREAMING_SNAKE_CASE - 린터 노이즈를 방지하고 버그를 피하며 코드베이스의 일관성을 유지합니다.
무료 케이스 변환기 on Toolz.dev 는 기계적인 부분을 즉시 만듭니다: 에 있는 어떤 체재든지,밖으로 어떤 체재든지,1 개의 선 또는 백,모두 올려주기된 아무것도를 가진 당신의 브라우저에서 북마크에 넣으십시오,당신이 자동화할 수 있는 이름의 1 개 부분은 당신에게 무엇이든을 요하는 정지를 멈춥니다.
지금 텍스트를 변환하세요: Toolz.dev/tools/case-converter
관련 읽기:
