- Published on
React의 역사: 0.4부터 19.2까지, 동시성과 패러다임의 위대한 타임라인
#React
React 0.4 시절의 이단아부터 19.2 동시성의 완성까지. 클래스에서 함수형으로의 전환 이유와 Suspense, RSC가 주도하는 프론트엔드 생태계의 진화를 돌아봅니다.
Welcome to Duck Blog
프로덕트 엔지니어로서의 기술적 지식을 나누고 기록하려고 합니다.
Explore Categories
Latest Posts
- Published on
블로그 프로젝트를 갈아엎은 이야기 — Next.js 12에서 16으로, 파일 기반에서 클라우드 CMS로
#develop- Published on
2025년, 개발자로 성장한 한 해를 되돌아보며
#daily#retrospect#개발자...2025년 한 해 동안 개발자로서 경험한 기술적 성장, 주요 프로젝트, 그리고 개인적 깨달음들을 솔직하게 돌아보는 회고록입니다.- Published on
HTTP/2 실무 현실 점검하기 (2편): 백엔드와 프론트엔드 개발자가 실제로 확인하는 방법
#http2#web#performance...실무에서 HTTP/2를 제대로 활용하고 있는지 확인하는 구체적인 방법들을 소개합니다. 브라우저 개발자 도구, 백엔드 서버 설정, 프론트엔드 최적화 점검부터 성능 측정까지 실제 프로젝트에서 바로 적용할 수 있는 실무 가이드입니다.- Published on
HTTP/2 탄생 배경과 핵심 기술 이해하기 (1편): APLN 오류로 시작된 HTTP/2 학습기
#http2#web#performance...APLN 오류를 겪으며 깨달은 HTTP/2 지식 부족. HOL 블로킹 문제부터 Google SPDY, 그리고 HTTP/2의 4가지 핵심 기술까지 체계적으로 정리했습니다.- Published on
GEO/AEO 컨설팅 제안을 받고 깨달은 마케팅 용어의 진실
#SEO#GEO#AEO...GEO 전문가라는 분이 "AI 시대 필수 최적화"라며 컨설팅을 제안했습니다. 호기심에 알아보니 놀라운 사실을 발견했습니다. SEO를 10년간 해온 개발자가 직접 분석한 GEO/AEO의 실체를 공유합니다.- Published on
안 쓰고 있다면 진짜 이건 손해입니다: Chrome DevTools MCP
#Chrome-DevTools#MCP#Puppeteer...Chrome에서 공식 제공하는 DevTools MCP로 console 디버깅, 바이브 코딩, AI 기반 E2E 시나리오 자동 생성까지. Puppeteer, Playwright와는 차원이 다른 개발 경험을 소개합니다.- Published on
웹 컴포넌트와 LIT - 멀티 프레임워크 환경에서의 접근법
#LIT#WebComponents#프론트엔드...서로 다른 프레임워크 환경에서 동일한 컴포넌트를 사용해야 하는 상황에서 웹 컴포넌트와 LIT를 활용한 해결 방법을 다룹니다.- Published on
SOLID 원칙으로 React 코드 품질 높이기 - 프론트엔드 설계 가이드
#SOLID#React#TypeScript...React 프로젝트 코드가 복잡해질 때 SOLID 원칙으로 해결하세요. TypeScript 예제와 실무 패턴으로 유지보수하기 쉬운 컴포넌트 설계법을 배워보세요.- Published on
이미지 업로드 UX를 살리는 Web Worker 활용법 – 성능 이슈 해결기
#Web-Worker#프론트엔드-성능#이미지-최적화...이미지 업로드 시 발생하는 렌더링 지연과 UX 저하 문제를 Web Worker로 어떻게 해결했는지 실제 구현 기반으로 소개합니다.