최근 글을 카드로 소개하는 섹션. 서버와 브라우저의 날짜 표기 차이를 피하도록 날짜는 표시할 문자열로 받는다.
뷰포트 밖으로 나간 캔버스가 rAF를 계속 물고 있으면 메인 스레드가 남아나지 않습니다. IntersectionObserver로 반납하는 규약을 정리했습니다.
색을 리터럴로 박으면 다크 모드가 두 배 일이 됩니다. 의미 단위 토큰으로 바꾸면 브랜드 색 하나만 갈아끼우면 됩니다.
애니메이션을 다 만든 뒤 끄는 건 어렵습니다. 처음부터 "끈 상태가 기본"으로 설계하면 공짜로 얻습니다.
날짜는 이미 포맷된 문자열로 받습니다. 컴포넌트 안에서 toLocaleDateString을 부르면 서버(UTC·en-US)와 브라우저(사용자 로케일)가 다른 문자열을 만들어 하이드레이션이 깨집니다. 기계 판독용 원본은 <time datetime>으로 따로 넣습니다.
다른 패턴과 이어 붙인 화면에서 이 패턴이 어떤 자리에 놓이는지 볼 수 있습니다.