Minystory

Hugo Themes에 서택스 테마를 등록하는 방법을 정리합니다. hugoThemesSiteBuilder 저장소의 README 문서를 기준으로 hugo.toml, theme.toml, 스크린샷 이미지를 준비하고, GitHub Fork, themes.txt, PR, …

Grafana를 AI와 함께 분석하며 React/TypeScript 프론트엔드, Go 백엔드, 데이터 소스, DataFrame, 플러그인 구조를 초보자 눈높이에서 정리합니다.

Grafana 클론코딩을 위한 React, Go, PostgreSQL, Docker Compose 개발 환경을 구성하고 코드를 분석합니다. Vite, JSX, Go ServeMux, JSON 응답, CORS를 따라가며 대시보드 플랫폼의 출발점을 만듭니다.

PostgreSQL 메타데이터 테이블, Go HTTP API, React 화면을 연결해 대시보드 목록과 상세 조회를 구현합니다. Store 인터페이스, handler, React 상태, Docker 검증을 따라가며 첫 번째 대시보드 기능을 완성합니다.

Grafana Table 패널을 클론코딩하며 PostgreSQL 분석 데이터를 Go query API와 React Table에 연결합니다. DataFrame과 TableFrame, 숫자와 날짜 서식, 정렬, 페이지네이션, 총계 행, 읽기 전용 SQL과 timeout …