컴포넌트

• interface 네이밍은 InfoTextProps.
• 의미없는 div 사용 지양하고 컴포넌트 최상단은 fragment 사용하기

interface InfoTextProps {
	id: number;
}

const InfoText = ({id}: Props) => {
	
  return (
  	<>
      <h1>Welcome!</h1>
      <p>This our new page, we're glad you're are here!</p>
    </>
  )
}

• children이 불필요할 땐 selfClosing사용하기 <Component />

폴더명

• 무조건 소문자로 시작하기!
• 뒤에 s 붙이기
• 케밥 케이스 (케밥-케이스)

타입

• interface 와 type

<aside> 💡

웬만하면 interface 를 사용하는 것이 좋습니다. 왜냐면 type 은 병합이 불가능하기 때문에 typescript 팀에서도 인터페이스 사용을 권장하고 있어요.

유니언 타입, 튜플, 리터럴 타입 등을 정의하는 것이 필수가 아니라면 interface 를 사용

</aside>

상수

• 상수는 영문 대문자 스네이크 표기법 (예를 들면 키값)
  • API_KEY

변수

• var 금지.