📌 네이밍 규칙

네이밍 규칙 (2)

<aside> 💡

모든 함수는 화살표 함수로 작성한다.

const sum = () => {};

</aside>

<aside> 💡

변수 및 함수명은 약어를 지양한다.

BAD :  idx arr btn /  GOOD : index array button

</aside>

<aside> 💡

반환값이 boolean인 변수의 이름은 is , has로 시작한다. isNum, hasNum

</aside>

<aside> 💡

컴포넌트의 Props는 interface로 선언하고 컴포넌트 명 + Props로 명명한다.

interface InputProps{}

</aside>

<aside> 💡

핸들러 함수는 handle 접두사 + 이벤트 이름을 사용한다. Prop으로 넘기는 이벤트 핸들러는 on 접두사를 사용한다.

<MyComponent onAlertClick={handleAlertClick} />

</aside>

<aside> 💡

복수 또는 배열 변수의 경우 변수명의 끝에 List를 붙인다.

userList.map((user) ⇒ {})

</aside>

<aside> 💡

API 호출 함수는 다음과 같은 접두사를 붙인다.

• GET : get- const getUserData = () => {}
• POST : post- const postUserData = () => {}
• PATCH : patch- const patchUserData = () => {}
• DELETE : delete- const deleteUserData = () => {} </aside>

📌 코드 구조

<aside> 💡

코드는 Import / Interface(type) / main / export 순으로 작성한다.

import ...

interface ...

const component = ({}) => {
}

export default Component

</aside>