정리

앞선 두개의 포스팅을 보고 조금 더 좋습니다! [Grafana+Prometheus+Docker] Ubuntu(EC2) 서버 모니터링 (1) [Grafana+Prometheus+Docker] Ubuntu(EC2) 서버 모니터링 (2) Grafana 설치 과정은 위의 포스팅에서 작성했기 때문에 생략하겠습니다. Spring Boot Prometheus 의존성 추가 및 설정 우선 Spring Boot 서버에 Prometheus 의존성을 추가 (Gradle 기준) implementation 'org.springframework.boot:spring-boot-starter-actuator' runtimeOnly 'io.micrometer:micrometer-registry-prometheus' application..

Grafana 설정 초기 ID : admin, 초기 password : admin 으로 로그인 Data Source 설정 우선 Data Source를 가져오기 햄버거 > Connections > DataSources를 클릭 Add new data source 클릭 Prometheus 클릭 Name은 원하는 걸로 설정하고 Prometheus server URL에 {prometheus 컨테이너 이름}:9090 입력 맨 아래의 Save & Test 클릭 시 아래와 같이 뜨면 등록 성공 Dashboard 설정 대시보드를 일일히 설정하기엔 너무 어려우므로 외부 파일을 Import하여 사용 상단 + > Import dashboard 클릭 아래 사이트에서 Download JSON을 통하여 JSON 파일 다운로드 ht..

Node-Exporter 하드웨어의 상태와 커널 관련 메트릭을 수집하는 메트릭 수집기 Prometheus 오픈소스 시스템 모니터링 및 경고 툴킷 Grafana 오픈소스 인터랙티브 데이터 시각화 플랫폼 모니터링 할 메트릭 수집 과정 node exporter가 Ubuntu(EC2)의 상태와 커널 관련 메트릭을 수집하고 HTTP 통신을 통해 매트릭 데이터를 가져갈 수 있게 /metrics 라는 HTTP 엔드포인트를 제공 Prometheus가 node exporter의 엔드포인트로 HTTP GET 요청을 날려 매트릭 정보를 수집 Grafana를 이용해 Prometheus가 수집한 정보를 시각화하여 표시 docker-compose를 이용해 설치 EC2 내부에 docker 관련 파일들을 작성하기 위한 디렉토리 생성..

Window 객체 Window 객체는 웹 브라우저에서 작동하는 JavaScript의 최상위 전역 객체 Window 객체에는 브라우저와 관련된 여러 객체와 속성, 함수가 있음 JavaScript에서 기본적으로 제공하는 프로퍼티와 함수도 포함 BOM(Browser Object Model)로 불리기도 함 alert, confirm, prompt Window 객체의 함수를 호출하면 브라우저에서 제공하는 창을 open alert() : 브라우저의 알림 창 confirm() : 브라우저의 확인/취소 선택 창 prompt() : 브라우저의 입력 창 navigator navigator 객체는 브라우저의 정보가 내장된 객체 navigator의 정보로 서로 다른 브라우저를 구분할 수 있으며, 브라우저 별로 다르게 처리 가..

JavaScript 객체 객체 객체는 이름과 값으로 구성된 프로퍼티의 집합 문자열, 숫자, boolean, null, undefined를 제외한 모든 값은 객체 JavaScript의 객체는 키(Key)와 값(Value)으로 구성된 프로퍼티(Property)들의 집합 전역 객체를 제외한 JavaScript 객체는 프로퍼티를 동적으로 추가하거나 삭제 가능 JavaScript의 함수는 일급 객체이므로 값으로 사용할 수 있음 JavaScript 객체는 프로토타입(prototype)이라는 특별한 프로퍼티를 포함 생성 객체 리터럴 가장 일반적인 방법 {}를 사용하여 객체를 생성 {} 내에 1개 이상의 프로퍼티를 추가하여 객체를 생성 var student = { name: '홍길동', age: 26, info: fu..

JavaScript 기본 문법 주석 주석은 JavaScript 코드에 대한 부연 설명이므로 실행 코드에 포함되지 않음 JavaScript 주석은 한 줄 주석(Line Comment)과 블록 주석(Block Comment)가 있음 한 줄 주석 : //code 블록 주석 : /* code */ 변수 JavaScript는 변수를 선언할 때 타입을 명시하지 않고 var keyword를 사용하여 선언 JavaScript는 동적 타입 (Dynamic/ Weak Type) 어 변수의 타입 없이 값이 할당되는 과정에서 자동으로 변수의 타입이 결정 같은 변수에 여러 타입의 값을 할당 가능 변수의 이름은 함수 이름과 혼동되지 않도록 유일한 이름을 사용하는 것을 권장 변수 : 형용사, 명사 함수 : 동사 JavaScript..

JavaScript JavaScript JavaScript는 프로토타입 기반의 스크립트 프로그래밍 언어로 객체지향 개념을 지원 웹 브라우저가 JavaScript를 HTML과 함께 다운로드 하여 실행 웹 브라우저가 HTML을 읽어들이는 시점에 JavaScript Engine이 실행됨 대부분의 JavaScript Engine은 ECMAScript 표준을 지원 ECMAScript 1996년 3월 Netscape는 ‘Netscape Navigator 2.0’을 출시하면서 JavaScript를 지원 Microsoft사는 웹에 호환되는 Jscript를 개발에서 1996년 8월 Internet Explore 3.0에 포함하여 출시 Netscape는 JavaScript 표준화를 위해 기술 규격을 ECMA에 제출 199..

Positioning Positioning은 시각적인 측면에서 HTML의 가장 중요한 요소 HTML 내 부분 문서의 위치를 지정하거나 객체 (Object)의 보임/숨김(visibility)을 다룸 엘리먼트의 위치를 고정시키거나 브라우저의 크기에 따라 이동하는 등의 설정을 함 정적인 HTML을 JavaScript를 이용하여 동적으로 만들기 위한 가장 기본적인 속성 width, height length(길이 값) : px, pt, cm, mm, in 등의 길이 단위 사용 백분율(%) : 상위 block에 대한 백분율 단위로 상위 block의 크기가 바뀌면 자신의 크기도 자동으로 변경 auto (width) : 100% 자신의 상위 block이 허용하는 width 크기만큼 채움 auto (height) : 0..