#image-optimization

seo open-graph noindex robots-txt nextjs pnpm monorepo workspace dependency-management catalog vercel aws amplify ecs fargate deployment react hydration use-id create-portal create-root cookie http-only csrf xsrf-token same-site web-security middleware rewrite sso slo authentication idp frontend bff resize-observer css-variables performance rendering typescript variance type-safety strict-function-types covariance image-optimization browser-image-compression jszip web-worker frontend-performance postmessage react-hook-form browser-api next-js healthkit ios swift workout apple-watch watchos react-19 useeffect render anti-pattern turborepo semver 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 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 nice-auth post-vs-get callback in-app-browser ssg static-site-generation getstaticprops getstaticpaths css contain browser javascript animation lerp linear-interpolation requestanimationframe code-splitting react-lazy dynamic-import preloading reflow repaint composite-layer transform will-change browser-rendering 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 route53 dns domain txt-record intersection-observer infinite-scroll chat-ui scroll-behavior 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

2026년 6월 5일Article

브라우저 이미지 최적화 파이프라인 구축기

엑셀과 이미지 ZIP으로 PPT 슬라이드를 생성하는 서비스에서, 서버 업로드 전에 브라우저 단에서 ZIP 내부 이미지를 리사이징해 payload를 줄였다.

READ MOREREAD MORE→

2026년 3월 27일Article

CDN이 뭔지 모르는 프론트엔드 개발자를 위한 CDN 입문

CDN의 개념부터 이미지 최적화, JS 라이브러리 로딩까지. "대충 아는" 상태가 답답해서 한번 제대로 파봤다.

READ MOREREAD MORE→