#dom-manipulation 아티클 모음

Dev.to

CSS Variables와 LocalStorage를 활용한 상태 지속형 다크모드 구현

The Easiest Way to Add Dark Mode to Your Website

Frontendbeginner9 분 소요8시간 전

Dev.to

DOM 직접 제어를 통한 태그별 Typography 최적화 확장 프로그램 구현

I built a Chrome extension to stop squinting at the web

Frontendbeginner4 분 소요3일 전

Dev.to

YouTube SPA 환경 내 DOM 지속성 확보를 통한 실시간 종료 시간 계산 확장 프로그램 구현

I Built a Safari Extension That Shows When Your YouTube Video Ends

Frontendbeginner7 분 소요5일 전

Dev.to

Gemma 4 기반 문맥 인식 번역 및 MutationObserver 기반 최적화된 DOM 핸들링 구현

I Built a Chrome Extension That Teaches Vocabulary While You Browse

Frontendintermediate18 분 소요5일 전

Dev.to

Re-render 최적화를 위한 Mutable Reference 기반의 상태 유지 전략

Understanding useRef in React: Concepts, Use Cases, and Examples

Frontendbeginner9 분 소요6일 전

Dev.to

Re-render 제거를 통한 React 애플리케이션의 DOM 제어 및 상태 관리 최적화

The Hidden Power of useRef in React

Frontendbeginner10 분 소요6일 전

Dev.to

UI 메타데이터 기반 Markdown Prompt 자동화를 통한 LLM 코딩 루프 최적화

Markagent: turn any UI click into a perfect prompt for Claude Code, Cursor, and Codex

Frontendintermediate10 분 소요2026년 5월 19일

Dev.to

React DOM 재렌더링 극복 및 getDisplayMedia 후킹 기반의 실시간 Privacy 보호 시스템 구축

I Was Live on Meet When WhatsApp Popped Up, Here's What I Built to Make Sure It Never Happens Again

Frontendintermediate7 분 소요2026년 5월 18일

Dev.to

isTrusted flag와 프레임워크 상태 불일치 해결을 통한 macOS 브라우저 자동화 정밀도 확보

Why element.click() Isn't a Click

Frontendadvanced11 분 소요2026년 5월 17일

Dev.to

MV3 기반 Scroll Position 복구 로직을 통한 브라우저 컨텍스트 스위칭 구현

I Built the Chrome Feature Google Never Shipped

Frontendintermediate10 분 소요2026년 5월 16일

Dev.to

Angular의 강한 제약 조건을 활용한 엔터프라이즈급 SPA 구조 설계

Claprec: Frontend - Angular, NgRx, and OpenAPI (3/6)

Frontendintermediate58 분 소요2026년 5월 15일

Dev.to

Vanilla JS 기반 Index 매핑을 통한 Zero-Dependency Tab UI 구현

Building Simple Tabs with Vanilla JavaScript

Frontendbeginner7 분 소요2026년 5월 15일

Dev.to

Next.js와 Canvas API 기반 60FPS 고성능 BI 대시보드 구현

Beyond the Grid: Engineering Surgical BI Dashboards with Next.js and Canvas APIs

Frontendadvanced6 분 소요2026년 5월 14일

Dev.to

데이터 규모와 목적별 렌더링 엔진 최적화를 통한 Timeline UI 설계

Top 7 Timeline Visualization Components for Modern Web Apps in 2026

Frontendintermediate25 분 소요2026년 5월 7일

Dev.to

Virtual DOM 기반 Diffing 알고리즘을 통한 최소 DOM 조작 및 렌더링 최적화

Virtual Dom Explained in React

Frontendbeginner12 분 소요2026년 5월 6일

Dev.to

신뢰 기반 도메인 취약점을 이용한 XSS 공격 방어 및 출력 인코딩 설계 전략

XSS Explained: How Attackers Execute JavaScript Inside Your Application

Securitybeginner10 분 소요2026년 5월 5일

Dev.to

CSS Custom Properties와 JS를 통한 하이브리드 테마 엔진 구현

Dark Mode in Firefox Extensions: Respecting System Preferences

Frontendbeginner10 분 소요2026년 5월 3일

Dev.to

Unicode Bidi 알고리즘 한계를 극복한 BiDi Parser 기반 텍스트 렌더링 최적화

عملت Chrome Extension يصلح مشكلة النص العربي في البراوزر

Frontendintermediate2 분 소요2026년 5월 3일

Dev.to

LinkedIn의 ProseMirror → Quill 전환에 따른 DOM-Model 불일치 해결 및 API 기반 자동화 구현

LinkedIn Quietly Migrated From ProseMirror to Quill — and Broke Every Browser Automation Tool That Touched the Composer

Frontendintermediate10 분 소요2026년 5월 3일

Dev.to

CDN 기반 Emoji 렌더링 및 다이내믹 Typography 제어 시스템 구축

SOoooo I made an extension

Frontendbeginner2 분 소요2026년 5월 2일