JavaScript

• ESLint, Prettier에서 제공하는 형식을 기본으로 한다.

  • 충돌 주의

• Airbnb 스타일 가이드를 준수한다.

  • https://github.com/ParkSB/javascript-style-guide

• 주석 - 특정 기능을 갖는 코드 블럭 마다 블럭 위에 작성한다.

  예시)

  // 두 변수를 입력받아 그 합을 반환하는 함수
  function add(x,y) {
      return x+y
  }
  

React

Component

• Pascal case 로 작성
  • 첫 단어를 대문자로 시작하는 표기법

Non-Components

• Camel case 로 작성
  • 띄어쓰기 대신 대문자로 단어를 구분하는 표기 방식

디렉토리 구조

components/pages

• pages 폴더에 (기능명 혹은 페이지명)+Page 폴더를 만들고, 페이지 최상위 컴포넌트의 파일명은 index.jsx 로 한다.
• 특정 page 안에서만 쓰이는 component들은 해당 페이지 폴더 내에 components 폴더를 만들고 그 안에 생성한다.
• 두 개 이상의 page에서 쓰이는 component들은 components 폴더에 생성한다.

파일명 규칙

• 확장자: 리액트 컴포넌트 파일에는 .jsx 확장자를 사용한다.
• 파일 이름: 파스칼 케이스로 작성 (대문자로 스타트) E.g., ReservationCard.jsx.
• 페이지 파일 이름: (기능명 혹은 페이지명)+Page

컴포넌트명 규칙

• 파스칼 케이스로 작성