반응형 FrontEnd/BookMark3 웹 사이트에서의 프론트엔드 성능 측정 방법 - Lighthouse, Chrome DevTools 등의 도구 활용 소개 프론트엔드 개발자들은 웹 사이트의 성능을 최적화하는 것이 중요한 역할 중 하나입니다. 사용자들은 느린 웹 사이트를 경험하면서 불만을 표현하고, 이는 사용자 경험과 비즈니스 성과에 영향을 미칩니다. 이러한 이유로, 프론트엔드 개발자들은 웹 사이트의 성능을 측정하고 최적화하는 방법을 알아야 합니다. 이 글에서는 프론트엔드 개발자들이 웹 사이트의 성능을 측정하는 방법에 대해 알아보겠습니다. 이를 위해 Lighthouse와 Chrome DevTools 등의 도구를 활용하여 성능 측정을 수행하는 방법을 살펴보겠습니다. Lighthouse Lighthouse는 Google에서 개발한 오픈소스 도구로, 웹 사이트의 성능, 접근성, PWA(Porogressive Web App) 등을 측정할 수 있습니다. Ligh.. 2023. 4. 8. 기술 블로그 & 기술 콘텐츠 플랫폼 모음 🧑🏻💻✨ 개발자로서 빠르게 성장하고 싶다면 어떻게 해야 될까요? 저는 책을 통해 깊게 공부하면서 기술 블로그를 통해 최신 동향을 파악하는 것이 좋다고 생각합니다. 저는 컴퓨터 공학을 전공하지는 않았지만, 개발자로 일하고 있습니다. 흔히 말해 비전공자 개발자죠. 그래도 국비교육을 듣기만 하면 원하는 웹사이트를 자유롭게 뚝딱 만들어 낼 수 있을 줄 알았습니다. 하지만 제대로 된 개발을 하기 위해 배워야 하는 것의 총량이 10이라면 국비교육은 그 중에 1을 배우는 곳이었습니다. 실무에서는 배운 것보다 훨씬 많은 것들을 해내야 했기 때문입니다. 하늘이 무너져도 솟아날 구멍은 있다죠? 그런 저에게 가장 많은 도움을 준 것은 책과 기술 블로그였습니다 :) 개인적인 경험에 비추어 생각했을 때, 개발에 사용하는 언어와 프레임워.. 2023. 1. 13. 프로그래밍 언어, 개발 툴 아이콘이 필요할 때 유용한 사이트 : ‘DEVICON’ ✨ 프로그래밍 언어, 개발 툴 아이콘이 필요할 때 유용한 사이트 추천해요. 👍🏻✨ 바로바로! DEVICON (🔗 링크) 프로그래밍을 배우고 있거나, 개발자로 일을 하고 있다면 종종 프로그래밍 언어와 개발 툴의 아이콘을 필요로 할 때가 있는데요. 저는 그럴 때 마다 Flaticon이나 비슷한 사이트에서 필요한 아이콘을 일일이 찾아 사용했었습니다. 시간도 너무 오래 걸리고, 일일이 파일로 저장을 해줘야 하는게 불편했는데 이런 불편함을 해소 시켜줄 좋은 사이트를 찾아 소개합니다. 😀 DEVICON 사이트에는 거의 모든 프로그래밍 언어와 개발 툴 아이콘이 다 있어서 이전처럼 수고롭게 아이콘 이미지를 수집할 필요가 없어요. 👍🏻 특별히 원하는 아이콘 디자인이 있는 것이 아니라면요. 이미지 파일 저장뿐만 아니라, HT.. 2023. 1. 3. 이전 1 다음 반응형
