• 상수 : CAPITAL_SNAKE_CASE

• 변수/함수 : camelCase

• 클래스/컴포넌트/인터페이스 : PascalCase

• 이벤트핸들러: camelCase(handleLoginButtonClick / onCllickLoginButton)

• 기본 폴더명 : 소문자

• 직접적으로 컴포넌트를 담는 폴더명 : PascalCase

• 컴포넌트 파일명 (컴포넌트와 동일하게 작명) : PascalCase

• (assets) 이미지 파일명 : (소문자)kebab-case

• 조건부 렌더링 할 때 && 와 삼항연산자 중 &&를 사용해서 코드를 좀 더 줄이도록 하자!

• && 사용 시 주의할 점 ( && 왼쪽에 falsy값을 넣되 숫자를 넣으면 안됨 )

• 컴포넌트는 명사, 함수는 동사

• export 할때는 내보낼 변수, 함수 앞에 바로 붙이기

• 선택창 ⇒ select, 불리언을 나타내는 변수는 앞에 is 붙이기,

• page를 나타내는 경우 page생략 ( list페이지면 그냥 List )

적용 예시

`상수`

const MY_NAME = 'thomas';

`변수, 함수`

const roomNumber = 3;
const getYourData = ()=> console.log("hello world");

`클래스, 컴포넌트, 인터페이스 예시`

class Person{}

const Person = () => {}

interface Person{}