1월 웹 플랫폼 신규 출시

2026년 1월에 안정화 버전 및 베타 웹브라우저에 도입된 흥미로운 기능을 살펴보세요.

Rachel Andrew

게시일: 2026년 1월 30일

안정화 브라우저 출시

Chrome 144 및 Firefox 147이 1월에 안정화 버전으로 출시되었습니다. 이 게시물에서는 이번 달의 다양한 새로운 기능을 살펴봅니다. 여러 기능이 Baseline Newly available이 되었습니다.

CSS 앵커 포지셔닝

Firefox 147에는 CSS 앵커 포지셔닝 지원이 포함되어 이 기능이 새로 사용 가능한 기준이 됩니다. 이 API를 사용하면 앵커라고 하는 다른 요소를 기준으로 요소를 배치할 수 있습니다. 이는 페이지의 다른 요소에 상대적으로 요소를 배치하려는 툴팁, 메뉴, 팝오버에 유용합니다.

Browser Support

  • Chrome: 125.
  • Edge: 125.
  • Firefox: 147.
  • Safari: 26.

Source

Navigation API

Firefox 147에서는 탐색 API도 기준 새로 사용 가능이 됩니다. 이 API는 애플리케이션에서 탐색을 시작하고, 가로채고, 관리하는 최신 방법을 제공합니다.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 147.
  • Safari: 26.2.

Source

::search-text를 사용한 페이지 내 검색 스타일 지정

Chrome 144에는 ::search-text 의사 요소가 포함되어 있습니다. 이 기능은 페이지 내 검색 결과 스타일을 ::selection 및 ::spelling-error과 유사한 강조 표시 의사 요소로 작성자에게 노출합니다. 이를 통해 사용자가 브라우저의 페이지 내 검색 기능을 사용할 때 검색 결과의 모양을 맞춤설정할 수 있습니다.

페이지 내 검색 강조 표시 스타일 지정의 Igalia 블로그에서 자세히 알아보세요.

Browser Support

  • Chrome: 144.
  • Edge: 144.
  • Firefox: not supported.
  • Safari: not supported.

<geolocation> 요소

Chrome 144에서는 사용자의 위치에 액세스하기 위한 선언적 사용자 활성화 컨트롤인 <geolocation> 요소를 도입합니다. 권한 흐름을 처리하고 사이트에 위치 데이터를 직접 제공하여 사용자 및 개발자 여정을 간소화하므로 별도의 JavaScript API 호출이 필요하지 않은 경우가 많습니다.

HTML <geolocation> 요소 소개에서 자세히 알아보세요.

Temporal API

Chrome 144에는 Temporal API가 포함되어 있습니다. 날짜 및 시간 작업을 위한 표준 객체와 함수를 제공합니다. 이는 JavaScript에 중요한 추가 기능으로, Date 객체를 강력하고 최신 버전으로 대체합니다.

Browser Support

  • Chrome: 144.
  • Edge: 144.
  • Firefox: 139.
  • Safari: behind a flag.

Source

CSS caret-shape

Chrome 144에서는 텍스트 삽입 캐럿의 모양을 지정할 수 있는 caret-shape 속성이 도입되었습니다. auto, bar, block, underscore 중에서 선택할 수 있습니다.

Browser Support

  • Chrome: 144.
  • Edge: 144.
  • Firefox: not supported.
  • Safari: not supported.

Source

전환 개선사항 보기

Firefox 147에는 뷰 전환 유형 식별이 포함됩니다. 이를 통해 활성 뷰 전환에 다양한 유형을 지정할 수 있는 메커니즘이 제공됩니다. 그런 다음 CSS를 사용하여 지정된 전환 유형에 따라 콘텐츠가 업데이트될 때 DOM 요소에 애니메이션을 적용할 수 있습니다. Firefox 147에서는 교차 문서 뷰 전환 유형이 아닌 단일 페이지 앱 (SPA) 뷰 전환 유형만 지원합니다.

Browser Support

  • Chrome: 125.
  • Edge: 125.
  • Firefox: 147.
  • Safari: 18.2.

Source

이제 Firefox는 활성 전환의 ViewTransition 객체를 반환하는 Document 인터페이스의 activeViewTransition 속성도 지원합니다.

Browser Support

  • Chrome: 142.
  • Edge: 142.
  • Firefox: 147.
  • Safari: 26.2.

Source

베타 브라우저 출시

베타 브라우저 버전에서는 다음 안정화 버전 브라우저에 포함될 내용을 미리 볼 수 있습니다. 전 세계에 출시되기 전에 사이트에 영향을 미칠 수 있는 새로운 기능이나 삭제를 테스트하기에 좋은 시기입니다. 이번 달의 새로운 베타는 Chrome 145와 Firefox 148입니다.

Chrome 145에는 정렬 방법을 제어하는 text-justify 속성과 column-wrap 및 column-height를 사용한 다단 레이아웃 개선사항이 포함됩니다. 또한 onanimationcancel 이벤트를 GlobalEventHandlers로 가져옵니다. 또한 맞춤설정 가능한 <select>가 목록 상자로 확장됩니다.

Firefox 148에는 Location.ancestorOrigins 지원이 포함되어 있어 문서가 <iframe>에 삽입되었는지, 어떤 사이트에 의해 삽입되었는지 확인할 수 있습니다.