크롬 브라우저 버전별 주요 변경 예정 사항 및 프런트엔드 개발 영향 분석 (v137-NEXT)
🤖 AI 추천
이 문서는 프런트엔드 개발자, 웹 개발자, 기술 리더를 대상으로 크롬 브라우저의 최신 업데이트 사항과 그에 따른 개발 영향을 파악하고, 잠재적인 이슈에 선제적으로 대응할 수 있도록 지원합니다.
🔖 주요 키워드

핵심 기술
본 문서는 크롬 브라우저의 버전별(137, 138, 139, NEXT) 주요 변경 예정 사항을 Chrome Platform Status와 blink-dev 활동을 기반으로 분석하여 프런트엔드 개발에 미치는 영향을 심층적으로 공유합니다.
기술적 세부사항
-
Chrome 137
✅ Blob URL
사용이 교차 사이트에서 제한됨 (기존 서비스 영향 큼 📌)✅ CSS if()
함수 추가✅ SVG
요소에transform
속성 지정 가능🧪 프롬프트 API
(미리 보기)
-
Chrome 138
⚠️ Media Source Extensions
의 비동기 범위 제거 동작 폐지 (기존 서비스 영향 큼 📌)⚠️ SwiftShader fallback
제거 (기존 서비스 영향 큼 📌)✅ Clear-Site-Data
헤더에 캐시 명시적 초기화 옵션 추가✅ HTTP
프로토콜에서 프리렌더링 차단 (기존 서비스 영향 큼 📌)✅ HTML
직렬화 강화: 모든 속성 내<
,>
문자 이스케이프✅ CSS
에서 수치 비율 계산 동적 스타일링 지원✅ Summarizer API
✅ CSS stretch
속성 추가🧪 HTML in Canvas: drawElement()
(미리 보기)
-
Chrome 139
⚠️ Chrome 일부 버전 지원 중단
: macOS 11 (기존 서비스 영향 큼 📌)⚠️ ISO-2022-JP
문자셋 자동 감지 지원 제거✅ 다양한 모서리 표현을 위한 corner-shape
도입✅ 동적 스타일이 가능한 CSS 커스텀 함수
✅ SVG <script> 요소에 async 속성 추가
-
Chrome NEXT
⚠️ Intl Locale 객체의 getters 속성
지원 중단 (기존 서비스 영향 큼 📌)⚠️ v8 엔진에서 Intl.v8BreakIterator
제거 (기존 서비스 영향 큼 📌)⚠️ DOM
요소 제거 시blur
이벤트 미발생으로 변경 (기존 서비스 영향 큼 📌)⚠️ unload 이벤트
지원 중단 (기존 서비스 영향 큼 📌)⚠️ Protected Audience API
의 구버전(서브리소스 웹 번들 방식) 지원 중단 (기존 서비스 영향 큼 📌)⚠️ --load-extension
명령줄 플래그 지원 중단 (기존 서비스 영향 큼 📌)⚠️ _current
네비게이션 제거
-
Blob URL 교차 사이트 제한 상세 설명
Storage Key
를 기준으로 출처가 동일하지 않은 경우Blob URL
이동 제한.- 크로스 사이트 간
Blob URL
공유 차단. window.open(blobUrl)
시noopener
자동 적용으로 특정 보안 취약점 방어.- 크롬 확장자 프로그램에서 생성된
Blob URL
을 일반 웹 페이지에서 사용하는 경우 동작하지 않음.
개발 임팩트
Blob URL
의 교차 사이트 사용 제한,unload
이벤트 지원 중단 등은 기존 서비스에 직접적인 영향을 줄 수 있으므로 사전 검토 및 대응이 필요합니다.- 새로운 CSS 기능 및 API 도입은 웹 페이지의 동적 스타일링과 사용자 인터페이스 개선에 기여할 것입니다.
- 일부 기능의 미리 보기(
Developer Trial
,Origin Trial
)를 통해 신기술을 먼저 경험하고 피드백을 제공할 수 있습니다.
커뮤니티 반응
- 원문에서 커뮤니티 반응에 대한 직접적인 언급은 없으나,
Blob URL
교차 사이트 제한과unload
이벤트 지원 중단 등은 개발자 커뮤니티에서 많은 논의와 준비가 필요할 것으로 예상됩니다.
📚 관련 자료
web-platform-tests
웹 표준에 대한 테스트를 포함하는 방대한 프로젝트로, 크롬 브라우저의 새로운 웹 플랫폼 기능 추가 및 변경 사항에 대한 테스트 코드를 탐색하고 연관성을 파악할 수 있습니다. 특히 CSS, HTML, API 관련 변경 사항의 구현 및 동작 방식을 이해하는 데 도움이 됩니다.
관련도: 95%
chromium
크롬 브라우저의 소스 코드 저장소로, 제시된 각 변경 사항(예: Blob URL 제한, CSS 기능 추가, API 변경)의 실제 구현 내용과 기술적인 세부 사항을 파악하는 데 가장 직접적인 정보를 제공합니다.
관련도: 90%
web.dev
Google Chrome 팀에서 발행하는 웹 개발 기술 문서 및 가이드 저장소입니다. 새로운 웹 표준, API, 브라우저 기능에 대한 설명과 실용적인 예제를 제공하여, 변경 사항이 실제 개발에 어떻게 적용되는지 이해하는 데 유용합니다.
관련도: 85%