API Aggregation 도입을 통한 Frontend Coordination 비용 제거 및 UX 최적화
Your Frontend Isn’t Slow — Your API Architecture Is Broken
Zero-Waste Styling 기반의 Runtime Overhead 최소화 설계
Title: Stop Over-Engineering Your CSS: Meet Traceless-Style, the High-Performance Design System for 2026
Dependency-free 설계 기반의 Signal-driven UI 시스템 구축
What is Glyph UI?
Web Worker 도입을 통한 Main Thread 블로킹 제거 및 60 FPS UI 유지
ReactJs Performance ~ Web Workers for Heavy Computations ~
GPU 가속 기반 Vector Gradient를 통한 이미지 리소스 제거 및 렌더링 최적화
CSS Gradients: A Complete Guide to Linear, Radial, and Conic Gradients
Viewport 의존성 탈피를 통한 Component-Driven UI 설계 혁신
Complete Guide to CSS Container Queries in 2026
Mobile-first Flexbox 설계를 통한 모바일 이탈률 42%에서 12%로 개선
🚀 css flexbox responsive design tutorial — avoid these common layout mistakes
Backend-less 설계로 서버 비용 제로 및 Client-side 성능 극대화
How I Built 20+ Calculators Using Next.js Without a Backend (Fully Client-Side)
Zero-JS 기반 SVG+CSS 조합을 통한 60fps 고성능 애니메이션 구현
Building a Loader Animation with SVG + CSS Only
JS Zero 기반 CSS 전용 렌더러를 통한 차트 번들 크기 제거
Building Charts with Pure CSS — No SVG, No Canvas, No JS Required
SVGO 및 Transfer Compression 조합을 통한 SVG 용량 최대 95% 절감
How to Compress SVG Files: Tools, Techniques, Config
Custom Shortcode 기반 15KB 미만 경량 댓글 시스템 구축
How to Add Comments to an Eleventy Site (with a Custom Shortcode)
conic-gradient와 pseudo-element를 활용한 고성능 Border Animation 구현
Guide to Implementing Border Light Surround Animation Effects
개발자가 특수 문자 검색을 위해 매번 Google 검색하는 비효율을 해결하기 위해 Web Worker와 Intersection Observer API를 활용한 SymbolHub 개발
Stop Googling for Symbols: How I Built a Lightning-Fast Unicode Search Tool
Base64 인코딩으로 이미지를 HTML에 인라인 삽입할 때 2-5 KB 범위에서 HTTP 요청 오버헤드와 33% 파일 크기 증가 사이의 임계점 규명
Base64 Encoding Images: When It Helps and When It Hurts Performance
ConvertEase 개발자가 Next.js + Tailwind CSS + Vercel 스택으로 광고 없는 무료 단위 변환기를 구축하고 JavaScript 부동소수점 연산 오류 처리 및 통화 환율 캐싱으로 정확성과 성능 확보
Building a Faster, Ad-Free Unit Converter: Escaping the Paywalls of Utility Apps
올리브영 테크블로그프론트엔드 개발자를 위한 5가지 스크롤 복구 시나리오와 실전 코드 팁
올리브영 프론트엔드팀이 SPA 환경에서 5가지 스크롤 복구 패턴을 제시해 동적 데이터 상황의 스크롤 위치 손실 문제 해결
Slack EngineeringSlack의 DevXP 팀이 git diff 기반 조건부 빌드와 S3 캐시 재사용으로 E2E 파이프라인 빌드 시간을 50% 단축 (10분→2분)
Optimizing Our E2E Pipeline
올리브영 테크블로그B2B 물류 스쿼드 백오피스 프론트엔드 성능 개선
올리브영 B2B 물류 스쿼드가 코드 스플리팅, 폰트 압축, Nginx gzip 압축, 브라우저 캐싱을 조합해 SPA 초기 로딩 시간을 1.6~2.5초에서 0.2초로 단축
올리브영 테크블로그온라인몰 성능개선을 위한 FE 개발자의 고민 part-1
올리브영이 Infinite Scroll을 직접 구현해 페이지 초기 로딩 시 DOM 노드 생성을 뷰포트 영역만으로 제한하고 FCP/LCP 성능을 단축