shiwoo.dev logoshiwoo.dev

뉴스레터about me
  • GitHub
  • LinkedIn
  • Email
© 2026 Shi Woo, Park (custardcream98)
All rights reserved.
← 지난 이슈

프론트엔드 뉴스레터

#04

2026년 10월 9일4개 소식

이번 이슈 한눈에

  • pnpm 12.10: 의존성을 store에서 직접 읽는 실험적 linker
  • Video.js 10: React·HTML 패키지 분리와 기존 API 변경
  • Chrome 155: Rust decoder로 JPEG XL 지원
  • Edge 팀: 스타일과 키보드 접근성을 함께 다루는 tooltip 제안
  1. 01

    pnpm.io

    pnpm 12.10, 패키지를 store에서 직접 불러와요

    pnpm 12.10에 실험적 loaded linker가 추가됐어요. 호환되는 의존성은 node_modules에 패키지 파일을 배치하지 않고 content-addressable store에서 직접 읽습니다. pnpm-workspace.yaml의 nodeLinker에 { type: loaded }를 지정하면, pnpm이 pnpm run과 pnpm exec 등에 Node.js loader를 미리 등록해요.

    • Node.js 24.18.0 이상인 24.x 또는 26.2.0 이상이 필요합니다. pnpm 밖에서 Node를 직접 실행할 때는 --import ./node_modules/.pnpm/.store-loader.mjs로 loader를 등록해야 해요.
    • native addon이나 패키지 옆의 파일을 fs로 읽는 코드는 직접 로딩할 수 없어요. 이런 패키지와 build script가 필요한 패키지는 nodeLinker.excluded에 지정해 의존성 트리까지 global virtual store에 설치해야 합니다.
    원문 읽기 ↗
  2. 02

    videojs.org

    Video.js 10, 상태·UI·재생 엔진을 따로 조합해요

    10월 1일 stable로 나온 Video.js 10은 상태, UI, 재생 엔진을 분리하고 React 컴포넌트와 Web Component를 제공해요. 기본 skin의 소스를 프로젝트에 가져와 버튼이나 타임라인을 직접 수정할 수도 있습니다. v8의 API를 그대로 쓰는 업데이트는 아니므로, 기존 코드는 새 패턴으로 옮겨야 해요.

    • v10은 @videojs/react와 @videojs/html로 배포합니다. npm의 video.js 패키지는 아직 v8이에요.
    • 새 재생 엔진 SPF는 광고와 true low-latency live를 아직 지원하지 않습니다. low-latency live에는 HLS.js 기반 HlsJsVideo를 쓸 수 있으며, 현재 HLS의 기본 컴포넌트이기도 해요. 다만 v10에는 광고 지원과 v8의 IMA·광고 플러그인 대체물이 없으므로, 광고에 의존하는 기존 플레이어는 해당 요구 사항을 해결한 뒤에 옮겨야 합니다.
    원문 읽기 ↗
  3. 03

    developer.chrome.com

    Chrome 155, JPEG XL 이미지를 디코딩해요

    Chrome 155부터 .jxl 이미지 디코딩을 지원해요. JPEG XL은 HDR과 lossless 압축, 기존 JPEG를 손실 없이 변환하는 기능을 갖추고 있습니다.

    Chrome은 이미지 decoder가 네트워크에서 받은 복잡한 데이터를 renderer 안에서 처리한다는 점을 고려해, Rust로 다시 구현한 jxl-rs를 통합했어요. SIMD 추상화 계층으로 플랫폼별 최적화를 적용하면서 unsafe 사용은 검토된 소수 지점으로 제한했습니다.

    • Chrome 팀은 AVIF와 JPEG XL을 함께 비교하도록 안내해요. 특히 고품질 사진, lossless 압축, 이미지를 점진적으로 표시해야 하는 경우를 JPEG XL의 주요 활용 대상으로 짚었습니다.
    원문 읽기 ↗
  4. 04

    patrickbrosset.com

    Edge 팀, 네이티브 tooltip의 스타일과 접근성을 함께 바꾸려 해요

    Edge Web Platform 팀은 title로 만든 네이티브 tooltip을 CSS의 ::tooltip으로 꾸미는 방식을 제안하고 있어요. 현재 안은 appearance: base로 새 동작을 켜고, CSS Anchor Positioning으로 위치를 조절하는 구조입니다.

    스타일만 바꾸려는 것은 아닙니다. tooltip을 popover와 Interest Invokers에 연결해 키보드 focus로 표시하고, Escape로 닫으며, tooltip 위로 포인터를 옮겨도 유지하는 동작을 구상하고 있어요.

    • 아직 제안 단계이며 문법과 동작이 확정되지 않았어요. 터치 환경에서 같은 정보를 어떻게 제공할지도 해결해야 할 문제로 남아 있습니다.
    원문 읽기 ↗

다음 이슈 받아보기

읽어볼 만한 프론트엔드 소식과 글을 골라 보내드립니다.

언제든 구독을 취소할 수 있어요.

← 뉴스레터 #3 · 2026-10-08