CSS

Web Development Resources

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

AnimatiSS

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

Node

Fastify 4.0 Released

• 새로운 에러 핸들링 구성, 타입 세이프하게 라우터로부터 쿼리 추출
• Fastify 4.0 릴리즈 - https://github.com/fastify/fastify/milestone/4?closed=1

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은 명령적 저수준 라이브러리