변수명 하나 짓는 데 5분씩 쓴 적, 다들 있으시죠. user_login_count로 할지 userLoginCount로 할지, 아니면 약어로 줄여서 ULC라고 쓸지 매번 고민되는데, 그때마다 새 탭 열어서 변환기를 검색하는 것도 은근 귀찮더라고요. 그래서 띄어쓰기로 단어만 입력하면 약어, camelCase, snake_case 등 자주 쓰는 네이밍 규칙으로 한 번에 바꿔주는 도구를 만들어봤습니다.
변환기 사용해보기
아래 입력창에 user login count처럼 영문 단어를 띄어쓰기로 넣고 버튼을 누르면 됩니다. 결과 옆 복사 버튼을 누르면 바로 클립보드에 담깁니다.
입력창에서 Enter를 눌러도 바로 변환됩니다.
왜 케이스마다 다르게 쓸까
같은 변수라도 언어나 상황에 따라 표기 규칙이 다릅니다. 자바스크립트에서 snake_case를 쓰면 리뷰어가 한마디 하고, 파이썬에서 camelCase를 쓰면 반대로 지적당하는 식이죠. 정리하면 대략 이렇습니다.
| 표기법 | 예시 | 주로 쓰이는 곳 |
|---|---|---|
| camelCase | userLoginCount | JavaScript, Java 변수/함수명 |
| PascalCase | UserLoginCount | 클래스명, React 컴포넌트명 |
| snake_case | user_login_count | Python, Ruby, DB 컬럼명 |
| CONSTANT_CASE | USER_LOGIN_COUNT | 상수, 환경변수 |
| kebab-case | user-login-count | URL, CSS 클래스, 파일명 |
약어는 언제 쓰는 게 좋을까
솔직히 말하면 약어는 남발하지 않는 게 낫습니다. UAM이 User Account Manager인지 User Auth Module인지 나중에 코드 열어봐도 헷갈리거든요. 다만 아래 경우엔 약어가 오히려 가독성을 높여줍니다.
- 팀 내에서 이미 통용되는 도메인 용어 (예:
API,URL,DB) - 로그나 메트릭 이름처럼 길이가 중요한 곳
- 상수명이 너무 길어서 한 줄을 넘어갈 때
반대로 팀원이 처음 보는 도메인 용어라면, 약어보다는 camelCase나 snake_case로 풀어 쓰는 편이 유지보수에 도움이 됩니다.
자주 하는 질문
대문자로 시작하는 단어를 넣으면 어떻게 되나요?
입력값은 대소문자와 상관없이 자동으로 정리돼서 결과가 나옵니다. User Login Count든 user login count든 결과는 동일합니다.
숫자나 특수문자가 섞여 있어도 되나요?
숫자는 단어 뒤에 그대로 붙습니다. 다만 하이픈이나 언더스코어 같은 특수문자는 띄어쓰기로 바꿔서 입력하는 걸 권장합니다.
변수명 하나에 너무 힘 뺄 필요는 없지만, 팀 컨벤션 맞추느라 매번 손으로 바꾸는 것도 낭비죠. 즐겨찾기 해두고 필요할 때 바로바로 쓰시면 좋을 것 같습니다.