코드 스타일 맞추기
프론트엔드와 백엔드가 서로 다른 네이밍 규칙을 쓸 때 필드명을 빠르게 변환해 매핑 실수를 줄입니다.
🔒 브라우저 내부 처리
camelCase, snake_case, kebab-case, PascalCase 변환.
Guide
API 필드명, 환경 변수, 파일명, 문서 제목을 camelCase, snake_case, kebab-case, PascalCase 등으로 빠르게 맞춥니다.
프론트엔드와 백엔드가 서로 다른 네이밍 규칙을 쓸 때 필드명을 빠르게 변환해 매핑 실수를 줄입니다.
문장형 제목을 slug나 kebab-case로 바꿔 문서 경로, 이미지 파일명, 앵커 링크에 활용합니다.
변환 결과를 바로 확인해 약어, 숫자, 공백이 의도한 방식으로 나뉘었는지 확인합니다.
Workflow
Examples
입력
user profile image
결과
camelCase userProfileImage
PascalCase UserProfileImage
snake_case user_profile_image
kebab-case user-profile-image
CONSTANT USER_PROFILE_IMAGE
입력
getHTTPResponseCode
결과
snake_case get_http_response_code
kebab-case get-http-response-code
연속된 대문자 약어는 구현마다 끊는 위치가 달라 결과가 갈리는 대표적인 입력입니다.
Troubleshooting
HTTP, ID, URL 같은 연속 대문자는 경계를 판단하기 어렵습니다. getHTTPResponse가 get_h_t_t_p_response로 갈라지는 도구도 있습니다. 변환 후 약어 부분은 눈으로 확인하세요.
user2Name 같은 입력에서 숫자 앞뒤를 단어 경계로 볼지가 도구마다 다릅니다. DB 컬럼명처럼 되돌릴 수 없는 곳에 쓰기 전에 결과를 확인하세요.
Review
URL, ID, API 같은 약어는 팀 규칙에 따라 url, Url, URL로 다르게 표기될 수 있습니다. 자동 변환 후 컨벤션을 맞추세요.
여러 단어를 합치는 과정에서 원래 의미가 달라질 수 있으므로 공개 URL이나 API 필드명은 최종 확인이 필요합니다.
Related