Convention

✔️ Basic

기본 룰

• airbnb style guide (eslint)를 따르며, 개발하면서 필요한 옵션만 따른다.
• 파일 하나당 하나의 컴포넌트만 정의한다.
• 모든 컴포넌트는 기본적으로 함수형 컴포넌트를 사용한다.
• 예시

function Listing({ hello }) {
  return <div>{hello}</div>;
}

네이밍

• 컴포넌트의 확장자는 항상 .tsx를 사용한다.
• jsx를 사용하지 않는 파일의 확장자는 .ts를 사용한다.
• 컴포넌트의 디렉토리 명은 항상 파스칼 표기법을 사용한다. (ReservationCard/)
• 컴포넌트를 제외한 다른 파일들은 항상 카멜 표기법을 사용한다. (customHooks.ts)
• 디렉토리 명과 컴포넌트의 이름을 일치시킨다.