Chrome의 새로운 `<permission>` 요소: 웹 권한에 대한 선언적 접근 방식

2025-06-15
Chrome의 새로운 `<permission>` 요소: 웹 권한에 대한 선언적 접근 방식

Chrome 권한 팀은 위치 접근과 같은 강력한 기능에 대한 웹 앱의 요청 방식을 간소화하기 위해 새로운 선언형 HTML `` 요소를 실험하고 있습니다. 기존의 명령형 메서드는 권한 스팸, 부적절한 컨텍스트, 권한 취소의 어려움 등의 문제가 있습니다. `` 요소는 더 안전하고 사용자 친화적인 접근 방식을 제공하여 개발자가 선언적으로 권한을 요청할 수 있게 하고, 브라우저는 사용자 상호 작용에 따라 요소의 텍스트를 동적으로 업데이트하며 명확한 권한 관리를 제공합니다. 현재 Chrome 126에서 출처 시험 중이며 표준화를 목표로 합니다.

더 보기
개발

Chrome 135, 향상된 웹 보안을 위한 디바이스 바운드 세션 자격 증명 도입

2025-05-02
Chrome 135, 향상된 웹 보안을 위한 디바이스 바운드 세션 자격 증명 도입

Chrome 135는 웹 애플리케이션 보안을 강화하기 위해 설계된 새로운 기능인 디바이스 바운드 세션 자격 증명(DBSC)을 도입했습니다. DBSC는 디바이스에 바인딩된 키 페어를 생성하여 쿠키 도용 및 세션 하이재킹으로부터 사용자 세션을 보호합니다. 쿠키가 도난당하더라도 공격자는 다른 디바이스에서 계정에 액세스할 수 없습니다. TPM과 같은 하드웨어 지원 스토리지와 단기 쿠키의 정기적인 갱신을 활용하여 DBSC는 사용자 경험에 영향을 미치지 않고 보안을 크게 향상시킵니다. 개발자는 HTTP 헤더를 통해 이 기능을 통합 및 테스트할 수 있습니다.

더 보기

Chrome 135: CSS를 사용한 `<select>` 요소의 완벽한 사용자 지정

2025-03-31
Chrome 135: CSS를 사용한 `<select>` 요소의 완벽한 사용자 지정

Chrome 135는 주요 업데이트로 `` 요소의 완벽한 CSS 사용자 지정을 제공합니다. 수년간의 개발 끝에 표준화되고 접근성이 높으며 스타일을 지정할 수 있는 ``가 탄생했습니다. 개발자는 새로운 `appearance: base-select` 속성을 사용하여 풍부한 사용자 지정 기능을 활용할 수 있습니다. 여기에는 `` 요소에 리치 HTML 콘텐츠(이미지 및 SVG 등)를 추가하는 것도 포함되며, 이전 브라우저와의 호환성을 저해하지 않습니다. 파서 변경 사항이 있지만 Chrome은 Finch 실험을 통해 기존 웹사이트가 손상될 위험을 줄입니다. 이 업데이트를 통해 훨씬 매력적이고 의미 있는 `` 경험을 만들 수 있습니다.

더 보기
개발

Chrome, Rust 기반 Skrifa로 전환하며 FreeType의 보안 및 성능 문제 해결

2025-03-19
Chrome, Rust 기반 Skrifa로 전환하며 FreeType의 보안 및 성능 문제 해결

Chrome은 오래된 FreeType 폰트 렌더링 엔진을 새로운 Rust 기반 라이브러리인 Skrifa로 교체했습니다. C 기반의 FreeType은 보안 취약성으로 인해 많은 유지 보수 리소스가 필요했습니다. Skrifa는 Rust의 메모리 안전성을 활용하여 취약성을 크게 줄이고 개발자 생산성을 향상시킵니다. 엄격한 테스트와 비교를 통해 Skrifa는 FreeType의 성능과 렌더링 품질과 동일하다는 것을 보장합니다. Chrome은 향후 Skrifa를 더 많은 운영 체제에 적용할 계획입니다.

더 보기
개발

Chrome 135: `command`와 `commandfor` 속성으로 웹 버튼 상호 작용 간소화

2025-03-07
Chrome 135: `command`와 `commandfor` 속성으로 웹 버튼 상호 작용 간소화

Chrome 135는 새로운 `command`와 `commandfor` 속성을 도입하여 웹 버튼 상호 작용 방식에 혁신을 가져왔습니다. 이전에는 개발자는 버튼과 다른 요소(메뉴, 모달 등) 간의 상호 작용을 처리하기 위해 복잡한 JavaScript 코드를 작성해야 했지만, 이제 이러한 속성을 통해 상호 작용을 크게 간소화할 수 있습니다. 이 글에서는 기존 방식의 단점, `command`와 `commandfor` 속성과 기존 속성(`popovertargetaction`과 `popovertarget`)의 비교, 내장 명령(`show-popover`, `hide-popover` 등)과 사용자 지정 명령의 사용법을 자세히 설명하여 웹 개발 효율성과 접근성을 향상시킵니다.

더 보기
개발

Chrome Canary 130: 사용자 정의 가능한 <select> 요소 출시!

2025-02-20
Chrome Canary 130: 사용자 정의 가능한 <select> 요소 출시!

Chrome Canary 130에서는 사용자 정의 가능한 `` 요소라는 주요 업데이트가 제공됩니다! 오랫동안 개발자들을 괴롭혀 온 이 문제에 대한 해결책이 마침내 나왔습니다. `appearance: base-select` 속성을 사용하면 개발자는 스타일, 콘텐츠, 상호 작용을 포함하여 `` 요소와 해당 팝업 선택기를 자세히 사용자 정의할 수 있습니다. 이 기능은 WHATWG에서 공식적으로 2단계에 도달했으며 여러 브라우저의 강력한 관심을 받고 있습니다. 이 게시물에서는 기능 활성화, 구성 요소 사용자 정의 방법, 제한 사항 및 접근성 고려 사항에 대해 자세히 설명합니다. 일부 기능은 아직 개발 중이지만 이 강력한 새 기능은 웹 개발 환경을 크게 개선할 것입니다.

더 보기
개발

Microsoft Edge, Chromium 렌더링 엔진의 흐릿한 텍스트 렌더링 문제 해결

2025-02-13
Microsoft Edge, Chromium 렌더링 엔진의 흐릿한 텍스트 렌더링 문제 해결

Chromium 렌더링 엔진으로 마이그레이션한 후, Microsoft Edge에서 텍스트가 흐릿하게 보인다는 사용자 피드백이 있었습니다. 조사 결과, Skia 엔진의 텍스트 명암 및 감마 값 설정이 이전 DirectWrite 엔진과 다르며 Windows ClearType Tuner 설정도 읽지 않는다는 사실이 밝혀졌습니다. Edge 팀은 Google Chrome 팀과 협력하여 사용자 조사를 실시했습니다. 결과적으로 기본 텍스트 명암 값을 1.0으로 조정하여 문제를 해결하고, Chromium 브라우저의 Windows 환경에서 보다 자연스럽고 일관된 텍스트 표시를 구현했습니다. 이 수정 사항은 Chrome 132 이상 버전에서 사용할 수 있습니다.

더 보기