react 프론트엔드 ssot 단방향 데이터 Web Audio API canvas API RAF JS 최적화 리렌더 문제를 푸는 순서 멀티미디어편집기 web codecs DOM직접조작 도메인 분리 멀티미디어 에디터 프론트엔드 아키텍쳐 멀티미디어에디터 shotgun surgery 웹브라우저 비디오 오디오 믹스다운 프레임 합성 offlineAudioContext offscreenCanvas mediabunny ffmpeg wasm 클라이언트 사이드 인코딩 웹브라우저 영상편집 브라우저 영상 편집 multi media export tanstackQuery #Strapi #CMS #location.state #populate #쿼리최적화 #트러블슈팅 #프론트엔드 #개발일지 #frontend useSyncExternalStore audio #peak #stride #최적화 레이어드 아키텍쳐 프론트엔드 설계 레이어드 아키텍처 렌더링최적화 기술 부채 requestAnimationFrame 성능최적화 설계 패턴 fallback Electron 익스포트 session layer 상태관리 web worker 리액트 Store overlay 폴더구조 회고록 MVC thumbnail Timeline context 드래그 Drag Façade 아키텍처 SVG 웹브라우저 도메인 JavaScript