반응형 IT8 [Grafana Express] Grafana의 Express(node.js)를 위한 Metrics [Grafana Express] Grafana의 Express(node.js)를 위한 Metrics 이전 글 [Mac] Express API서버 모니터링 구축 (feat. Prometheus, Grafana) [Docker] Grafana, Prometheus를 활용한 API서버(Express) 모니터링 안녕하세요. 이번 글에서는 Grafana에서 Express API 서버 모니터링을 위한 Metrics와 대시보드구성을 공유하고자 합니다. 우선 API서버 모니터링에서 고려해야 할 지표들과 해당 지표들을 모니터링하기 위한 구성 방법에 대해 알아보겠습니다. 1. API서버 모니터링에서 고려할 지표들 우선 챗gpt에게 API서버를 모니터링할 때 고려해야할 지표들에 대해 물어보았다. 운영에 필요한 추가적인 지표.. 2024. 1. 29. [Docker] Grafana, Prometheus를 활용한 API서버(Express) 모니터링 [Docker] Grafana, Prometheus를 활용한 API서버(Express) 모니터링 이전에 Grafana, Prometheus를 활용한 API서버(Express) 모니터링을 해보았습니다. 이번엔 Cloud에 올려 배포하기 위해 Docker를 활용해서 배포하는 방법과 설정을 알아봅시다. 이전 글 참고 링크 2024.01.10 - [분류 전체보기] - [Mac] Express API서버 모니터링 구축 (feat. Prometheus, Grafana) [Mac] Express API서버 모니터링 구축 (feat. Prometheus, Grafana) [Mac] Express API서버 모니터링 구축 (feat. Prometheus, Grafana) 개념을 간략히 설명하자면, api서버에서 Metr.. 2024. 1. 29. [Mac] 터미널에서 Putty처럼 사용하기 1. 터미널에서 putty처럼 쓰기 윈도우에서는 Linux환경에 접속하기 위해 putty라는 프로그램을 주로 사용한다. 요샌 클라우드 인스턴스를 많이 활용하다 보니 key를 활용하는 경우가 부쩍 많아진 듯하다. 윈도우의 명령프롬프트 또는 파워셸과 다르게 맥에서는 putty cli를 통해 터미널에서 직접 접속이 가능하다. 1-1. 접속정보로 로그인 사실 이 방법이 가능하면 putty를 받을 필요도 없다. 직접 터미널에서 원격연결을 통해 접속정보를 입력하여 접속하면 된다. 나는 접속 key (pem)를 활용하여 접속을 해야 했기에 putty를 받았다. 이런 케이스에 해당한다면 다음을 확인해 보자. 2.pem key 보통 윈도우기반에선 ppk로 사용하기 때문에 pem파일로 변환이 필요하다. (나만 그런가?) .. 2023. 9. 27. [Mac] Homebrew 설치 [MAC] Homebrew 설치 1. HomeBrew란? Mac OS에서 주로 사용하는 오픈소스 기반 패키지 관리자다. 단순이 맥을 사용하는 분들이라면 앱스토어에서 앱을 다운로드하거나 웹에서 dmg파일 등으로 설치라는 경우가 많을 것이다. 하지만 SW엔지니어나 개발자들은 CLI(Command Line Interface)를 자주 사용하다보니 Homebrew 같은 패키지 관리 프로그램을 사용하는 경우가 많다. 뭐 개발자가 아니어도 이런 방법도 있구나 하고 보시면 좋을 것이라고 생각한다. 프로그램 이름들 보면 참 재미있다(?) 2. 설치 방법 https://brew.sh/ Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 위 링크에서 다운로.. 2023. 9. 27. [Docker] timezone 바꾸기 1. 현상 회사에서 돌리고있는 테스트 서버 로그를 보던중 시간이 잘못찍히고 있는걸 발견했다. 2. 해결과정 2.1. Ubuntu 시간 확인 서버는 Ubuntu 환경에서 돌아가고 있기 때문에 서버시간을 확인해 보았다. 음... 확인해보니 정상이다 2.2 Docker 시간 확인 서버는 Docker로 올라가있다. Docker 의 시간도 확인해본다. 생각해보니 어차피 Docker에서 돌아가니 Ubuntu시간은 확인할 필요가없었나 싶어진다. 아무튼 확인해보자. # docker bash 명령어 docker exec -it 컨테이너ID /bin/bash 범인을 찾았다. Docker 시간이 UTC로 되어있다. 3. 해결 Docker 컨테이너의 시간을 변경하는 방법은 호스트 시간과 동기화 하는 방법과 환경변수를 설정하는.. 2023. 8. 17. [Express Node] api 서버에 api key 도입하기 [Express Node] api 서버에 api key 도입하기. 1. api key 개발한 api 서버에 보안성 향상을 위해 api key를 적용하라는 요구사항이 생겼다. 간단한 앱이고 사용자가 적기 때문에 간단한 api key 발급 절차와 검증체크만 구현하여 진행해보고자 한다. 상용 서비스에선 로그인 기능까지 겹쳐 Bareer Token 을 사용하기도 하지만, 여기서는 로그인절차도 따로 없고, api인증만 필요하므로 간단하게 X-API-Key를 사용하기로 했다. 2. api서버에 적용 server.js 에 다음 내용을 추가한다. const checkApiKey = (req, res, next) => { const providedApiKey = req.header('X-API-Key') .. 2023. 8. 10. [React] 클래스 컴포넌트 함수형 컴포넌트 리액트로 개발하다보면 구글링하다보면 예전 레퍼런스의 경우 대부분 클래스 컴포넌트로 작성이 되어있다. 업무상 활용하는 레퍼런스가 클래스 컴포넌트가 많아서 애를 먹는 경우가 많아서 함수형 컴포넌트와 클래스형 컴포넌트에 대해 간략히 비교해보고, 변환 요령을 정리해보고자 한다. 기본적으로 리액트의 개념을 이해한 분들이 아니면 나중에 읽어보시길 바란다. 우선 클래스 컴포넌트와 함수형 컴포넌트의 예시를 보도록 하자. 1. 클래스 컴포넌트 import React, { Component } from 'react'; class Counter extends Component { constructor(props) { super(props); this.state = { count: 0 }; } increment.. 2023. 8. 8. [VSCode] Mac 에서 Prettier 적용 안될 때 Mac에서 Prettier 확장 프로그램을 설치했는데도 불구하고, 적용이 되지 않았다. 그럴 땐 명령팔레트 (⌘ cmd + p) 를 누르고 settings.json 을 입력하면 아래와 같은 파일들이 표출된다. 여기서 Open User Settings 를 열어서 아래와 같이 내용을 추가한다. { ... "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.formatOnSave": true, "files.autoSave": "onFocusChange" ... } 설정에 대해 간략히 설명하자면 아래와 같다. defaultFormatter. 기본 포매터를 esbenp.prettier-vscode로 지정 formatOnSave : 저장할 때 prettier.. 2023. 8. 7. 이전 1 다음 반응형
