미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
SVG 필터가 브라우저 렌더링 과정에서 어떻게 작동하는지, `fe*` 프리미티브와 `in`/`result`로 파이프라인을 구성하는 방식을 설명했습니다. 단순 보정은 CSS filter로, 복합 합성과 커스텀 효과는 SVG 필터로 나누어 선택하는 기준도 정리했습니다.
#SVG#CSS
144005분
필터 1
왓챠 웹 PiP 적용기 — Document PiP는 어떻게 동작하고, 무엇이 어려웠나
왓챠 웹에 Document PiP를 적용한 과정과 원리를 설명했습니다. React 상태 유지, 재생 정체 복구, 종료 제어 같은 실서비스 이슈를 함께 다뤘습니다.
#React#CSS
52005분
“왓챠 PiP 안 됨?” — 됩니다, 이제부터.
왓챠 웹에서 PiP 기능을 지원하게 된 소식을 소개했습니다. 기존 미니플레이어 한계와 브라우저별 PiP 차이도 함께 안내했습니다.
#web#browser
48005분
Vite로 구버전 브라우저 지원하기
Vite 레거시 플러그인으로 구버전 Safari와 Chrome의 흰 화면 문제를 해결한 사례를 다루었습니다. targets 설정만으로는 부족해 modernPolyfills를 함께 조정한 과정도 설명했습니다.
#Vite#React
61005분