변수 - 명사

• 배열은 복수형 ex) values, posts

• 재할당 필요 없을시 **const**로 선언

• const를 지향하고 var는 절대 사용하지 않기

  • 만약 let은 값이 변하는 경우에만 사용할 수 있음

• boolean 타입의 변수는 is 접두사를 붙이기 ex) isActive, isLoggedIn

• 범용적인 약어 여부 관계없이 camelCase를 사용하기

  const variableName = 2;
  const isClicked = false;
  const imageUrl = '';
  

함수 - 동사

• 함수는 camelCase로 선언하기

• boolean 타입을 리턴하는 함수는 is 접두사를 붙이기

• API를 호출하는 함수는 아래의 명명규칙에 따라 접두사를 붙이기

  // GET - "fetch-*"
  const fetchSchedule = () => {}
  
  // POST - "send-*"
  const sendSchedule = () => {}
  
  // PATCH - "modify-*"
  const modifySchedule = () => {}
  
  // DELETE - "delete-*"
  const deleteSchedule = () => {}
  

• getStudentName, getMonth

• 이벤트 핸들러

  • props로 전달할때는 on 접두사를 붙이기

  • 이벤트를 직접 처리하는 함수는 handle + 명사 + 동사 형태로 작명하기

    보낼시 `onClick= {handleButtonClick}`  → 사용시 `onClick ={onClick}` 
    

  • ex) handleButtonClick, handleContentChange

• 화살표 함수로 집중해서 활용

• 공통 유틸로 빼서 진행하되 미리 사전 공유

• 본인이니셜 + 함수명 ex) isyInput ⇒ 병합시 꼭 삭제하기

컴포넌트 분리 방식

• 페이지별로 컴포넌트 분리

타입 방식

• props로 선언하는 타입은 interface 로 지정하기
• 그 외에는 type으로 지정하기

상수

• 상수는 SNAKE_CASE로 선언하기

  const CONSTANT = 1;