📍 컴포넌트 생성 규칙

• /컴포넌트_이름
  • 컴포넌트 이름.jsx
  • Style.ts
  • import * as Style from ‘./style’

📍 컴포넌트 코드 작성 규칙

js일 때

• 코드 작성 순서

  1. 컴포넌트

  2. propTypes

  3. defaultProps

     

ts일 때

• 코드 작성 순서
  1. 해당컴포넌트에만 쓰이는 타입은 컴포넌트 상단에 interface로 정의
     1. interface 이름은 `컴포넌트 이름Props``

📍 함수 작성 규칙

• 화살표 함수

📍 네이밍 규칙

• PascalCase : React component(function, class)
• camelCase : variable(const, let), JavScript function, custom hook, props
• UPPER_SNAKE_CASE : tuple(as const 등)

📍 프로젝트 아키텍쳐