Skip to content

코드 작성 규칙

jin-Pro edited this page Jan 31, 2022 · 3 revisions

[ 사이드 이펙트 방지 ]

  • 변수 선언시 되도록 const를 사용합니다.
  • 불변성을 유지합니다.
  • 함수는 함수 표현식으로 const와 arrow function을 사용합니다. => 함수 선언문이 아닌 함수 표현문으로 작성
  • 고차함수를 사용하여 명령형 프로그래밍을 지향합니다. => 명령형 프로그래밍이 아닌, 선언형 프로그래밍 지향

[ 가독성 ]

  • 이벤트 함수는 앞에 handle을 붙입니다.
  • 함수는 기능 단위로 잘게 나눕니다.
  • 함수 이름은 함수의 기능을 나타내야합니다.
  • 전역상태를 사용하는 경우 데이터 가공은 selector를 사용하여 진행합니다.

[ 경로 설정 ]

  • alias 경로 설정을 추가하였습니다. => tsconfig.paths.json을 확인해서 추가하세요
  • 상대 경로는 절대 사용하지 않습니다. baseUrl을 설정했기 때문에 절대 경로를 사용합니다.

[ 성능 ]

  • 초기에 useMemo, useCallback, React.memo , memo를 사용하지 않습니다.
    => 추후, 성능 개선으로 라이트하우스를 통해 성능 측정 진행으로 개선할 것입니다.

- 컴포넌트 내부에 되도록 함수를 작성하지 않습니다.
=> 재사용 되는 함수는 Utility로 분리하여 재사용 함수로 구분하며,
=> 컴포넌트 외부에 빼둡니다.