스네이크케이스 변환기, 변수명 변환기, 네이밍 컨벤션, 약어 만들기
변수명 하나 짓는 데 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든 결과는 동일합니다.
숫자는 단어 뒤에 그대로 붙습니다. 다만 하이픈이나 언더스코어 같은 특수문자는 띄어쓰기로 바꿔서 입력하는 걸 권장합니다.
변수명 하나에 너무 힘 뺄 필요는 없지만, 팀 컨벤션 맞추느라 매번 손으로 바꾸는 것도 낭비죠. 즐겨찾기 해두고 필요할 때 바로바로 쓰시면 좋을 것 같습니다.
차수별 결제 금액과 인원수를 입력하면 1인당 부담액을 올림·내림·반올림 옵션으로 딱 떨어지게 계산해주는 무료 더치페이 계산기입니다.
아스키코드 0~127번 전체를 10진수·16진수·8진수·2진수와 함께 확인하고, 문자나 이름으로 실시간 검색할 수 있는 무료 코드표입니다.
URL 인코더 디코더로 한글, 공백, 특수문자가 포함된 URL을 간편하게 인코딩하고 디코딩하세요. URL과 URL 구성요소의 변환…