반응형
6. PostgreSQL 데이터를 Grafana에 띄우기 (마지막)
프로젝트/GeekNews 대시보드 구성하기2023. 11. 30. 21:596. PostgreSQL 데이터를 Grafana에 띄우기 (마지막)

이전 포스팅 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에 데이터 쓰기 이전의 진행사항 요약..

5. Typescript + PostgreSQL - DB에 데이터 쓰기
프로젝트/GeekNews 대시보드 구성하기2023. 11. 30. 21:195. 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 문을 만..

4. Typescript + PostgreSQL - DB 연결 및 데이터 읽어오기
프로젝트/GeekNews 대시보드 구성하기2023. 11. 28. 23:104. Typescript + PostgreSQL - DB 연결 및 데이터 읽어오기

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 세팅을 통해서 컨테이너 실행 환경이 준비..

3. Typescript 로 html 데이터 파싱하기
프로젝트/GeekNews 대시보드 구성하기2023. 11. 22. 22:383. Typescript 로 html 데이터 파싱하기

이전 포스팅 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..

2. Typescript로 GeekNews의 RSS 읽어오기
프로젝트/GeekNews 대시보드 구성하기2023. 11. 19. 13:452. Typescript로 GeekNews의 RSS 읽어오기

이전 포스팅 2023.11.18 - [프로젝트/GeekNews 대시보드 구성하기] - 1. Typescript 개발 환경 설정하기 필요 배경 지식 RSS 관련 지식 (있으면 좋음에 가까움) Prerequisite 1. Typescript 개발 환경 설정하기에서 설정한 모든것 들. 가져오려는 글 혹은 사이트의 RSS 주소 RSS가 뭐고 어떻게 활용하지? RSS는 “Really Simple Syndication” 또는 "Rich Site Summary"의 약자로, 웹 사이트의 콘텐츠를 표현하는 방식입니다 웹 사이트 관리자는 RSS 형식으로 웹 사이트 내용을 보여주며, 이 정보를 받는 사람은 다른 형식으로 이용할 수 있습니다. RSS 파일 형식을 직접 보게되면 아래와 같이 보인다. GeekNews - 개발/기..

1. Typescript 개발 환경 설정하기
프로젝트/GeekNews 대시보드 구성하기2023. 11. 18. 21:001. Typescript 개발 환경 설정하기

내 개발 환경 기준으로는 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 대시보드로 가져오기
프로젝트/GeekNews 대시보드 구성하기2023. 11. 18. 16:31GeekNews 게시글을 Grafana 대시보드로 가져오기

GeekNews 게시글 내용을 Grafana 대시보드로 가져오는 것을 구현한다. https://news.hada.io/ 개발 환경 Podman (Docker) Windows 개발 언어 Typescript 위를 기반으로 프로젝트를 진행해 볼 예정이다. 목표 기존에 회사 DevOps 지원을 위해서 구성한 Dashboard 기능을 강화하기 위함. 기존 Dashboard 개발을 하면서 Typescript를 통해 간단하게 개발해 보았는데, 조금 더 정석적으로 개발해 보기를 원함. (테스트 코드 작성, pg 라이브러리 사용 매커니즘 정확하게 확인)

반응형
image