상수

상수는 대문자와 스네이크 표기법을 사용합니다.

• 스네이크 표기법 : namimg_conventions

const USER_NAME;

변수 및 함수

변수 및 함수는 카멜 케이스를 사용합니다.

• 카멜 케이스 : camelCase

// 배열 : 복수형으로 사용
const dataLists = [];

// 정규표현식 : 'r'로 시작
const rNamePattern = /.*/;

// 이벤트 핸들러 : 'on'으로 시작
const onClick = () => {};
const onChange = () => {};

// 불린 값 : 'is'로 시작
const isLoading = false;

// Fetch 함수 : HTTP 메서드로 시작
const getEngineList = () => {};

boolean 타입 변수

boolean 타입의 변수는 is, has 접두사를 사용합니다.

let isBoolean = true;
const IS_BOOLEAN = true; // 불변의 불린 값
let hasBoolean = false;
const HAS_BOOLEAN = false;

컴포넌트 네이밍

컴포넌트는 파스칼 케이스를 사용합니다.

• 파스칼 케이스 : PascalCase

// 컴포넌트 예시
function PascalCase() {
  return <></>;
}

이벤트 핸들러 네이밍 규칙