프론트엔드 뉴스레터
#10
3개 소식
이번 이슈 한눈에
- Chrome 156 beta, 실패한 모듈 로드를 재시도하고 로컬 네트워크 제한의 임시 우회를 종료해요.
- Firefox 158, JPEG XL을 기본 지원하고 이미지 요청에
image/jxl을 추가했어요. - Bootstrap 6 alpha, ESM 전용으로 바뀌고 최소 브라우저 버전을 높였어요.
- 01
chromestatus.com
Chrome 156 beta, 모듈 로드 재시도와 로컬 네트워크 정책을 바꿔요
원문 읽기 ↗Chrome 156 beta에서는 실패한 모듈 로드가 캐시에 남아 재시도까지 실패하던 동작을 바꿔요. 네트워크 문제로 로드하지 못했다면
import()를 다시 호출해 재시도할 수 있습니다.로컬 네트워크 접근 제한을 임시로 끄던
LocalNetworkAccessRestrictionsTemporaryOptOut정책도 제거됩니다. 이 정책에 의존하던 사내 웹앱이나 로컬 도구 연동에 영향을 주는 변경이에요. stable 출시는 10월 20일 예정입니다.- 새로 만드는 IndexedDB 저장소는 SQLite backend를 사용해요. Web API는 그대로이고, 기존 LevelDB 데이터는 이번 단계에서 이전하지 않습니다.
- 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이 수정 중임을 표시하면 보조 기술이 변경을 마친 뒤 내용을 알릴 수 있습니다.
- 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으로 옮겨요.