May 2025
Beginner to intermediate
170 pages
2h 15m
Korean
Content preview from 실용적인 모니터링
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
6장. 프런트엔드 모니터링
이 작품은 AI를 사용하여 번역되었습니다. 여러분의 피드백과 의견을 환영합니다: translation-feedback@oreilly.com
많은 회사에서 프론트엔드 모니터링을 간과하는 경우가 많은데, 이는 보통 모니터링이 "운영팀의 고유 업무"이기 때문입니다. 일반 시스템 관리자/운영 엔지니어는 공개 웹 서버를 제외하고는 앱의 프론트엔드에 대해 생각하지 않는 경우가 많습니다. 안타깝게도 이는 곧 알게 되겠지만 꽤 큰 사각지대를 의미합니다.
이 장에서는 프론트엔드 모니터링을 위한 다양한 접근 방식을 살펴봄으로써 왜 이것이 사각지대인지, 그리고 이를 개선하는 방법에 대해 이야기하겠습니다. 시간이 지나도 성능 향상을 잃지 않도록 이미 사용 중인 다른 도구에 프런트엔드 모니터링을 통합하는 방법으로 이 장을 마무리하겠습니다.
프런트엔드 모니터링이란 무엇인가요? 프론트엔드는 브라우저 또는 기본 모바일 앱을 통해 클라이언트 측에서 파싱되고 실행되는 모든 것으로 정의합니다. 웹 페이지를 로드할 때 HTML, CSS, JavaScript, 이미지가 모두 프론트엔드를 구성합니다. 웹앱이 데이터베이스에서 데이터를 가져오고, 백엔드 코드(예: Python, PHP)를 실행하거나, 데이터를 위해 API를 호출하는 모든 작업은 백엔드에 해당합니다. 점점 더 많은 작업이 백엔드 앱에서 프론트엔드로 이동함에 따라 이러한 구분이 다소 모호해질 수 있습니다.
실제로 단일 페이지 앱 (SPA)이 확산되면서 HTTP 오류의 급증 없이 JavaScript 오류만 급증하는 경우가 종종 발생합니다. 기존의 모니터링 접근 방식은 클라이언트 측 브라우저 앱의 세계에는 적합하지 않습니다.
프론트엔드 성능에 접근하는 방식은 익숙한 방식과 조금 달라질 것입니다. 프론트엔드 성능 모니터링의 목표는 유지가 아니라 빠른 로딩입니다. 시간이 지남에 따라 앱에 새로운 기능을 개발하면 정적 자산, 즉 모든 이미지, JavaScript, CSS의 크기로 인해 프론트엔드 성능이 저하되는 습관이 있습니다.
성능을 평가하고 시간이 지나도 개선 사항을 놓치지 않도록 하기 위한 전략을 사용하면 프론트엔드 성능이 항상 향상되거나 적어도 현재 상태를 항상 파악할 수 있습니다.
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.