협업 개발 환경에서 소스 코드의 일관성과 가독성을 유지하는 첫걸음은 약속된 명명 규격(Naming Convention)을 지키는 것입니다. 백엔드에서 받아온 데이터베이스의 스네이크 케이스(snake_case) 필드명들을 프론트엔드의 카멜 케이스(camelCase) 객체 속성으로 일일이 손수 타이핑해 바꾸는 것은 비효율적이며 오탈자 버그의 원인이 됩니다. 개발 생산성을 높이는 표기법 변환 팁을 공유합니다.
1. 소프트웨어 업계의 4대 프로그래밍 표기 규칙
- Camel Case (카멜 케이스):
- 첫 단어는 소문자로 시작하고 두 번째 단어부터 첫 글자를 대문자로 표기하여 낙타 등 모양을 띱니다. (예:
userName,totalItemCount) - Java, JavaScript, TypeScript의 변수 및 함수명 표준입니다.
- 첫 단어는 소문자로 시작하고 두 번째 단어부터 첫 글자를 대문자로 표기하여 낙타 등 모양을 띱니다. (예:
- Snake Case (스네이크 케이스):
- 모든 글자를 소문자로 적고 단어 사이를 언더바(_)로 연결하여 뱀 모양을 띱니다. (예:
user_name,total_item_count) - Python 변수명 및 SQL RDBMS 데이터베이스 테이블/컬럼명의 글로벌 업계 표준입니다.
- 모든 글자를 소문자로 적고 단어 사이를 언더바(_)로 연결하여 뱀 모양을 띱니다. (예:
- Pascal Case (파스칼 케이스):
- 모든 단어의 첫 글자를 대문자로 적습니다. (예:
UserName,TotalItemCount) - 대부분의 언어에서 클래스(Class)와 인터페이스(Interface) 이름 규칙에 해당합니다.
- 모든 단어의 첫 글자를 대문자로 적습니다. (예:
- Kebab Case (케밥 케이스):
- 모든 글자를 소문자로 적고 단어 사이를 대시(-)로 연결합니다. (예:
user-name,total-item-count) - HTML 태그 속성명 및 CSS 클래스 선택자 규칙으로 주로 쓰입니다.
- 모든 글자를 소문자로 적고 단어 사이를 대시(-)로 연결합니다. (예:
2. 표기 규칙 요약 일람표
| 표기법 규격 | 구분자 방식 | 주요 권장 사용처 |
|---|---|---|
| camelCase | 첫 문자 소문자 + 단어 시작 대문자 | Java/JavaScript 변수, 함수 메소드 명명 |
| snake_case | 언더스코어(_) 연결 | Python 변수명, RDBMS 테이블 열 컬럼명 |
| PascalCase | 모든 단어 시작 대문자 | 클래스명, React 컴포넌트 파일명 |
| kebab-case | 대시(-) 연결 | CSS 클래스명, REST API URL 리소스 경로 |
3. 1초 만에 소스코드 변수명 케이스 자동 변환하기
수십 개가 넘는 변수 목록을 손가락으로 대소문자를 시프트키 누르며 수정하거나 지우는 작업은 집중력을 크게 흩트립니다.
Free153 코드 변수명 Naming Case 변환기 도구를 활용해 보세요. 변환하고 싶은 원본 단어들을 넣고 클릭 한 번이면, 카멜, 스네이크, 파스칼, 케밥 그리고 대문자 상수형(CONSTANT_CASE)까지 총 5가지 포맷으로 일괄 자동 재구성하여 출력해 줍니다. 오탈자 없는 클린 코드 설계 환경을 구현해 보세요.