프론트엔드 네이밍 컨벤션

[woohm402]

• 타입과 컴포넌트는 PascalCase, 상수는 UPPER_CASE, 변수는 camelCase 입니다. pascal_case 는 쓰지 않습니다. 진짜 가끔 예외가 있긴 한데, 저희 세미나에서는 해당사항 없습니다.
• 줄여쓰지 않습니다. btn 말고 button , arr 말고 array 로 써주는 게 좋습니다. 배열 함수 같은 경우는 예외적으로 이렇게 써줄 때도 있습니다. snacks.map((s) => 뭐시기)
• 말이 되는 이름이어야 합니다. 가령 과자의 리뷰를 변수로 지정하고 싶은데 reviewSnack 이런 식으로 지으면 과자를 리뷰하는 함수 이름 같아 보입니다.
  변수명에 타입을 포함하지 않습니다. isOpenBoolean 말고 isOpen 이면 충분합니다. boolean 은 변수에 마우스 올려서 타입스크립트가 뭐라고 말하는지 보고 판단하면 됩니다.
• 불리언 변수는 is- 로 시작합니다. open 말고 isOpen 이어야 합니다.
• 핸들러 함수는 on 또는 handle 로 시작합니다. 근데 이건 꼭 지켜야 되는 건 아닙니다.
• 거짓말하지 않아야 합니다. 컴포넌트 이름이 SnackList인데 실제로는 리뷰 목록이라거나.. 하면 안됩니다!
• 상위 스코프 변수와 겹치게 짓지 않아야 합니다. 가령 snack 이라는 상태가 있다면, 핸들러에서 과자 객체를 새로 정의하고 싶으면 newSnack 이든 updatedSnack 이든 다른 이름으로 지어줘야 합니다.