dev-weekly 2024-07-13
CSS
- clip path는 DOM 노드를 특정 모양으로 트리밍하는데 자주 사용되지만 애니메이션에도 좋음 (하드웨어 가속 적용)
- 비교 슬라이더, 텍스트 마스크 효과, 애니메이션, 탭 전환 등 예제
Node
- express는 지난 15년동안 수많은 변화속에서도 프로젝트의 기본값으로 자리를 지키고 있음.
- val town은 express로 시작했지만 이제는 fastify로 마이그레이션 중
- fastify를 선택한 이유, @fastify/express를 이용한 점진적 포팅
Javascript
- 제어하지 못하는 도메인의 리소스를 링크하면 위험. 이에 대한 방지로 브라우저는 integrity 어트리뷰트 제공.
- 변경이 있었다면 브라우저는 해당 스크립트를 실행하지 않음.
- youtube embed 는 1.3MB, 32개의 요청 사용. 또한 임베드를 여러개 하면 같은 양의 리소스 추가 요청.
- lite-youtube-embed를 사용하면 100KB의 리소스
- Shadow DOM 버전, Nextjs 공식 버전 등 다른 얼터네이티브 제시
- JS 엔진과 JS 런타임의 차이
- JS런타임은 ECMAScript 호스트로 JS 엔진을 내장한 프로그램. 웹브라우저는 DOM, Web API를 구현하지만, 서버측 런타임은 파일 시스템 액세스를 구현
- 이벤트 루프는 ECMA-262에는 정의 되어 있지 않고, 때문에 JS엔진에도 구현되어 있지 않음. 웹브라우저는 HTML 사양에 정의된 구현을 사용하고, 서버측 런타임은 자체 구현.
- ESLint 9.0 이후의 메이저 변경사항
- 언어 플러그인. 현재 계획은 JS, JSON, Markdown 이렇게 3가지는 공식 플러그인 지원 예정
- 코어 재작성 - 새로운 저장소, 최신 패키지, JS 런타임에 독립적인 코어, 컴포저블 API, 새로운 CLI, 병렬 개발
- 클로저를 통해 리액트에서 메모리 릭 생성, 리액트 컴파일러의 작동 방식
- 리액트 컴파일러가 처리하지 못하는 메모리 릭 만들기
ETC
Release