CrateX.app 로고

CrateX.app

대소문자 변환

텍스트 형식 변환 도구

사용 안내

🚀 빠른 시작

  • 변환할 텍스트를 붙여넣거나 입력하면 됩니다. 비라틴 문자와 이모지는 그대로 유지됩니다
  • 기본/프로그래밍/기타 그룹에서 원하는 형식을 고르면 즉시 결과가 미리보기로 표시됩니다
  • 형식 카드만 눌러도 결과를 복사할 수 있으며, 여러 줄도 한 번에 복사됩니다
  • 카드를 원하는 순서대로 누르면 여러 변환이 한 번에 적용됩니다

📌 자주 쓰는 활용 사례

  • 변수/함수 이름: 영어 구를 camelCase/PascalCase/snake_case로 변환해 스타일 표준화
  • CSS/URL: 클래스와 경로에는 kebab‑case 권장 — 가독성과 검색 용이
  • DB 필드/상수: snake_case 또는 CONSTANT_CASE로 변환해 팀 규칙에 맞춤
  • 파일/경로: 공백 포함 이름을 kebab‑case 또는 path/case로 정리
  • API/라우팅: REST 경로는 kebab 또는 snake-case, GraphQL 필드는 camelCase 유지
  • 문서 편집: 제목은 Title Case, 문단 첫 문장은 Sentence case
  • 일괄 이름 변경: 여러 줄을 붙여넣고 변환 후 한꺼번에 복사
  • 코드 리뷰 전: 명명 통일로 diff와 재작업 감소

📚 형식 참고

  • 소문자: hello world example
  • 대문자: HELLO WORLD EXAMPLE
  • 첫 글자 대문자: Hello world example
  • 타이틀: Hello World Example
  • 문장: Hello world example. Next sentence
  • 카멜: helloWorldExample
  • 파스칼: HelloWorldExample
  • 스네이크: hello_world_example
  • 케밥: hello-world-example
  • 상수: HELLO_WORLD_EXAMPLE
  • 점: hello.world.example
  • 경로: hello/world/example
  • 반전: HELLO WORLD EXAMPLE → hello world example
  • format_example_toggle
  • 교차 대소문자: hElLo WoRlD eXaMpLe

🧭 활용 팁

  • 프론트엔드 네이밍: 컴포넌트/타입은 PascalCase, CSS 클래스와 URL은 kebab-case가 무난합니다
  • 백엔드 스크립트: Python과 DB 필드는 snake_case, Java·Go 변수는 camelCase나 대문자 스네이크를 자주 사용합니다
  • API 설계: REST 경로는 kebab 혹은 snake-case로 통일하고, GraphQL 필드는 camelCase를 유지하세요

⚠️ 제한 사항 및 호환성

  • 페이지를 원활하게 유지하려면 초대형 텍스트는 분할하여 변환하는 것이 더 안정적입니다
  • 특수문자: @#$ 등은 선택한 네이밍 규칙에 맞는 구분자로 바뀝니다
  • 숫자 규칙: 숫자 자체는 유지하며, 문자와 맞닿은 경계에만 구분자를 추가해 값이 깨지지 않게 합니다

🔒 개인정보 보호 및 보안

  • 모든 처리는 브라우저 내에서 이루어지며, 데이터는 기기를 떠나지 않습니다

❓ 자주 묻는 질문

camelCase와 PascalCase는 어떻게 다른가요?

camelCase(userName)은 변수·함수에, PascalCase(UserName)은 클래스·컴포넌트 이름에 주로 쓰입니다

특수문자가 사라지는 이유는 무엇인가요?

@#$ 같은 기호는 단어 구분자로 처리되어 hello@world가 hello_world로 정리됩니다

혼합 언어 텍스트가 잘못 변경되나요?

비라틴 문자와 이모지는 변경되지 않고 라틴 문자 단어만 변환됩니다(예: ‘테스트 test’ → ‘테스트 Test’).

대소문자 변환 - 변수, CSS, API, 데이터베이스 명명 - CrateX.app