네이밍 케이스(Naming Case)

네이밍 케이스(naming conventions)는 코드의 가독성과 유지보수성을 높이는 중요한 요소입니다. 각 언어와 프레임워크는 특정 네이밍 규칙을 권장하거나 요구합니다. 이번 포스트에서는 다양한 네이밍 케이스를 설명하고, 주요 개발 언어 및 프레임워크에서의 사용 용도를 살펴보겠습니다.

1. camelCase

설명: camelCase는 각 단어의 첫 글자를 대문자로 작성하며, 첫 글자는 소문자로 시작하는 네이밍 규칙입니다. 이 네이밍 규칙은 마치 낙타의 혹처럼 보이기 때문에 camelCase라는 이름이 붙었습니다.

용도:

• 자바스크립트: 변수명, 함수명 등에서 사용됩니다.

  let userName = "Alice";
  function calculateTotalPrice(price, taxRate) {
      return price + (price * taxRate);
  }

• 자바: 변수명, 메소드명에서 사용됩니다.

  int maxHeight = 180;
  public void calculateArea(int width, int height) {
      // code
  }

• 파이썬: 함수명에서 사용될 수 있으나, 파이썬에서는 보통 snake_case를 더 많이 사용합니다.

2. kebab-case

설명: kebab-case는 단어를 하이픈(-)으로 구분하며, 모든 문자를 소문자로 작성합니다. 이 네이밍 규칙은 텍스트가 하이픈으로 구분되어 있는 것처럼 보이기 때문에 kebab-case라는 이름이 붙었습니다.

용도:

• HTML: 클래스명, ID명 등에서 사용됩니다.

  <div class="main-container"></div>
  <button id="submit-button">Submit</button>

• CSS: 클래스명, ID명 등에서 사용됩니다.

  .main-container {
      width: 100%;
  }
  #submit-button {
      background-color: blue;
  }

3. PascalCase

설명: PascalCase는 camelCase와 유사하지만, 모든 단어의 첫 글자를 대문자로 작성하는 네이밍 규칙입니다. PascalCase는 클래스나 타입을 나타낼 때 주로 사용됩니다.

용도:

• 자바: 클래스명, 인터페이스명에서 사용됩니다.

  public class UserProfile {
      // class members
  }

• C#: 클래스명, 메소드명, 속성명 등에서 사용됩니다.

  public class PersonDetails {
      public string FirstName { get; set; }
  }

• TypeScript: 클래스명, 인터페이스명 등에서 사용됩니다.

  class UserAccount {
      // class members
  }

4. snake_case

설명: snake_case는 모든 문자를 소문자로 작성하고 단어를 언더스코어(_)로 구분하는 네이밍 규칙입니다. 각 단어가 밑줄로 연결되어 있기 때문에 snake_case라는 이름이 붙었습니다.

용도:

• 파이썬: 변수명, 함수명에서 사용됩니다.

  user_name = "Alice"
  def calculate_total_price(price, tax_rate):
      return price + (price * tax_rate)

• C/C++: 변수명, 함수명 등에서 사용됩니다.

  int max_height = 180;
  void calculate_area(int width, int height) {
      // code
  }

5. UpperCamelCase (또는 PascalCase의 변형)

설명: UpperCamelCase는 PascalCase와 유사하지만, 'UpperCamelCase'라는 용어는 주로 TypeScript와 같은 언어에서 사용되며, PascalCase의 한 형태로 볼 수 있습니다.

용도:

• Java: 클래스명 및 인터페이스명에서 사용됩니다.

  public class OrderDetails {
      // class members
  }

6. kebab-case vs. snake-case vs. camelCase

• kebab-case: 주로 HTML/CSS에서 사용, 가독성이 좋고 URL에 적합
• snake_case: 주로 파이썬, C/C++에서 사용, 데이터베이스 필드명에도 적합
• camelCase: 자바스크립트와 자바에서 사용, 가독성 좋고 변수 및 함수명에 적합

7. 기타 네이밍 케이스

• SCREAMING_SNAKE_CASE: 모든 문자를 대문자로 작성하고 언더스코어로 단어를 구분합니다. 주로 상수나 설정값에 사용됩니다.
  

  const MAX_WIDTH = 1200;

• dot.case: 주로 네임스페이스나 파일명에 사용됩니다.
  

  import { someFunction } from 'my.library.module';

   

결론

네이밍 케이스는 코드의 가독성과 유지보수성을 높이는 데 중요한 역할을 합니다. 각 언어와 프레임워크에서 권장하는 네이밍 규칙을 이해하고 적용하는 것이 중요합니다. 올바른 네이밍 규칙을 사용하면 코드의 일관성을 유지하고 협업을 원활하게 할 수 있습니다.