1️⃣ 변수, 컴포넌트

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

  • const API_KEY

• 컴포넌트는 파스칼 케이스를 사용

  

• 기타 다른 파일들은 카멜 케이스 인터페이스는 파스칼 케이스!! (공식문서에 인터페이스는 대문자로 시작되기에 ) → PascalCase → camelCase

• 변수는 var 사용 금지! ⛔

• const를 let 보다 위에 선언합니다.

• 변수 등을 조합해서 문자열을 생성할 때는 무조건 리터럴을 이용한다(백틱)

→ ex. var1 + “” + var2 **❌, **`${var1} ${var2}`` ⭕️

• 변수명은 의미를 잘 나타낼 수 있는 간결한 표현을 사용합시다. 변수명을 충분히 고민하는게 필요!! 특히 배열 & 객체의 변수명을 정할 때, ~Arr 이나 ~Obj 보다는 변수s 라는 네이밍으로 의미를 더 잘 나타낼 수 있는 네이밍 규칙을 사용해봅시다! (ex. const nameArr =[혜인, 민영, 소영, 시연] ❌ const names = [혜인, 민영, 소영, 시연] ⭕️ )
• 변수 선언 먼저 ⇒ 한칸 띄고 ⇒ 함수 선언 쫘라락
• interface 선언시, 그 외인자는 ~Type(s), props 인자는 ~Props이라는 네이밍을 사용해봅시다!

//그냥 interface인 경우 
export interface modalType {
  selectedDate: Date;
  setOpenModal: (open: boolean) => void;
  formattedMonth: string;
}

//props인 경우
interface StudentColorBoxProp {
  backgroundColor: string;
}

• 프롭스로 받는 interface는 type 폴더로 분리하지 말아주세요! → 다른 사람이 코드를 보았을 때에도 이 인터페이스의 내용이 무엇일지 한 눈에 보이지 않아요. props는 컴포넌트 내에서 선언해서 바로 사용해주세요. 이 외의 type은 재활용성이 있을 경우 파일로 분리합니다.
• button 태그 에는 type 명시 필수
• 컴포넌트 최상단에 감싸는 것은 {컴포넌트}Container로 통일

2️⃣ 함수