<aside> 💙 Code Convention

</aside>

▶️ 함수 형태

1. const (화살표 함수형태/ rsc 컴포넌트 단축키 사용)
2. event 함수 선언형태
   1. handle(Action)(Component) ex) handleClickResetBtn

▶️ 네이밍

• 컴포넌트명 : PascalCase

• non-components : camelCase

• 속성명, 변수명 : camelCase

  // onClick, onSubmit
  <div onClick="{}" onSubmit="{}"></div>;
  

• 상수명 : UPPER_CASE

• 파일명 :

  엘리먼트가 포함 되는 파일 → .tsx

  포함되지 않는 파일 → .ts

▶️ 코드 작성 순서

• import
• function
• styled-component
• export

▶️ 시맨틱 태그

• img에 alt 명시
• button에 type 명시