2020년 5월

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의 더 쉬운 작성

 

react concurrent mode

 - 마이그레이션을 위한 strict mode, createRoot 사용... 그리고 이해를 도와주는 예제 코드

 

React Testing Library 일반적인 실수

 

majestic version 1.7 release

 - 스냅샷 업데이트 기능 에러 수정되었는지 확인필요.

 

deno 1.0 release : 알아야 할 것들

deno 1.0

 

*font 로드 최적화

스니펫

<!-- 미리 도메인 접속 -->
<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>

 

*deeping inside react rending

react-redux의 connect api가 자체적으로 memo 기능이 있었다는 점이 신선하다.

 

**프론트엔드가 풀 스택을 의미 할 때

한가지 떠오른 생각은 백엔드 개발자가 애플리케이션에서 더 멀어지면서 책임없는 일종의 공허한 개발을 하고 있다는 생각이 들 때가 많다. database 관점에서만 설계한 api는 프론트엔드에서 더욱 많은 로직을 만들어 프론트엔드에 더욱 과중한 책임을 지우게 만든다. 많은 책임이 프론트엔드 개발자에게 집중되고 책임에서 멀어진 백엔드 개발자의 api는 애플리케이션의 품질을 전체적으로 떨어뜨린다고 생각한다.

 

notion 성능 최적화

 

*React App을 테스트하는 방법

 - https://joaoforja.com/blog react에 관한 좋은 아티클

 

Static Web Service By Azure App Service

 

*JS 세번째 시대

- JS 처음 20년

 

web vital - 소개

 - 사이트 품질 측정 도구로 LCP, FID, CLS 를 측정할 수 있는 도구를 제공

해당 수치들은 pagespeed, 크롬 개발도구, GSC 도구들을 통해서도 측정 할 수 있지만 페이별 상세 측정같은 디테일한 부분에서는 직접 프로그래밍 도구를 이용하여 측정할 수 있도록 제공해준다.

 

playwright

 - poputeer 와 같은 헤드리스 핸들러

 

반응형

'소소한 정보' 카테고리의 다른 글

2020년 7월  (0) 2020.07.07
2020년 6월  (0) 2020.06.13
2020년 4월  (0) 2020.04.19
2020년 3월  (0) 2020.03.21
2020년 2월  (0) 2020.02.05