dev-weekly 2022-06-11


CSS

Web Development Resources

  • 웹 개발 리소스 모음
  • 호스팅, 학습, 아이콘, 폰트, 유튜브 채널, UI 컴포넌트, UI 라이브러리 등

AnimatiSS

  • CSS 애니메이션(keyframes) 모음.
  • 의존성없고, 사이트에서 시간 등 커스텀이 되고, 코드 복사(추출) 제공

Node

Fastify 4.0 Released

WebContainers Now Supported in Firefox on Desktop and Android

  • 브라우저 내 OS인 웹 컨테이너가 파이어폭스 데스크탑 및 모바일에서 지원

node-microtime: Get The Current Time in Microseconds

  • 노드에서 마이크로 타임 가져오는 도구.
  • N-API 를 사용하여 빌드

Nano ID 4.0: A Unique String ID Generator

  • Nano ID 4.0 릴리즈. CommonJS 지원중단, ESM 지원.

is-online 10.0: Check if The Internet Connection Is Up

  • 신드레 도구 is-online 10.0 릴리즈. ESM 지원.

Javascript

Mathematical Notation Explained with JavaScript

  • 수학적 표기법에 대한 JS 표현

‘JavaScript Hydration is a Workaround, Not a Solution’

  • 전 앵귤러 제작자 이자 builder.io 의 CTO - Hydration은 해결책이 아닌 Workaround
  • Hydration은 작업을 복제하기 때문에 낭비 - 유저의 똑같은 요청에 정보가 부족한 HTML을 다시 받게되고 유저는 복구에 필요한 리소스를 다시 사용

VSCode Update May 2022 (version 1.68)

  • 언어 개선 구성 - 사용자가 언어를 선택하면 자동으로 설치되고 적용
  • 사용되지 않는 익스텐션 표시 및 익스텐션 후원 기능
  • 터미널에서 검색 시 일치하는 부분 강조
  • launch.json 없이 디버그 실행
  • TS 4.7.3 제공
  • Go to Source Definition - dts가 아니라 코드로 이동

the idea of Achievements

  • 깃헙에 업적 시스템 추가(현재 베타). 앞으로 다양한 업적이 추가될 예정

Creating an Ultrasonic Payments System with JavaScript

  • 스벨트, 리액트 등에 주입가능한 웹 컴포넌트 만들기 및 스벨트, 리액트에서 웹 컴포넌트 사용하기

Should You Use Framer Motion or Motion One for Animation?

  • 프레이머 모션과 모션원의 제작자가 말하는 두 도구의 비교 및 대조
  • WAAPI(Web Animation API)의 강점 - requestAnimationFrame
  • 디자인 목표와 타협(compromise) - Framer Motion은 선언적 고수준 라이브러리인 반면 Motion One은 명령적 저수준 라이브러리