<aside> ✨ 원본

</aside>

코딩 컨벤션 정하기 (1)

• 컴포넌트 포함 모든 함수는 화살표 함수로 정의한다

• 암시적 반환을 최대한 활용한다 (early return)

  • EX) if(data 틀림) return error return <>

• axios, async await을 이용할 때 try & catch를 이용한다

• 구조분해할당을 적극 이용하자

• 변수 등을 조합해서 문자열을 생성할 때는 무조건 리터럴을 이용한다

  • X) var1 + “ “ + var2
  • O) ${var1} ${var2}

• switch-case 사용시 break를 강제하자. case문 사이들끼리는 가독성을 위해 띄어주자

• 조건문은 삼중 등호 연산자 를 지향하자

• for는 지양하고 forEach, map을 사용

• 주석은 쓰려고 하는 대상 바로 위에 쓰자 단, 한 줄이면 끝에 쓰는 것도 허용. 즉, 아래에 쓰는 것은 금지한다.

  // 여기에 주석!
  export defualt function Header(props) { 
    const { a, b, c } = props;
    ...
  

• img태그의 alt 꼭꼭 넣어주시고, 한글로 적어주세요!

• **button 태그에는 type을 명시**합시다! <button type=”button”>asdf</button>

• 버튼, 헤더와 같이 common component에서는 children 적극 활용

• props → hooks → 핸들러

• styled-componets 는 tsx 맨 아래에 선언해주자.

• 컴포넌트 최상단에 감싸는 것은 {컴포넌트명}Wrapper.

• 컴포넌트 선언과 처음 스타일드 컴포넌트 선언 사이 한줄 띄어쓰기.