승희꺼
철균띠
대연띠
예린띠
현미띠
1. Naming Rule
1-0. 선언 방법
1.
function ComponentName() {}
2.
const functionName = () ⇒ {}
3.
변수는 항상 const로 선언, 변하는 값에만 let을 사용
1-2. Naming Rule
1.
컴포넌트 및 컴포넌트 파일 명 : PascalCase(파스칼 케이스)
2.
변수명, 함수명 : camelCase (카멜 케이스) → 함수는 동사+명사 구성
3.
상수명 : SNAKE_CASE (스네이크 케이스)
4.
클래스 명 : kebab-case (케밥 케이스)
5.
일반 파일 명 : camelCase (카멜 케이스)
6.
커스텀 훅 파일 명 : use+(이름) (카멜 케이스)
1-3. Event Handler
1.
Event Handler 의 변수명은 ‘handle’로 시작
ex. onClick, onChange (X) → handleClick, handleChange(O)
2.
반환 값이 boolean형인 함수는 ‘is’로 시작
ex. 모달 열려있는지? isOpen
3.
배열의 이름은 복수형으로 작성
ex. posts
2-2. 기타
1.
object의 property 에 접근할 경우 구조분해할당(destructuring assignment)을 사용
2.
암시적 반환을 우선적으로 활용
//Good
const people = arr.map((i) => i * 2);
//Bad
const people = arr.map((i) => { return i * 2 });
JavaScript
복사
3.
비동기 처리는 async/await
[+] 컴포넌트 생성은 rafce를 사용 ← 에로우 펑션으로 알아서 해줌 ㅎㅎ