20220517 TIL

• index signature : 키가 string일때 접근하기 위한 타입선언.

type chProps = {
  [index: string]: number
  ㄱ: number
  ...
}

와 같이 위에 한줄만 추가하면 string키로 객체 접근가능하다. index는 다른 아무거나로 대체가능.

• 한글 fuzzy string
  https://taegon.kim/archives/9919
  을 보고 참조하고 공부했으나.. 검색어가 파라미터로 들어가야 호출되는데 호출값중에서 fuzzy하는거라 힘들것이라 판단. 접게 되었다.

강의내용

• 가독성이 가장 중요. 수정이 용이하도록 코드짜기
• 드리블,핀터레스트 등 여기서 ui,ux 디자인 찾아보고 기업이 원하는걸 어떻게 기술적으로 풀것인지 고민하기
• depth 가 깊어질수록 코드 가독성이 저하됨. 함수 혹은 컴포넌트로 따로 빼도록 하자.
• import 정리(위부터) : node_module의 패키지>유틸리티,hooks,types>컴포넌트들>styles
• netilfy 로 배포하자! 가장 편하고 좋다(자동으로 다해줌)
• deps (useEffect 뒤에 ,[]) )이거 신경쓰기
• 클라이언트사이드 라우팅 시 에러가 뜰수 있다.
  src/public에 _redirects 파일 생성해 아래코드 추가

/* /index.html 200 

• favicon : favicon-generator.org 에서 파일올리면 크기별로 생성됨. 크기별로 다 넣어야한다.

• inspect-elements-computed 폰트 적용여부 확인가능

• 스포카 한 산스 네오 (폰트) - 서브셋(경량화버전) 함 써보기

• google analytics 복습해보기. ga이벤트 등등