변수

카멜케이스(camelCase): 낙타등처럼 굽어져 있는 모습

변수, 함수, 대부분에서 사용

케밥케이스(kebab-case): 케밥처럼 꼬치에 끼워져 있는 모습

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

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

리액트 컴포넌트, 클래스명

스네이크 케이스(snake_case): 뱀이 기어가는 것처럼 언더바 사용
자바스크립트에서는 쓰이지 않음

 

분류하는 이유
표기법만 보고 파일의 역할을 알 수 있기 때문

작명할 때
줄임말 사용하지 않기
길어도 확실하게 작명하기
되도록 2개이상의 단어 사용하기
단어의 단수와 복수 구분하기

.: 현재 파일