- Published on
2025년, 개발자로 성장한 한 해를 되돌아보며
#daily#retrospect#개발자...
2025년 한 해 동안 개발자로서 경험한 기술적 성장, 주요 프로젝트, 그리고 개인적 깨달음들을 솔직하게 돌아보는 회고록입니다.
Latest
duck blog는 최신 웹 개발, 소프트웨어 엔지니어링, 그리고 다양한 취미생활에 관한 깊이 있는 정보와 유용한 팁을 공유합니다. 기술 트렌드, 실용적인 개발 팁, 엔지니어링 이슈, 흥미로운 취미 이야기까지 한 곳에서 만나보세요!"
- Published on
HTTP/2 탄생 배경과 핵심 기술 이해하기 (1편): APLN 오류로 시작된 HTTP/2 학습기
#http2#web#performance...APLN 오류를 겪으며 깨달은 HTTP/2 지식 부족. HOL 블로킹 문제부터 Google SPDY, 그리고 HTTP/2의 4가지 핵심 기술까지 체계적으로 정리했습니다.- Published on
HTTP/2 실무 현실 점검하기 (2편): 백엔드와 프론트엔드 개발자가 실제로 확인하는 방법
#http2#web#performance...실무에서 HTTP/2를 제대로 활용하고 있는지 확인하는 구체적인 방법들을 소개합니다. 브라우저 개발자 도구, 백엔드 서버 설정, 프론트엔드 최적화 점검부터 성능 측정까지 실제 프로젝트에서 바로 적용할 수 있는 실무 가이드입니다.- 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로 어떻게 해결했는지 실제 구현 기반으로 소개합니다.- Published on
Safari 브라우저 리로드 현상: 이미지 디코딩이 원인?
#Safari#브라우저-리로드#메모리-초과...Safari에서 특정 페이지가 갑자기 리로드되는 이유는 무엇일까? 이미지 디코딩 과정에서 발생하는 메모리 문제를 분석하고 해결책을 제시한다.- Published on
대만 ATM 환전 꿀팁: 수수료 없이 MRT에서 현금 인출하는 법
#대만-여행#환전#MRT...대만 여행 중 환전 수수료 없이 현금을 인출하는 방법을 소개합니다. MRT에서 쉽게 찾을 수 있는 국태세화은행 ATM을 활용하는 꿀팁!