dev-weekly 2025-03-15
CSS
- grid를 이용해 CSS만으로 선택된 리스트를 그룹핑하는 방법 feat.
- 그룹핑을 위한
grid-area , 정렬을 위한 auto-fill 혹은 justify-content
content-visibility 를 사용하면 안되는 예시- auto 값을 줬을 때 브라우저가 크기를 모르는 이슈 - contain-intrinsic-size
contain 프로퍼티에 대한 설명
Node
- require(esm) 기본 활성화
--no-experimental-require-module no를 붙인 플래그가 되어 끌 수 있게됨.
Javascript
- view transition 에서 border-radius와 배경색 등은 애니메이션이 이전 상태와 새로운 상태를 전환해버리는 이슈
::view-transition-group 에 커스텀 애니메이션을 바인드하여 부드러운 애니메이션 하는 방법 소개
- TS의 성능을 근본적으로 개선하기 위해 go로 포팅하는 작업 시작
- TS 7 에서 적용될 예정.
command , commandfor 어트리뷰트 추가.- 기존에 popover이벤트를 js로 컨트롤 했는데 이제 html 에서 컨트롤 가능
<button commandfor="my-menu" command="show-popover">Open Menu</button>
<div popover id="my-menu">
<!-- ... -->
</div>
ETC
- JSON 데이터를 넣으면 값만 선택한 언어로 번역해주는 도구
Release