태그: #webgpu
GPU·LLM·MLOps·쿠버네티스, 그리고 마음가짐에 관한 글 · 8 편
llama.cpp가 브라우저로 들어왔다 — WebGPU 백엔드가 16개 기기에서 측정한 천장
UC Santa Cruz 팀이 2026년 5월에 공개한 LlamaWeb은 llama.cpp의 WebGPU 백엔드로, 8개 벤더의 기기 16대에서 브라우저 LLM 추론을 실측한 지금까지 가장 넓은 데이터셋을 남겼습니다. 결과는 양면적입니다. 기존 브라우저 프레임워크(WebLLM, Transformers.js)보다 메모리를 29~33% 덜 쓰고 디코드 처리량은 45~69% 높지만, prefill
2026-07-16 · 31 분 읽기 #webgpu#llm-inference#llama-cpp#on-device-ai#browserWebGPU & WGSL 생태계 2026 — Chrome / Safari / Firefox 전체 GA / wgpu / naga / Tint / Three.js / Babylon / WebLLM / Transformers.js 심층 가이드
2026년, WebGPU는 마침내 3대 브라우저(Chrome 2023.5, Safari 2024.9, Firefox 2025.8)에서 모두 GA가 되었다. W3C 사양은 Working Draft에서 Candidate Recommendation으로 넘어가고, WGSL 셰이딩 언어는 GLSL의 후계자로 자리를 굳혔다. wgpu(Rust/Mozilla/gfx-rs)는 네이티브 백엔드를, naga와
2026-05-16 · 32 분 읽기 #webgpu#wgsl#web-graphics#wgpu-rs#nagaWebGPU & WebGL 2026 완벽 가이드 - Three.js · React Three Fiber · Babylon.js · PlayCanvas · TresJS · Needle Engine · 네이티브 WebGPU · WGSL 심층 분석
2026년의 웹 3D 그래픽 스택 - WebGPU의 모든 브라우저 안착, Three.js의 WebGPURenderer, R3F·Babylon.js 8·PlayCanvas·TresJS·Needle Engine·Wonderland·Spline·PixiJS 8까지, 그리고 WGSL·TSL·컴퓨트 셰이더·브라우저 ML·gltf-transform·KTX2까지 한 호흡으로 정리한다.
2026-05-16 · 31 분 읽기 #webgpu#webgl#three-js#r3f#babylon-js웹 표준 & CSS 2026 — Container Queries / View Transitions / Popover / Anchor Positioning / Scroll-driven Animations 심층 가이드
2026년, 웹 플랫폼은 마침내 우리가 10년 동안 기다려온 그 모습이 되었다. Container Queries는 컴포넌트 단위 반응형의 기본기가 되었고, View Transitions API는 단일 페이지를 넘어 크로스-도큐먼트까지 확장되어 SPA 없이도 매끄러운 페이지 전환이 가능해졌다. Popover API는 모달의 표준이 되었고, Anchor Positioning은 툴팁/팝오버 배치의
2026-05-16 · 24 분 읽기 #web-standards#css#container-queries#view-transitions#popover-api브라우저에서 진짜 GPU 컴퓨트 — WebGPU 컴퓨트 셰이더와 WGSL 실전 가이드 2026
WebGPU의 진짜 매력은 3D가 아니라 컴퓨트다. 브라우저에서 행렬 곱, ML 추론, 이미지 필터, 병렬 리덕션을 — CUDA도 wasm도 아닌 — WGSL로 굴린다. 워크그룹·디스패치·바인드 그룹·스토리지 버퍼를 처음부터, '내 첫 병렬 합' 튜토리얼까지, WebGPU 컴퓨트의 모델과 한계와 실전 패턴을 한 호흡으로 정리한다.
2026-05-14 · 27 분 읽기 #webgpu#compute-shader#wgsl#gpu-computing#browser웹의 3D 개발 2026 — Three.js·R3F·WebGPU·Gaussian Splatting까지 (현대 3D 웹 스택 심층 가이드)
WebGL의 시대는 끝났다. 2026년 1월, WebGPU가 Chrome·Edge·Firefox·Safari 26에서 Baseline이 되면서 웹 3D는 새로운 페이지에 들어섰다. Three.js r182가 WebGPURenderer를 기본으로 권장하고, TSL이 GLSL과 WGSL을 통합하고, React Three Fiber v9이 비동기 gl prop을 받아들이고, Gaussian Spl
2026-05-14 · 30 분 읽기 #3d#web-3d#threejs#react-three-fiber#webgpu웹 플랫폼 2025 완전 정복: Container Queries·:has()·CSS Nesting·Subgrid·Popover API·Anchor Positioning·WebGPU·WASI·Speculation Rules·Baseline 2024-2025 — Season 6 Ep 5
플랫폼이 커지면 프레임워크는 가벼워진다. 2024-2025년 웹 플랫폼에 도착한 핵심 기능 총정리. Container Queries·@container, :has() 부모 선택자, CSS Nesting 네이티브, Subgrid, Popover API, Dialog element, CSS Anchor Positioning, Web Components 2025 현주소, WebGPU의 현재, Fi
2026-04-15 · 15 분 읽기 #web-platform#container-queries#has-selector#css-nesting#css-subgridWebAssembly & 엣지 컴퓨팅: 브라우저 AI 추론, Cloudflare Workers, IoT Wasm까지
WebAssembly 구조부터 Rust로 Wasm 컴파일, WebGPU 브라우저 AI 추론, Cloudflare Workers 엣지 배포, IoT WasmEdge까지 차세대 엣지 컴퓨팅 완전 가이드입니다.
2026-03-17 · 20 분 읽기 #webassembly#엣지컴퓨팅#cloudflareworkers#webgpu#wasi