• 상수는 영문 대문자 스네이크 표기법 (예를 들면 키값)
  • API_KEY
• 클래스나 컴포넌트, 는 대문자 파스칼 케이스를 사용한다. (함수형 컴포넌트)
  • MainHeader
• 변수는 var 사용 금지, 그냥 const ! 안되면 let
• 컴포넌트는 rfce 나머지 함수는 화살표 함수를 이용하자
• 암시적 반환을 최대한 활용한다 (early return)
• axios 쓸 때 then & catch, async await 쓸 때 try&catch 사용해주자
• 구조분해할당을 적극 이용하자

// 구조분해 사용 X
const SearchBar = (props) => {
  const { a, b, c } = props;
  ...
  
// 구조분해 사용 O
const SearchBar = ({ a, b, c }) => {
  ...

• 변수 등을 조합해서 문자열을 생성할 때는 무조건 리터럴을 이용한다
  • X) var1 + “ “ + var2
  • O) ${var1} ${var2}
• switch-case 사용시 break를 강제하자. case문 사이들끼리는 가독성을 위해 띄어주자
• 조건문은 무조건 삼항 연산자만 쓰도록 하자!! 조건문 ?참 : 거짓
• for는 지양하고 forEach, map을 사용
• 주석은 쓰려고 하는 대상 바로 위에 쓰자 단, 한 줄이면 끝에 쓰는 것도 허용. 즉, 아래에 쓰는 것은 금지한다.
• **button 태그에는type을 명시**합시다! <button type=”button”>asdf</button>
• 버튼, 헤더와 같이 common component에서는 children 적극 활용
• styleds-componets 는 tsx 맨 아래에 선언해주자.
• 컴포넌트 최상단에 감싸는 것은 {컴포넌트명}Wrapper.
• 컴포넌트 선언 과 처음 스타일드 컴포넌트 선언 사이 한줄 띄어쓰기.
• 컴포넌트에서 props로 전달받은 interface를 선언해줄때, 컴포넌트명+Props로 선언하기