코딩에서의 이름짓기

띄어쓰기는 비어있는 공백 문자이기 때문에 오류 발생 확률이 증가하므로 개발할 때 잘 사용하지 않는다.

표기

• camelCase : 낙타(camel)의 등처럼 올라갔다 내려갔다 해서 camelCase

  변수와 함수등에 사용

• kebab-case : 케밥처럼 꼬치에 끼워져 있는 모습이라 kebab-case

  css 클래스, 폴더, 컴포넌트가 아닌 일반 자바스크립트 파일 utils-date.js

• PascalCase : 파스칼(Pascal) 언어에서 쓰던 표기법이라 PascalCase

  리액트 컴포넌트(.jsx), App.jsx , TodoList.jsx

• snake_case : 뱀이 기어가는 것처럼 언더바(_)를 사용해서 snake_case

  파이썬에서 쓰고 자바스크립트에서는 안씀

규칙

• 줄임말 사용 자제

  • TDItem → X
  • todoItem → O

• 단수와 복수를 구분하기

  • card → 카드 하나
  • cards → 카드 여러 개
  • getElementById → 하나만 가져오기
  • getElementsByClassName → 여러 개 가져오기

• 변수일 경우

  html 요소를 가져올 때는 element를 뒤에 붙임
  • 카드 역할을 하는 div를 가져왔다 → cardElement / cardElements

• 함수일 경우

  • 동사 + 명사를 사용함.
    • deleteTodoItem
  • 가끔 on 이나 handle 을 붙이기도 한다.
    • onSubmit → 제출이라는 역할 하나만 할 때(대체로 구현이 짧다)
    • handleMouseMove → 마우스 움직임에 따른 구현도 같이 할 때(대체로 구현이 길다)