- Published on
안 쓰고 있다면 진짜 이건 손해입니다: Chrome DevTools MCP
#Chrome-DevTools#MCP#Puppeteer...
Chrome에서 공식 제공하는 DevTools MCP로 console 디버깅, 바이브 코딩, AI 기반 E2E 시나리오 자동 생성까지. Puppeteer, Playwright와는 차원이 다른 개발 경험을 소개합니다.
Latest
duck blog는 최신 웹 개발, 소프트웨어 엔지니어링, 그리고 다양한 취미생활에 관한 깊이 있는 정보와 유용한 팁을 공유합니다. 기술 트렌드, 실용적인 개발 팁, 엔지니어링 이슈, 흥미로운 취미 이야기까지 한 곳에서 만나보세요!"
- 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을 활용하는 꿀팁!- Published on
웹 성능을 극대화하는 서비스 워커 실전 가이드
#Service-Worker#Web-Performance#Caching...웹 애플리케이션 성능을 극대화하는 서비스 워커 활용법을 소개합니다.- Published on
HLS 스트리밍 이해하기: 적응형 비트레이트와 m3u8 파일 설명
#HLS#스트리밍#적응형-비트레이트...HLS의 개념과 장점, 기존 스트리밍 방식과의 차이점, Safari에서 기본 지원하는 이유, 다른 브라우저에서 사용하는 방법, m3u8 파일 구조 및 예제 코드까지 모두 정리했습니다. 또한 iOS 특정 버전에서 발생하는 HLS.js 스트리밍 이슈와 해결 방법을 추가했습니다.- Published on
7년 차 프론트엔드 개발자의 회고: 성장, 도전, 그리고 GPT 시대
#프론트엔드#개발자-회고#커리어-성장...프론트엔드 개발자로 7년을 보낸 여정을 돌아보며 성장 과정, 기술 도전, 그리고 GPT 시대의 변화에 대해 이야기합니다.- Published on
프론트엔드 개발에서의 Virtualized Rendering 이해하기
#프론트엔드#virtualized-rendering#인피니티-스크롤...대규모 리스트와 인피니티 스크롤을 효율적으로 관리하기 위한 virtualized rendering의 원리와 사용 방법을 알아봅니다.
Subscribe to the newsletter