표기법

개발에서 사용되는 표기법(네이밍 컨벤션)은 코드의 가독성과 유지보수성을 높이기 위해 중요합니다. 여러 가지 표기법이 있으며, 각각은 특정 상황이나 언어에 더 적합할 수 있습니다.

✅ 표기법 종류

• 카멜 케이스(CamelCase):

  	Lower Camel Case: 첫 번째 단어는 소문자로 시작하고, 이후의 단어는 대문자로 시작합니다. 예: myVariableName
  	Upper Camel Case (또는 Pascal Case): 각 단어의 첫 글자가 대문자로 시작합니다. 예: MyVariableName
  	주로 Java, JavaScript, C#, Swift 등에서 널리 사용됩니다.

• 스네이크 케이스(Snake Case):

  	모든 단어가 소문자로 표기되며, 단어 사이는 언더스코어(_)로 구분됩니다. 예: my_variable_name
  	Python에서 변수명에 주로 사용됩니다.

• 케밥 케이스(Kebab Case):

  	모든 단어가 소문자로 표기되며, 단어 사이는 하이픈(-)으로 구분됩니다. 예: my-variable-name
  	 HTML과 CSS에서 주로 사용됩니다.

• 헝가리안 표기법(Hungarian Notation):

  	변수나 함수의 이름에 데이터 타입을 접두사로 붙여 표기합니다. 예: strName, bIsActive
  	이전에 C와 같은 언어에서 널리 사용되었으나, 현대 언어에서는 데이터 타입이 코드에 명시되어 있어 덜 사용됩니다.

• 파스칼 케이스(Pascal Case):

  	카멜 케이스의 변형으로, 첫 번째 단어도 대문자로 시작합니다. 예: MyVariableName
  	클래스나 인터페이스의 이름에 사용됩니다.

이러한 표기법은 언어 또는 프로젝트의 표준에 따라 선택되며, 일관성을 유지하는 것이 중요합니다. 코드베이스 전체에서 일관된 네이밍 컨벤션을 사용하면, 코드의 가독성과 협업의 용이성이 크게 향상됩니다.

✅ 리액트에서의 표기법 추천

React에서는 컴포넌트 이름, 변수명, 함수명에 대한 구체적인 표기법을 권장합니다. 이는 코드의 가독성과 일관성을 향상시키기 위해 중요합니다.

• 컴포넌트 이름: 파스칼 케이스(Pascal Case)

  	컴포넌트 이름은 대문자로 시작해야 합니다.
  	예: UserProfile, ShoppingCart, MenuList

• 변수명과 함수명: 카멜 케이스(Camel Case)

  	변수와 함수 이름은 소문자로 시작하고, 이후의 각 단어는 대문자로 시작해야 합니다.
  	예 (변수): userProfile, shoppingCart
  	예 (함수): getUserData, calculateTotalPrice

이러한 표기법은 React 뿐만 아니라, 다른 많은 프로그래밍 언어와 프레임워크에서도 일반적으로 사용됩니다. React에서는 특히 컴포넌트 이름을 파스칼 케이스로 하는 것이 중요합니다. 이는 React가 DOM 요소와 사용자 정의 컴포넌트를 구별하는 방법 중 하나이기 때문입니다.

예를 들어, div는 HTML의 div 태그를 나타내지만, 는 사용자 정의 컴포넌트를 나타냅니다.

일관된 표기법을 사용하면 코드의 가독성이 향상되고, 다른 개발자들이 코드를 이해하고 유지보수하는 데 도움이 됩니다.