💅

코드 스타일

태그
컨벤션

함수명

  • 동사로 시작

변수명

  • boolean인경우 is, has 로 시작

중괄호

if (n < 0) { alert(`Power ${n} is not supported`); }

가로길이 : 80

들여쓰기

  • 가로: 2
  • 세로: 1

세미콜론: 사용

중첩 레벨

  • 최대 4
  • early return 사용

함수 스타일

  • 화살표함수사용
  • 함수선언 상단에

CSS in JS style

  • 컴포넌트 파일 내부 하단(export default위)에 작성

TS-props

interface명은 컴포넌트명 + Props
interface CardProps { }
 

Ref