작성 규칙

1. component 및 함수는 화살표 함수만 사용하기 → rafce 스니펫 사용
2. 함수에 주석 간단하게 달기

(권장)
/** 뭐하는 함수입니다.
*@ param1 매개변수입니다
*@ return 리턴값입니다.*/
const 함수 = () ⇒ {}

(귀찮으면)
/** 뭐하는 함수입니다.*/

네이밍

1. 변수명은 카멜케이스

• const todoList = 123

1. 뜻을 직관적으로 확인할 수 있게끔 작성
2. 함수명은 동사 형태, 변수는 명사 형태 👍

• (const setTodo = () ⇒ {} / const todoList = ‘’ )

1. 상수값은 모두 대문자, 띄어쓰기는 _로 표현

• const API_KEY = ‘어쩌구’

1. Boolean 타입 선언시 isValue와 같이 앞에 is를 붙이기 isValue 자체는 true값 반환할 수 있도록

• const [isLogin, setIsLogin]= true

1. 리액트 컴포넌트는 대문자부터 시작

• export defalut function HomeComponent() {}

1. 리액트 커스텀 훅은 use 접두사 붙이기

• useCustomHook()

1. 이벤트에 넣는 함수는 handler 접미사 붙이기

   • 동사로 네이밍 (on, in, get, set, …) ex) getData, onChangeHandler,

   ex)const onChangeHandler = () ⇒ {}

2. 폴더명은 소문자 (pages), 컴포넌트명(CardList)은 대문자로 시작!