본문 바로가기

react2

사이트와 앱 디버깅 최적화 및 취약점 분석에 React Developer Tools 활용 React Developer Tools는 React로 빌드된 웹 사이트와 모바일 앱을 디버깅하고 최적화하는 데 필수적인 도구입니다. 이 도구를 사용하면 개발자는 React 컴포넌트의 계층 구조를 시각적으로 검사하고, 각 컴포넌트의 props와 state를 실시간으로 편집하며, 성능 문제를 식별할 수 있습니다. 다음은 React Developer Tools를 설치하고 사용하는 방법에 대한 기본적인 내용입니다. React Developer Tools 설치 방법 브라우저 확장 프로그램 Chrome, Firefox, Edge: 이러한 브라우저에서는 React Developer Tools를 브라우저 확장 프로그램으로 직접 설치할 수 있습니다. 설치 후, React로 빌드된 웹 사이트를 방문하면 도구가 자동으로 활.. 2024. 3. 5.
Prometheus 시스템 및 서비스 모니터링 시스템 프로메테우스는 Cloud Native Computing Foundation(CNCF) 프로젝트로, 시스템 및 서비스 모니터링 시스템입니다. 프로메테우스는 구성된 대상으로부터 지정된 간격으로 메트릭을 수집하고 규칙 표현식을 평가하여 결과를 표시하며, 지정된 조건이 관찰되면 알림을 트리거할 수 있습니다. 프로메테우스를 다른 메트릭 및 모니터링 시스템과 구별하는 기능은 다음과 같습니다. 다차원 데이터 모델 (메트릭 이름 및 키/값 차원 세트에 의해 정의된 시계열 데이터) PromQL이라는 강력하고 유연한 쿼리 언어를 사용하여 이 다차원성을 활용 분산 저장에 대한 종속성이 없으며, 단일 서버 노드는 자체적으로 동작 시계열 데이터 수집을 위한 HTTP 풀 모델 배치 작업을 위한 중간 게이트웨이를 통해 시계열 데이.. 2023. 10. 2.