#dom

postmessage react-hook-form browser-api frontend next-js healthkit ios swift workout apple-watch watchos react react-19 useeffect render anti-pattern monorepo pnpm turborepo semver workspace package-management python venv virtual-environment troubleshooting gps pedometer live-activity react-native auto-pause claude-code remote-control mobile-development web-session productivity rtk token-optimization figma-api developer-tools cdn image-optimization nextjs performance infrastructure mermaid mdx diagram aws-s3 presigned-url file-upload hmac security agentic-loop token-flow hooks prompt-caching shell-script automation figma cli skill agent responsive-publishing context-window subagent team multi-agent ai-collaboration publishing claude-md memory ai-workflow history-api form xcode eas expo widget swiftui app-group sandbox html accessibility a11y seo nice-auth authentication post-vs-get callback in-app-browser ssg static-site-generation getstaticprops getstaticpaths css contain rendering browser javascript animation lerp linear-interpolation requestanimationframe code-splitting react-lazy dynamic-import preloading reflow repaint composite-layer transform will-change browser-rendering browser-image-compression image-upload mobile-web docusaurus mintlify documentation openapi static-site-generator 3d-transform perspective transform-style search-console sitemap metadata canonical jsx transpile ast virtual-dom dom reconciliation synthetic-event flux declarative immutability frontend-history mvc mvvm jquery backbone swiper oauth user-agent-detection post-message session-storage ssr isr cache-control vercel aws route53 dns domain txt-record intersection-observer infinite-scroll chat-ui scroll-behavior typescript vpc ec2 iam cloud-basics performance-now dom-high-res-timestamp monotonic-clock user-timing-api node-perf-hooks jenkins ci-cd github-webhook kubernetes docker cicd continuous-integration continuous-delivery continuous-deployment devops data-structure map set git github fork clone version-control oss-contribution generics type-system keyof interface git-branch remote prune closure lexical-scope execution-context deep-dive lexical-environment hoisting scope this binding cssom render-tree tcp first-class-object function arguments var let const type-alias redux redux-toolkit state-management mouse-event drag

2025년 2월 19일Article

React 가상 DOM 동작 정리

실제 DOM과 가상 DOM의 차이, 재조정과 리플로우, DocumentFragment까지 가상 DOM이 풀고 있는 문제들을 한 번에 짚어봤다.

READ MOREREAD MORE→

2022년 7월 8일Article

브라우저가 화면을 그리기까지의 과정 정리

DNS 조회부터 Composition까지, 브라우저가 웹사이트를 띄울 때 내부에서 벌어지는 흐름을 Construction과 Operation 두 단계로 짚어봤다.

READ MOREREAD MORE→