상수

<aside> 💡 문자열을 처리할 때는 ‘ 홑 따옴표를 사용합니다.

</aside>

타입

<aside> 💡 타입스크립트는 타입 보호를 위한 type-safety한 환경을 제공합니다. 타입 단언을 (ex : as, any )최대한 사용하지 않습니다.

</aside>

변수

<aside> 💡 boolean값은 접두어 is-를 붙여 카멜케이스로 작성합니다.

</aside>

함수

<aside> 💡 소 단위 기능의 컴포넌트는 card, item, list, one 과 같이 뜻을 정확히 구분합니다.

</aside>

<aside> 💡 이벤트 핸들러 함수는 접두어 handle을 붙여 카멜케이스로 작성합니다.

function App() {
    const handleRegistrationSubmit = () => {}
    const handleLoginSubmit = () => {}
     return (
        <Form 
            onRegistrationSubmit={handleRegistrationSubmit}
            onLoginSubmit={handleLoginSubmit}
        />    
    )
}

</aside>

<aside> 💡 함수 스타일은 function 으로 통일합니다.

// bad
const getUser = () => {
	...
}

// good
function getUser(){
	...
}

</aside>

<aside> 💡 함수 명은 카멜 케이스로 작성합니다.

// bad
function GetUser(){
	...
}

// good
function getUser(){
	...
}

</aside>

• Airbnb JavaScript Code Convention
• ESLint