3장 홈페이지 최적화 본 글은 “웹 개발 스킬을 한 단계 높여주는 프론트엔드 성능 최적화 가이드” 책의 공부내용으로 기억력이 좋지 않은 미래의 나를 위한 정리글입니다. git 3.1 이미지 지연로딩 문제 상황 : 처음 페이지에 들어오면 비디오가 표현되는데, 스크롤을 내려야 표현되는 이미지정보가 ...

2장 올림픽 통계 서비스 최적화 본 글은 “웹 개발 스킬을 한 단계 높여주는 프론트엔드 성능 최적화 가이드” 책의 공부내용으로 기억력이 좋지 않은 미래의 나를 위한 정리글입니다. git 2.1 CSS 애니메이션 최적화 브라우저의 렌더링과정 DOM+CSSOM → 렌더트리 → 레이아웃 → 페인트 → 컴포지트...

1장 블로그 서비스 최적화 본 글은 “웹 개발 스킬을 한 단계 높여주는 프론트엔드 성능 최적화 가이드” 책의 공부내용으로 기억력이 좋지 않은 미래의 나를 위한 정리글입니다. git 1.1 LightHouse Lighthouse란 웹 페이지의 품질을 측정하는 데 사용되는 오픈 소스 도구 여기서 기...

문제 프로그래머스-조이스틱 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 조이스틱으로 알파벳 이름을 완성하세요. 맨 처음엔 A로만 이루어져 있습니다. ex) 완성해야 하는 이름이 세 글자면 AAA, 네 글자면 AAAA 조이스틱을 각 방향으로 움직이면 아래와 같습니다. ▲ - 다음 알파벳...

1. 개요 이미지는 웹 페이지의 전체 데이터 용량에서 상당한 비율을 차지합니다. HTTP Archive에 따르면, 가장 영향력 있는 리소스는 이미지로 HTML, CSS, JavaScript와 글꼴 전체를 합친량보다 많다고 합니다. 2022 HTTP Archive 보고서 출처 즉 사용자 경험을 향상시키...