필요 배경 지식 Grafana 대시보드 기본적인 사용법 Prerequisite B 쿼리에 대한 지식 Grafana 에 대한 기본지식 프로젝트에서 나의 요구사항 1. Grafana에서 직접 일부 데이터를 추가하고싶다. (Repo 정보, User 정보 등) 2. Grafana에서 직접 일부 데이터를 삭제 (혹은 visibility 조정) 을 하고싶다. 이다. 그래서 이런 접근이 가능한건지 확인하고 싶었다. Grafana에서 Select를 제외한 Insert/Update/Delete row가 가능할까? 결론부터 말하자면 불가능하고 좋지 않은 접근이다. Grafana는 모니터링 툴이라서 Select만 하는것이 권장된다. 물론 나는 Grafana에서 할 수 있으면 좋은 상황이라서 가능한지를 찾아봤지만 역시나 ..
이전 포스팅 2023.12.06 - [프로젝트/Github Rest API로 프로젝트 관리하기] - Github RestAPI를 통해서 Repository 정보 크롤링 및 알림 서비스 구현 필요 배경 지식 RestAPI에 대한 개념 Prerequisite Typescript 기본 개발 환경 세팅 사용할 Github REST API 들 내가 사용할 Github Rest API들은 아래와 같다. 1. API rate limit Rate limit - GitHub Docs Status: 200 { "resources": { "core": { "limit": 5000, "used": 1, "remaining": 4999, "reset": 1691591363 }, "search": { "limit": 30, "u..
목표 내가 진행하고 있는 프로젝트의 정보를 가져와서 여러 사람들을 지원하고 활용하게 하기 위함이다. 회사에서 개발 함에 있어서 다음과 같은 문제점이 있다. 어쩌다 보니 Repository를 여러개 사용중이다. 그에 대한 영향으로 Pull request를 확인해야하는 repository가 많은데 동시에 여러군데서 올라오면 확인하기가 힘들다. 주기적으로 확인하는 개발자가 아닌경우에는 리뷰를 잘 확인할 수 있는 방법이 필요하다. 또한, 사내 메신저는 이런 알림을 전달하기 위한 제약사항이 있긴하나 만들수는 있을것으로 생각된다. 따라서, 위와 같은 기능을 하는 플러그인을 만들기 위한 데이터 크롤링하는 프로그램부터 만들어보자 와 같은 요구사항이 발생했다. 최근 Github Public의 기능 추가를 통해서 내가 리..
이전 포스팅 2023.11.18 - [프로젝트/GeekNews 대시보드 구성하기] - 1. Typescript 개발 환경 설정하기 2023.11.19 - [프로젝트/GeekNews 대시보드 구성하기] - 2. Typescript로 GeekNews의 RSS 읽어오기 2023.11.22 - [프로젝트/GeekNews 대시보드 구성하기] - 3. Typescript 로 html 데이터 파싱하기 2023.11.28 - [프로젝트/GeekNews 대시보드 구성하기] - 4. Typescript + PostgreSQL - DB 연결 및 데이터 읽어오기 2023.11.30 - [프로젝트/GeekNews 대시보드 구성하기] - 5. Typescript + PostgreSQL - DB에 데이터 쓰기 이전의 진행사항 요약..
이전 포스팅 2023.11.19 - [프로젝트/GeekNews 대시보드 구성하기] - 2. Typescript로 GeekNews의 RSS 읽어오기 2023.11.22 - [프로젝트/GeekNews 대시보드 구성하기] - 3. Typescript 로 html 데이터 파싱하기 2023.11.28 - [프로젝트/GeekNews 대시보드 구성하기] - 4. Typescript + PostgresDB - DB 연결 및 데이터 읽어오기 필요 배경 지식 PostgresDB 기본 쿼리문 사용하는 방법 이전 포스팅의 지식들 GeekNews 데이터를 DB에 Update하는 코드 추가 해당 코드는 GPT에게 물어보면 쉽게 추가가 된다. SQL 문법 및 이전에 생성한 Table의 형태에 맞추어 INSERT query 문을 만..
2023.11.18 - [프로젝트/GeekNews 대시보드 구성하기] - 1. Typescript 개발 환경 설정하기 2023.11.19 - [프로젝트/GeekNews 대시보드 구성하기] - 2. Typescript로 GeekNews의 RSS 읽어오기 2023.11.22 - [프로젝트/GeekNews 대시보드 구성하기] - 3. Typescript 로 html 데이터 파싱하기 필요 배경 지식 PostgresDB를 사용하기 위한 일부 SQL문 사용방법 Podman 사용방법 Podman compose 사용 방법 Prerequisite Podman Desktop 설치 Podman compose 설치 PostgresDB 컨테이너 준비하기 이전에 Podman Desktop 세팅을 통해서 컨테이너 실행 환경이 준비..
이전 포스팅 2023.11.18 - [프로젝트/GeekNews 대시보드 구성하기] - 1. Typescript 개발 환경 설정하기 2023.11.19 - [프로젝트/GeekNews 대시보드 구성하기] - 2. Typescript로 GeekNews의 RSS 읽어오기 파싱 원하는 html 데이터 포맷 아래와 같이 html 포맷을 가지고 있다. 개요 Cerebral Valley AI Summit 행사에서 Cortue Ventures의 Sri Viswanath가 발표한 AI 현황에 대한 내용입니다. Cortue Ventures는 지금까지 10년 이상 AI 분야를 지켜보며 50개가 넘는 AI 관련 회사들에 투자한 투자 회사(VC)입니다. 특히, 이 보고서에는 클로드 2.1:https://news.hada.io/t..
이전 포스팅 2023.11.18 - [프로젝트/GeekNews 대시보드 구성하기] - 1. Typescript 개발 환경 설정하기 필요 배경 지식 RSS 관련 지식 (있으면 좋음에 가까움) Prerequisite 1. Typescript 개발 환경 설정하기에서 설정한 모든것 들. 가져오려는 글 혹은 사이트의 RSS 주소 RSS가 뭐고 어떻게 활용하지? RSS는 “Really Simple Syndication” 또는 "Rich Site Summary"의 약자로, 웹 사이트의 콘텐츠를 표현하는 방식입니다 웹 사이트 관리자는 RSS 형식으로 웹 사이트 내용을 보여주며, 이 정보를 받는 사람은 다른 형식으로 이용할 수 있습니다. RSS 파일 형식을 직접 보게되면 아래와 같이 보인다. GeekNews - 개발/기..
내 개발 환경 기준으로는 Intellij에서 Typescript 기본 개발 환경 설정부터 진행해야 한다. 회사에서 만들어져 있는 코드를 쓰다가 새로 하려니 가물가물해서 또 새로운 느낌이다. Intellij는 내가 유료로 구매해서 사용하고 있어서 쓰는 것이고 그냥 vscode로 개발해도 크게 다르진 않을 것 같다. 필요 배경지식 Docker/Podman container에 대한 이해 Dockerfile 작성 방법 Nodejs , Typescript 기본 빌드 및 실행 방법 Prerequisite Intellij Intellij plugins 설치 Javascript and typescript : 로컬 설치를 위함. Podman desktop (혹은 Docker Desktop) Podman을 쓰는 이유는 D..
GeekNews 게시글 내용을 Grafana 대시보드로 가져오는 것을 구현한다. https://news.hada.io/ 개발 환경 Podman (Docker) Windows 개발 언어 Typescript 위를 기반으로 프로젝트를 진행해 볼 예정이다. 목표 기존에 회사 DevOps 지원을 위해서 구성한 Dashboard 기능을 강화하기 위함. 기존 Dashboard 개발을 하면서 Typescript를 통해 간단하게 개발해 보았는데, 조금 더 정석적으로 개발해 보기를 원함. (테스트 코드 작성, pg 라이브러리 사용 매커니즘 정확하게 확인)