·2분 읽기
텍스트 대소문자 변환 실전 활용법 — 개발, 글쓰기, SEO까지
변수명은 camelCase, 파일명은 kebab-case, 제목은 Title Case... 대소문자 규칙이 헷갈릴 때 정리해드릴게요.
🔠
대소문자 변환 바로 사용하기
텍스트를 다양한 형식으로 변환하세요
→
대소문자 변환, 어디에 쓰일까?
코딩할 때 변수명을 뭘로 할지 고민해본 적 있죠?
username으로 할까, userName으로 할까, user_name으로 할까...
사실 이건 언어와 프레임워크마다 규칙이 있어요:
- JavaScript 변수: camelCase (userName)
- Python 변수: snake_case (user_name)
- CSS 클래스: kebab-case (user-name)
- 상수: UPPER_CASE (MAX_COUNT)
- React 컴포넌트: PascalCase (UserProfile)
이 규칙을 지키면 코드 가독성이 확 올라가거든요. 다른 개발자가 봤을 때 바로 이해할 수 있어요.
케이스별 상세 설명
각 케이스를 자세히 알아볼게요:
camelCase: 첫 단어는 소문자, 나머지 단어의 첫 글자를 대문자로 써요. JavaScript, Java에서 표준이에요.
snake_case: 단어 사이에 밑줄(_)을 넣어요. Python, Ruby에서 많이 써요.
kebab-case: 단어 사이에 하이픈(-)을 넣어요. URL, CSS, 파일명에서 써요.
PascalCase: 모든 단어의 첫 글자를 대문자로 써요. 클래스명, React 컴포넌트에 사용해요.
UPPER_CASE: 전부 대문자에 밑줄로 구분해요. 상수값에 써요.
Title Case: 각 단어의 첫 글자만 대문자예요. 영문 제목에 써요.
Toolkio로 한번에 변환하기
일일이 타이핑하면서 바꾸면 오타가 나기 쉽거든요.
Toolkio 텍스트 케이스 변환기 사용법:
1. 변환할 텍스트를 입력하세요
2. 원하는 케이스를 선택하세요
3. 변환 결과를 복사해서 쓰면 끝이에요
예를 들어 'user profile settings'를 넣으면:
- camelCase: userProfileSettings
- snake_case: user_profile_settings
- kebab-case: user-profile-settings
- PascalCase: UserProfileSettings
저는 API 응답 필드명을 프론트엔드 변수명으로 바꿀 때 자주 쓰거든요.
실전 꿀팁 — 이것만 기억하세요
대소문자 관련해서 알아두면 좋은 팁이에요:
- SEO: URL은 소문자 kebab-case가 좋아요. Google이 대소문자를 구분하거든요
- 파일명: 운영체제에 따라 대소문자 처리가 달라요. Mac은 구분 안 하는데 Linux는 구분해요
- Git: 파일명 대소문자만 바꾸면 Git이 인식 못 할 수 있어요
- 이메일: 이메일 주소는 대소문자 구분 안 해요. [email protected]이나 [email protected]이나 같아요
팀 프로젝트에서는 네이밍 컨벤션을 문서화해두세요. 나중에 코드 리뷰 시간이 줄어들어요.
Toolkio 케이스 변환기를 즐겨찾기 해두면 편하더라고요.