크롬 134와 135 업데이트: 당신이 몰랐던 혁신적인 변화들!
📌 크롬 134: 사용자 경험을 향상시키는 새로운 기능들
1. 대화상자의 가벼운 닫기 동작 적용
이전까지는 팝오버(Popover)에서만 지원되던 가벼운 닫기 동작이 이제 <dialog> 요소에도 적용됩니다. 이를 통해 개발자는 사용자 인터페이스를 더욱 유연하게 설계할 수 있게 되었습니다. 새로운 closedby 속성은 다음과 같이 동작합니다:
- closedby="none": 사용자가 대화상자를 닫을 수 없습니다.
- closedby="closerequest": ESC 키나 기타 닫기 트리거로 대화상자를 닫을 수 있습니다.
- closedby="any": 대화상자 외부 클릭이나 ESC 키로 대화상자를 닫을 수 있습니다.
이러한 기능은 사용자 경험을 향상시키는 데 큰 도움이 될 것으로 보입니다.
2. Web Locks API의 공유 저장소 지원
크롬 134에서는 Web Locks API가 공유 저장소(Shared Storage)에서도 지원됩니다. 이를 통해 교차 사이트 도달범위 측정 시 발생할 수 있는 경합 상태를 방지하여 데이터의 일관성을 유지할 수 있습니다. 특히, 여러 키에 걸친 데이터를 업데이트할 때 유용하게 활용될 수 있습니다.
3. 페인트 캔버스에서 imageSmoothingQuality 속성 지원
이미지 크기 조절 시 품질과 성능을 선택할 수 있도록 페인트 캔버스에 imageSmoothingQuality 속성이 추가되었습니다. 이 속성은 low, medium, high 세 가지 옵션을 제공하며, 개발자는 이를 통해 원하는 이미지 품질을 설정할 수 있습니다.
4. PWA에서 사용자 링크 캡처 지원
크롬 134부터는 프로그레시브 웹 앱(PWA)에서 사용자 링크 캡처 기능이 지원됩니다. 이를 통해 브라우저와 설치된 웹 앱 간의 원활한 이동이 가능해져 사용자 편의성이 향상되었습니다.
5. <select> 메뉴의 커스터마이징
이제 <select> 메뉴를 이미지 등으로 커스터마이징할 수 있게 되어, 웹사이트 디자인의 유연성이 크게 향상되었습니다. 이를 통해 개발자는 사용자 인터페이스를 더욱 풍부하게 구성할 수 있습니다.
📌 크롬 135: 버튼 기능의 혁신적인 개선
1. 버튼에 command 및 commandfor 속성 도입
크롬 135에서는 버튼 요소에 command 및 commandfor 속성이 도입되어 이전의 popovertargetaction 및 popovertarget 속성을 대체합니다. 이를 통해 버튼의 동작을 선언적으로 정의할 수 있어 개발 편의성이 크게 향상되었습니다. 예를 들어, 메뉴를 여는 버튼을 다음과 같이 구현할 수 있습니다:
이러한 방식은 추가적인 JavaScript 코드 없이도 버튼과 다른 요소의 상태를 동기화할 수 있어 접근성 및 유지보수성이 향상됩니다.
📌 업데이트의 의미와 전망
크롬 134와 135의 이러한 업데이트는 사용자 경험과 개발자 편의성을 동시에 고려한 변화들입니다. 특히, 대화상자와 버튼 기능의 개선은 웹 애플리케이션의 인터랙션을 더욱 직관적이고 효율적으로 만들어줄 것으로 기대됩니다. 앞으로도 구글 크롬은 지속적인 업데이트를 통해 사용자와 개발자 모두에게 최적의 환경을 제공할 것으로 보입니다.