shiwoo.dev logoshiwoo.dev

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

프론트엔드 뉴스레터

#10

2026년 10월 15일3개 소식

이번 이슈 한눈에

  • Chrome 156 beta, 실패한 모듈 로드를 재시도하고 로컬 네트워크 제한의 임시 우회를 종료해요.
  • Firefox 158, JPEG XL을 기본 지원하고 이미지 요청에 image/jxl을 추가했어요.
  • Bootstrap 6 alpha, ESM 전용으로 바뀌고 최소 브라우저 버전을 높였어요.
  1. 01

    chromestatus.com

    Chrome 156 beta, 모듈 로드 재시도와 로컬 네트워크 정책을 바꿔요

    Chrome 156 beta에서는 실패한 모듈 로드가 캐시에 남아 재시도까지 실패하던 동작을 바꿔요. 네트워크 문제로 로드하지 못했다면 import()를 다시 호출해 재시도할 수 있습니다.

    로컬 네트워크 접근 제한을 임시로 끄던 LocalNetworkAccessRestrictionsTemporaryOptOut 정책도 제거됩니다. 이 정책에 의존하던 사내 웹앱이나 로컬 도구 연동에 영향을 주는 변경이에요. stable 출시는 10월 20일 예정입니다.

    • 새로 만드는 IndexedDB 저장소는 SQLite backend를 사용해요. Web API는 그대로이고, 기존 LevelDB 데이터는 이번 단계에서 이전하지 않습니다.
    원문 읽기 ↗
  2. 02

    developer.mozilla.org

    Firefox 158, JPEG XL을 기본 지원해요

    10월 13일 출시된 Firefox 158은 JPEG XL 지원을 기본으로 켰어요. 이미지 요청의 Accept 헤더에도 image/jxl을 추가해, 서버가 지원 여부에 따라 JPEG XL 이미지를 응답할 수 있습니다. 손실·무손실 압축뿐 아니라 투명도, 애니메이션, HDR을 지원하고 기존 JPEG를 무손실로 변환할 수도 있어요.

    • calc()에서 같은 자료형의 값을 서로 나누는 CSS typed arithmetic을 지원해요. 단위가 달라도 계산할 수 있고, 결과는 단위 없는 숫자가 됩니다.
    • Android에서도 aria-busy를 지원해요. live region이 수정 중임을 표시하면 보조 기술이 변경을 마친 뒤 내용을 알릴 수 있습니다.
    원문 읽기 ↗
  3. 03

    blog.getbootstrap.com

    Bootstrap 6 alpha, ESM 전용으로 바꾸고 CSS 변수로 테마를 수정해요

    Bootstrap 6의 첫 alpha는 JavaScript 플러그인을 ESM 전용으로 배포해요. UMD bundle과 window.bootstrap 전역이 없어지고, CDN의 script에는 type="module"이 필요합니다.

    v5의 Sass 변수 대부분은 CSS 변수로 옮겨, 컴파일 후에도 브라우저에서 테마를 바꿀 수 있어요. Sass 커스터마이징은 @import 대신 @use·@forward와 token map을 사용합니다.

    • 최소 지원 버전은 Chrome·Edge 130, Firefox 132, Safari 18입니다. 그보다 오래된 브라우저를 위한 fallback이나 polyfill은 제공하지 않으며, Bootstrap 5는 계속 지원해요.
    • 반응형 클래스도 바뀝니다. .d-md-none은 .md:d-none으로, .col-lg-6은 .lg:col-6으로 옮겨요.
    원문 읽기 ↗

다음 이슈 받아보기

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

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

← 뉴스레터 #9 · 2026-10-14