태그: #browser
GPU·LLM·MLOps·쿠버네티스, 그리고 마음가짐에 관한 글 · 10 편
국내 개발 블로그 명글 큐레이션 4 — 프론트엔드, 직접 열어 확인한 14편
프론트엔드 주제로 한국어로 쓰인 글 중에서 설명이 구체적이고 재현 가능한 14편을 골랐습니다. 실행 컨텍스트로 설명하는 클로저, 자바스크립트가 프로토타입을 택한 배경, 타입스크립트 조건부 타입과 infer, 타입 시스템이 증명처럼 작동하는 이유, 리플로우와 리페인트, React Fiber 리컨실러, useLayoutEffect로 잡은 마커 렌더링, 번들러 네 종의 계보, 선언적 프로그래밍에
2026-08-12 · 22 분 읽기 #curation#큐레이션#frontend#javascript#typescript브라우저에서 시스템을 시뮬레이션하기 — WASM이 가능하게 한 것과 여전히 막는 것
2026년 7월 말 해커뉴스에 올라온 ccsim은 gVisor의 사용자 공간 TCP 스택 두 벌을 통째로 WebAssembly로 빌드해 브라우저 워커에서 돌립니다. v86은 x86 CPU를 WASM으로 JIT 컴파일해 윈도우 98을 부팅시키고, WebVM은 CheerpX 위에서 수정하지 않은 데비안을 띄웁니다. 이 글은 이런 브라우저 시뮬레이터들이 공유하는 패턴과 제약을 정리합니다. 원시 소
2026-07-31 · 28 분 읽기 #webassembly#wasm#simulation#browser#systemsJPEG XL의 귀환은 어디까지 진짜인가 — Chromium 번복 후 8개월, 소스로 확인한 현재 위치
2022년 10월 Chromium은 생태계 관심 부족을 이유로 JPEG XL 코드를 제거했고, 이 결정은 3년 넘게 이미지 포맷 논쟁의 대표 사례로 남아 있었습니다. 2025년 11월 22일 Chrome ATL은 4년 전 바로 그 blink-dev 스레드에서 입장을 번복했습니다 — 단 "성능 좋고 메모리 안전한 디코더 기여"와 "기본 활성화를 위한 장기 유지보수 약속"이라는 조건이 붙어 있습
2026-07-17 · 22 분 읽기 #multimedia#jpeg-xl#chromium#browser#web-performanceContent-Encoding: zstd, Safari 26.3으로 3대 엔진이 채워졌다 — 그리고 다음 단계인 RFC 9842 사전 압축
2026년 2월 Safari 26.3이 Content-Encoding: zstd를 지원하면서, Chrome 123(2024-03)·Firefox 126(2024-05)에 이어 3대 브라우저 엔진이 모두 zstd 응답을 받게 됐습니다. 협상 기반이라 도입 리스크는 낮지만, 서버 쪽은 아직 비대칭입니다 — nginx와 Apache httpd에는 공식 zstd 모듈이 없고, 현실적인 경로는 CDN
2026-07-17 · 20 분 읽기 #performance#web#network#browserllama.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#browser브라우저에서 진짜 엔진이 돈다: WebAssembly 개발 도구 모음
Pyodide로 도는 진짜 파이썬, PGlite로 도는 진짜 PostgreSQL, ffmpeg.wasm으로 처리하는 동영상까지. 이 사이트에 새로 추가한 WebAssembly 기반 브라우저 도구들을 둘러보며, WASM이 왜 서버 없이 근접 네이티브 속도를 내는지, 어떻게 로드되는지, 그리고 현실적인 한계는 무엇인지 실무 관점에서 정리합니다.
2026-07-03 · 17 분 읽기 #webassembly#wasm#developer-tools#browser#toolingAI 검색 & 차세대 브라우저 2026 — Perplexity / Kagi / Arc Search / Dia / ChatGPT Search / Claude / Brave Leo 심층 가이드
2026년 검색은 더 이상 "링크 10개"가 아니다. Perplexity, Kagi, ChatGPT Search, Claude, Arc/Dia, Brave Leo, DuckDuckGo, Phind, Exa까지 — Answer engine, 유료 검색, AI 브라우저 3대 흐름을 한 번에 정리한다.
2026-05-16 · 42 분 읽기 #ai-search#search-engine#browser#perplexity#kagi브라우저에서 진짜 GPU 컴퓨트 — WebGPU 컴퓨트 셰이더와 WGSL 실전 가이드 2026
WebGPU의 진짜 매력은 3D가 아니라 컴퓨트다. 브라우저에서 행렬 곱, ML 추론, 이미지 필터, 병렬 리덕션을 — CUDA도 wasm도 아닌 — WGSL로 굴린다. 워크그룹·디스패치·바인드 그룹·스토리지 버퍼를 처음부터, '내 첫 병렬 합' 튜토리얼까지, WebGPU 컴퓨트의 모델과 한계와 실전 패턴을 한 호흡으로 정리한다.
2026-05-14 · 27 분 읽기 #webgpu#compute-shader#wgsl#gpu-computing#browserWebAuthn & Passkeys Deep Dive — FIDO2, Attestation, Passkey Sync, 피싱 내성 인증 완전 정복 (2025)
Apple, Google, Microsoft가 2024-2025년에 모두 본격 지원 시작한 암호 없는 인증 체계, Passkeys. 이 글은 WebAuthn과 Passkeys를 처음부터 해부합니다. FIDO U2F에서 FIDO2로의 진화, WebAuthn의 4 actor 모델, Registration과 Authentication ceremony, CBOR과 COSE 키 포맷, Attestat
2026-04-15 · 37 분 읽기 #webauthn#passkey#fido2#authentication#cryptography브라우저는 어떻게 동작하는가: URL 입력부터 픽셀 렌더링까지 — 프론트엔드 면접 필수 지식
브라우저 동작 원리의 모든 것! DNS→TCP→HTTP→HTML 파싱→DOM/CSSOM→렌더 트리→레이아웃→페인트→합성, Critical Rendering Path 최적화, 리플로우/리페인트, requestAnimationFrame, Web Worker까지.
2026-03-24 · 27 분 읽기 #browser#rendering#dom#cssom#layout