CSS, Node

CSS

Newton’s CSS Cradle

• HTML + CSS 로만 만든 뉴턴의 요람(프린키피아 참조)

Node

On Renaming N-API to Node-API

• N-API 이름을 Node-API로 변경, 그리고 변경한 이유

Javascript

DOM Events: A Way to Visualize and Experiment with the DOM Event System

• DOM 이벤트 시스템을 시각화하여 어떤 프로세스를 거치는지 애니메이션으로 보여주는 도구

Introducing WebContainers: Run Node.js Natively in the Browser

• 웹어셈블리 기반 os - 현재 크롬만 지원
• 브라우저에서 디버깅 가능한 node.js 환경
• feat. Nextjs, Google

Parcel 2 Beta 3: A Wild Rust Appears!

• JS 컴파일러를 Rust로 변경
• 바벨AST 를 대신하여 SWC위에 Rust로 작성
• —lazy 서버는 즉시 시작되고, 요청되는 파일에 필요한 부분만 빌드
• 의존성 축소. 필수 플러그인만 설치 후 필요에 따라 추가 플러그인 설치

Quick Bits

27 라인 스네이크 게임

• https://codepen.io/SleepyPierre/pen/WNpxLZN?editors=0010

Concept Map - JS, data structure, HTML + CSS + DOM

• https://github.com/mechaniac/Map-of-Javascript

Articles, Opinions & Tutorials

2D Optics Demos in JavaScript

• 이중슬릿 등 간섭을 보여주는 데모

Code & Tools

Typehole: VS Code Tool to Automatically Generate TypeScript Types and Interfaces

• TS Type 생성기
• 해당 플러그인을 실행한 상태로 값을 받으면, 에디터에 해당 타입을 입력해주는 도구

Sublime Text 4 Released

• 애플실리콘, JSX, TSX 지원, GPU 렌더링 등