dev-weekly 2022-04-23


Picture Perfect Images With the Modern  Element

  • img 태그의 중요성 설명 및 Web Vitals에 대한 영향
  • CLS, LCP, Responsive, DPR, format 등 다양한 개념과 최적화 하기
  • preload와 lazy로딩, First Input Delay

Forced Colors Explained: A Practical Guide

  • 고대비 모드(High contrast mode)에 대한 설명
  • @media (forced-colors: active)
  • 사이트를 외관을 좋게 만드는게 아니라, 고객의 희망 사항을 존중하도록 만드는 것

Childish Font Sizes

  • 과거 10 픽셀에서 한동안 모든 주요 브라우저의 기본값은 16픽셀. 이제는 더 키우자는 글
  • 글자가 커질 때 얻을 수 있는 장점들


Node.js 18 (Current) Released

  • V8 10.1 업데이트, fetch API(실험), core test runner module(실험)
  • 빌드 시점에 사용자 영역 스냅샷(실험)

chalk-animation: Colorful Animations in Terminal Output

  • 터미널 스타일링 도구 chalk로 만든 터미널 애니메이션



Lexical: An Extensible Text Editor Library (That Does Things Differently)

  • 메타(페이스북)의 새 에디터. draftjs 대신 사용할 프레임워크
  • 렉시컬 노드 트리가 존재하고, 노드 변경이나 커맨드 listen 가능
  • 크로미움 엣지+, 사파리11+ 브라우저 지원

Ember 4.3 Released

In brief


V8’s Faster Initialization of Instances with New Class Features

  • V8엔진에서 js class의 field, private method 초기화 성능 향상 (노드18에 적용)

A Quick Guide to Mitosis: Why You Need It and How You Can Use It

  • 컴파일 타임 프레임워크 - 각 프레임워크 컴포넌트 생성기
  • Vue, React, Angular, Svelte, RN, Swift, SolidJS, Stencil, WebComponent… 등 지원