- Published on
실무에서 HTTP/2를 제대로 활용하고 있는지 확인하는 구체적인 방법들을 소개합니다. 브라우저 개발자 도구, 백엔드 서버 설정, 프론트엔드 최적화 점검부터 성능 측정까지 실제 프로젝트에서 바로 적용할 수 있는 실무 가이드입니다.
All Posts
All Posts
- programmers (11)
- algorithm (8)
- web (6)
- daily (5)
- 프론트엔드 (4)
- retrospect (3)
- AI (3)
- sort (3)
- dfs (3)
- bfs (3)
- 2021 (2)
- 2022 (2)
- React (2)
- 개발자 (2)
- http2 (2)
- performance (2)
- SEO (2)
- 검색 엔진 최적화 (2)
- TypeScript (2)
- Web Worker (2)
- 대만 여행 (2)
- 환전 (2)
- MRT (2)
- 수수료 면제 (2)
- 여행 꿀팁 (2)
- ATM (2)
- js (2)
- nextjs (2)
- 튀르키예여행 (1)
- 터키여행 (1)
- 카파도키아 (1)
- 동굴호텔 (1)
- 아르테미스케이브스위트 (1)
- 괴레메숙소 (1)
- 열기구예약 (1)
- develop (1)
- 회고 (1)
- 성장 (1)
- spdy (1)
- multiplexing (1)
- hpack (1)
- backend (1)
- frontend (1)
- devtools (1)
- optimization (1)
- GEO (1)
- AEO (1)
- 마케팅 (1)
- Chrome DevTools (1)
- MCP (1)
- Puppeteer (1)
- Playwright (1)
- 브라우저 자동화 (1)
- E2E 테스트 (1)
- 개발 도구 (1)
- LIT (1)
- WebComponents (1)
- ShadowDOM (1)
- CustomElements (1)
- 마이크로프론트엔드 (1)
- Polymer (1)
- SOLID (1)
- 클린코드 (1)
- 설계패턴 (1)
- 컴포넌트설계 (1)
- 코드품질 (1)
- 리팩토링 (1)
- 객체지향 (1)
- 소프트웨어아키텍처 (1)
- 프론트엔드 성능 (1)
- 이미지 최적화 (1)
- OffscreenCanvas (1)
- browser-image-compression (1)
- Safari (1)
- 브라우저 리로드 (1)
- 메모리 초과 (1)
- 이미지 디코딩 (1)
- Service Worker (1)
- Web Performance (1)
- Caching (1)
- HLS (1)
- 스트리밍 (1)
- 적응형 비트레이트 (1)
- m3u8 (1)
- 개발자 회고 (1)
- 커리어 성장 (1)
- Next.js (1)
- GPT (1)
- 일본 개발 문화 (1)
- virtualized rendering (1)
- 인피니티 스크롤 (1)
- 대규모 리스트 (1)
- 성능 최적화 (1)
- JavaScript (1)
- CommonJS (1)
- ES6 Modules (1)
- Web Development (1)
- Build Tools (1)
- 프론트엔드 개발 (1)
- 웹사이트 성능 (1)
- 트래픽 증가 (1)
- Webpack (1)
- 번들러 (1)
- Vite (1)
- esbuild (1)
- 웹 개발 (1)
- safari (1)
- date (1)
- issue (1)
- repaint (1)
- reflow (1)
- react (1)
- react18 (1)
- automatic batching (1)
- 자동 배칭 (1)
- project (1)
- django (1)
- delay (1)
- search (1)
- seo (1)
- canonical (1)
- script (1)
- ready event (1)
- yarn3 (1)
- 일본 취업 (1)
- 해외 경험 (1)
- node (1)
- yarn (1)
- npm (1)
- ci (1)
- pnpm (1)
- dev matching (1)
- cors (1)
- fetch (1)
- axios (1)
- 2020 카카오 인턴십 (1)
- brute force (1)
- hash (1)
- Published on
- Published on
Chrome에서 공식 제공하는 DevTools MCP로 console 디버깅, 바이브 코딩, AI 기반 E2E 시나리오 자동 생성까지. Puppeteer, Playwright와는 차원이 다른 개발 경험을 소개합니다.- Published on
서로 다른 프레임워크 환경에서 동일한 컴포넌트를 사용해야 하는 상황에서 웹 컴포넌트와 LIT를 활용한 해결 방법을 다룹니다.- Published on