Stack

  1. ts
    1. node:v14.16.1
    2. npm:6.14.12
    3. next.js
    4. recoil
  2. 디자이너 툴
    1. Adobe XD

코드 스타일 가이드

common

eslint

  1. 에어엔비 규칙 사용
  2. use hook lint 사용

prettier

1. ""
2. 탭 2
3. 세미콜론 사용
등... (모두 작성되지 않은 상태)

ts

  1. js는 모두 ts으로 포팅해서 사용합니다.
  2. promise 객체는 모두 await async 최대한 교체 (바닐라 콜백 금지)
  3. 변수만 const, let 사용 (함수 표현식으로 선언하는거 안됨!)
  4. 함수는 주로 선언식을 사용
    1. 가독성을 위함
    2. 단, 콜백의 경우 익명 + 화살표 함수를 사용하도록 합니다.
  5. 명시적으로 타입에 관련된 경우는 type으로 추상적인 설계가 들어가는 경우 interface 사용
  6. export default 무조건 파일 마지막에 선언

react

  1. 함수형 컴포넌트만 사용