표기법 - 스네이크 케이스, 케밥 케이스, 파스칼 케이스, 카멜 케이스

    반응형

    지난 게시글을 올리다가 문득 표기법에 대해서도 정리해야겠다는 생각이 들었다.
    표기법을 헷갈려하던 아찔했던 지난 날들이 생각난다..
    (특히 파스칼이랑 카멜이 참 헷갈렸었다 ㅋㅋ)

    표기법에는 크게 네 가지 케이스가 있다. (케밥 케이스 제외 세 가지가 가장 잘 알려져있다)
    - 스네이크 케이스 (snake case)
    - 케밥 케이스 (kebab case)
    - 파스칼 케이스 (pascal case)
    - 카멜 케이스 (camel case)


    스네이크 케이스(snake case) 🐍


    💟 단어와 단어 사이를 언더바('_')로 연결하는 표기법
    💟 모든 글자는 소문자

    💟 스네이크 케이스를 활용한 표기는 다음과 같다.

    · snake_case
    · event_detail



    케밥 케이스(kebab case) 🍡


    💟 단어와 단어 사이를 하이픈('-')으로 연결하는 표기법
    💟 모든 글자는 소문자

    💟 케밥 케이스를 활용한 표기는 다음과 같다.

    · kebab-case
    · background-color


    파스칼 케이스(pascal case) 👨


    💟 단어와 단어를 대소문자로 구분한다.
    💟 모든 단어의 첫 글자를 대문자로 표기한다.
    💟 클래스 / 인터페이스명 등에 활용

    💟 파스칼 케이스를 활용한 표기는 다음과 같다.

    · PascalCase
    · AdminAccount


    카멜 케이스(camel case) 🐪


    💟 단어와 단어를 대소문자로 구분한다.
    💟 첫번째 단어를 제외한 모든 단어의 첫 글자를 대문자로 표기한다.
    💟 메서드 / 변수명 등에 활용

    💟 카멜 케이스를 활용한 표기는 다음과 같다.

    · camelCase
    · userInformation




    여기서 궁금한 점.. 상수(Constants) 네이밍에 쓰이는 표기법도 스네이크 케이스라고 할 수 있을까? 찾아보았다.

    어퍼 케이스(upper case) 🐉


    혹은 어퍼 스네이크 케이스(upper snake case) 라고 불리운다고 한다.
    💟 단어와 단어 사이를 언더바('_')로 연결하는 표기법
    💟 모든 글자는 대문자

    💟 어퍼 스네이크 케이스를 활용한 표기는 다음과 같다.

    · UPPER_SNAKE_CASE
    · MAX_WIDTH

    반응형

    댓글