강의
👉 로컬스토리지보다 store js를 추천 ⇒ json stringify 사용 안 해도 됨
👉 slick.js
👉 useMemo는 값을 저장 useCallback은 함수를 저장해서
불필요한 생성을 방지한다
(연산량이 많은가? 를 확인하고 감싸줘야한다. 과도한 사용은 메모리만 많이 사용된다)
👉 gnb lnb snb 네비게이션 바 alias들
👉 불필요한 ref사용 대신에 classname으로 제어하는게 훨씬 간편
👉 setTimeout & clearTimeout 같이 지정해줘야함 router사용했었으면
이동시 setTimeout이 걸려있는 상태에서 언마운트되기 때문에 위험함
👉 검색은 영어로 자료량이 다름
👉 https://caniuse.com/
브라우저 별로 사용가능한지 체크
👉 원활한 커뮤니케이션 ≠ 긴 시간의 커뮤니케이션
👉 이미지 최적화
https://squoosh.app/
❓ webp 알아보기
→ safari 지난 버전 지원 안 함
색깔 많은 것은 jpg
색상이 적은 클립아트 → browser png or oxi png로
팔레트 colors 줄이기
gif는 애니메이티드 이외에는 쓸 일 없음 (png보다 용량 이득이 없다)
👉 이미지 최적화는 자동화하는 것이 당연 (가로 세로 압축율 백엔드에서 설정해서 자동 압축)
ts-example
👉 d.ts ⇒ definition type 타입 정의 파일
👉 JSON to ts Convert from clipboard (Shift + Ctrl + Alt + V)
👉 날짜 조작은 dayjs 추천
👉 momentjs는 용량이 무지 크다
