집 나간 네트워크는 돌아왔는데 React.lazy는 왜 안 돌아올까
집 나간 네트워크는 돌아왔는데 React.lazy는 왜 안 돌아올까
네트워크 복구 후에도 React.lazy 재시도가 막히는 이유를 모듈 맵 캐시로 설명했습니다. 정적 import 전환과 사전 로딩으로 오류를 해결했습니다.
#React#Vite
600
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
브라우저에서 SVG 필터로 이미지 보정 효과를 구현한 사례를 다룬 글입니다. 미리캔버스의 활용 영역에서 이미지 보정 필터 적용 맥락을 소개했습니다.
#SVG#browser
3100
AI가 만든 코드가 어드민이 되기까지
AI가 만든 코드를 어드민 화면으로 보여 주기 위해 브라우저 기반 Preview Runtime을 구축한 과정을 소개했습니다. 가상 파일 시스템, esbuild-wasm, import map, 패키지 사전 빌드로 격리성과 속도를 함께 해결했습니다.
#React#esbuild
9800
미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
SVG 필터가 브라우저 렌더링 과정에서 어떻게 작동하는지, `fe*` 프리미티브와 `in`/`result`로 파이프라인을 구성하는 방식을 설명했습니다. 단순 보정은 CSS filter로, 복합 합성과 커스텀 효과는 SVG 필터로 나누어 선택하는 기준도 정리했습니다.
#SVG#CSS
16500
왓챠 웹 PiP 적용기 — Document PiP는 어떻게 동작하고, 무엇이 어려웠나
왓챠 웹 PiP 적용기 — Document PiP는 어떻게 동작하고, 무엇이 어려웠나
왓챠 웹에 Document PiP를 적용한 과정과 원리를 설명했습니다. React 상태 유지, 재생 정체 복구, 종료 제어 같은 실서비스 이슈를 함께 다뤘습니다.
#React#CSS
6600
“왓챠 PiP 안 됨?” — 됩니다, 이제부터.
“왓챠 PiP 안 됨?” — 됩니다, 이제부터.
왓챠 웹에서 PiP 기능을 지원하게 된 소식을 소개했습니다. 기존 미니플레이어 한계와 브라우저별 PiP 차이도 함께 안내했습니다.
#web#browser
7200
Vite로 구버전 브라우저 지원하기
Vite 레거시 플러그인으로 구버전 Safari와 Chrome의 흰 화면 문제를 해결한 사례를 다루었습니다. targets 설정만으로는 부족해 modernPolyfills를 함께 조정한 과정도 설명했습니다.
#Vite#React
6600