컴포넌트

• rafce 사용하기!
• 리액트 컴포넌트만 PascalCase 사용 : PascalCase
  • 그 외에는 camelCase ex) type, d.ts파일, ts파일
• 타입 Interface 선언시
  • 컴포넌트의 인자 : ~Props
    • 이때의 Interface는 type 폴더로 분리 금지
  • ex) MainComponent interface 선언시 = MainProps
• props명은 camelCase 사용하기(대문자시 문제 생김)
• 의미없는 div 또는 컴포넌트 최상단은 fragment 사용하기

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

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

폴더명

• 카멜케이스 (무조건 소문자로 시작하기)

타입

• 파스칼 케이스 (interface든 type이든)

• prop의 타입명은 OOOProps

• type 사용시, OOOTypes

• api response 타입명은 OOOResponseTypes (근데 [Swagger] Open API 3.0 Swagger v3 를 사용하여 직접 만들지 않도록 시도해볼 예정)

• extends로 확장할 수 있을 땐 interface