2020. 5. 3. 13:14ㆍ소소한 정보
- 앱 및 파일 기반 컨텐츠를 저장하려면 cache storage API 사용
- 그 외의 데이터는 indexedDB with idb
- session/local storage, cookie 등은 특수성에 맞게 사용되어야 하며 일반적인 data 저장용으로는 권장하지 않음
Chromatic 2.0 - UI를 위한 코드 검토 with storybook
useWorker for React webworker
redux-toolkit - react redux의 더 쉬운 작성
- 마이그레이션을 위한 strict mode, createRoot 사용... 그리고 이해를 도와주는 예제 코드
- 스냅샷 업데이트 기능 에러 수정되었는지 확인필요.
deno 1.0 release : 알아야 할 것들
스니펫
<!-- 미리 도메인 접속 -->
<link rel="preconnect"
href="https://fonts.gstatic.com"
crossorigin />
<!-- 우선순위 높은 글꼴 -->
<link rel="preload"
as="style"
href="$CSS&display=swap" />
<!-- 우선순위 낮은 글꼴 -->
<link rel="stylesheet"
href="$CSS&display=swap"
media="print" onload="this.media='all'" />
<!-- fallback for disabled javascript -->
<noscript>
<link rel="stylesheet"
href="$CSS&display=swap" />
</noscript>
react-redux의 connect api가 자체적으로 memo 기능이 있었다는 점이 신선하다.
한가지 떠오른 생각은 백엔드 개발자가 애플리케이션에서 더 멀어지면서 책임없는 일종의 공허한 개발을 하고 있다는 생각이 들 때가 많다. database 관점에서만 설계한 api는 프론트엔드에서 더욱 많은 로직을 만들어 프론트엔드에 더욱 과중한 책임을 지우게 만든다. 많은 책임이 프론트엔드 개발자에게 집중되고 책임에서 멀어진 백엔드 개발자의 api는 애플리케이션의 품질을 전체적으로 떨어뜨린다고 생각한다.
- https://joaoforja.com/blog react에 관한 좋은 아티클
Static Web Service By Azure App Service
- 사이트 품질 측정 도구로 LCP, FID, CLS 를 측정할 수 있는 도구를 제공
해당 수치들은 pagespeed, 크롬 개발도구, GSC 도구들을 통해서도 측정 할 수 있지만 페이별 상세 측정같은 디테일한 부분에서는 직접 프로그래밍 도구를 이용하여 측정할 수 있도록 제공해준다.
- poputeer 와 같은 헤드리스 핸들러