파일 명명 규칙

• 컴포넌트로 분리된 파일은 PascalCase 사용

  Header.tsx
  Main.tsx
  PopUpNews.tsx
  

• 컴포넌트가 아닌 파일은 camllCase 사용

  fetchApi.ts
  auth.ts
  
  

• 스타일 시트 파일(CSS) 파일은 styles로 지정

  Header.css
  styles.css
  

• 서로 관련된 파일들은 하나의 폴더에 넣어 정리

변수 명명 규칙

• 변수는 camelCase로, 영어 대소문자와 숫자를 사용

  const isLog = true;
  let box2;
  

• 변수에 할당되는 값이 boolean인 경우, is를 접두사로 사용

  const isLoading = false;
  const isOpen = true;
  

• 상수는 대문자로만 작성

  const URL = '<https://naver.com>';
  

함수명 명명 규칙

• 이벤트 함수명은 handle + 이벤트로 사용

  <button onClick={handleClick}>리셋버튼</button>