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 보고서 출처 즉 사용자 경험을 향상시키...

1. 개요 이전 글에서는 테스트 코드를 작성해 Unit단위의 테스트를 진행하고, 확인하는 과정을 거쳤습니다. 하지만 만들어두고 활용하지 않으면 의미가 없죠. 아무래도 매 작업마다 테스트를 실행하기 위해 명령어를 치고 결과를 확인하는 것은 번거롭고 귀찮기 때문입니다. 저는 개발 브랜치에 PR을 요청 했을때 자동으...

1. 개요 현대 웹 개발 환경은 매우 복잡해졌고, 개발자들은 애플리케이션의 품질을 보장하는데 많은 시간을 투자하고 있습니다. 특히, 프런트엔드 개발에서는 사용자 경험을 최적화하는 것이 중요한데, 이를 달성하기 위해선 코드의 품질과 안정성이 보장되어야 합니다. React를 처음 설치하기 위해 create-react...