스네이크케이스 변환기, 변수명 변환기, 네이밍 컨벤션, 약어 만들기
변수명 하나 짓는 데 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든 결과는 동일합니다.
숫자는 단어 뒤에 그대로 붙습니다. 다만 하이픈이나 언더스코어 같은 특수문자는 띄어쓰기로 바꿔서 입력하는 걸 권장합니다.
변수명 하나에 너무 힘 뺄 필요는 없지만, 팀 컨벤션 맞추느라 매번 손으로 바꾸는 것도 낭비죠. 즐겨찾기 해두고 필요할 때 바로바로 쓰시면 좋을 것 같습니다.
비만도(BMI)와 기초대사량(BMR)을 간편하게 계산해 보세요. 신장, 체중, 나이, 성별을 입력하면 BMI와 BMR을 바로 확인할 수…
컴퓨터와 가위바위보를 하거나, 인원수만 입력하면 바로 만들어지는 사다리타기로 팀 나누기·순서 정하기를 할 수 있는 무료…
JPG, PNG 이미지를 차세대 포맷 WebP로 압축하거나 PDF 문서로 변환할 수 있는 무료 도구입니다. 원본…
이미지 하나로 파비콘 필수 크기를 모두 생성하고, favicon.ico 다운로드와 브라우저 탭 미리보기까지 가능한 무료 파비콘…