본문 바로가기

Programmer

 (33)
Java 환경에서 Gemini API 연동하기 이번 글에서는 Java 서버 환경에서 Gemini API를 실제로 연동한 경험을 바탕으로,단순 예제가 아닌 실제 서비스에 바로 적용 가능한 코드 구성과 토큰 사용량 관리 방법까지 함께 정리해 본다. 1. Gemini API를 선택한 이유AI 기능 도입을 검토하는 과정에서, 이번 프로젝트의 API 선택은 개발자 개인의 선호보다는 운영 경험을 가진 상급자의 판단을 따르는 방향으로 결정되었다. 이미 AI를 활용한 업무 경험이 있었고, 그 과정에서 Gemini API가 설정, 관리, 사용 측면에서 비교적 편하다는 의견이 있었다. 이러한 이유로 이번 연동 작업은 Gemini API를 기준으로 진행하게 되었다.2. 개발 환경이번 연동은 아래 환경을 기준으로 진행했다.언어: Java방식: Gemini Client B..
JavaScript Util 라이브러리 모음 JavaScript로 개발하다 보면 비슷한 기능을 하는 라이브러리들이 너무 많아 매번 “이걸 써야 하나?” 고민하게 된다. 이 글은 한 번이라도 실제 프로젝트에서 사용해봤거나 도입을 검토해봤던 라이브러리들을 기준으로 개인적인 사용 경험과 판단을 함께 정리한 기록이다.단순 나열이 아니라 이런 경우에 쓰면 좋다 / 이런 경우엔 안 쓴다 기준으로 정리했다. 1. Lodash배열·객체 조작이 많을 때 유용, 함수형 프로그래밍을 위한 유틸리티 라이브러리사용해본 소감 : 복잡한 데이터 가공이 많은 관리자 페이지에서 유용, 가독성이 좋아 유지보수에 도움 됨// 예시: Lodash를 사용하여 배열 정렬const array = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];const sortedArray..
Chart.js 사용법 – 막대그래프와 선그래프를 함께 그리는 방법 (Bar + Line) 월별 통계나 추이 분석 화면을 만들다 보면 막대그래프(bar) 와 선그래프(line) 를 하나의 차트에서 함께 사용해야 하는 경우가 많다. 예를 들면 월별 실적 → 막대그래, 목표치 또는 추이 → 선그래프처럼 서로 다른 성격의 데이터를 동시에 보여줘야 하는 상황이다.Chart.js 공식 문서에도 혼합 차트 예제가 있긴 하지만, 실제 화면에 적용해 보면 다음과 같은 고민이 생긴다.데이터가 많아질 때 정렬이 어색해짐막대와 선의 관계가 한눈에 들어오지 않음Ajax 기반 화면에서 차트가 중복 생성되는 문제이 글에서는 막대그래프와 선그래프를 하나의 Chart.js 차트로 구성하는 방법과 실무에서 바로 사용할 수 있도록 정리한 구현 예제를 정리한다.차트 구성 개요이번 예제의 차트 구성은 다음과 같다.데이터1, 데이..
CHART.JS 사용하기(doughnut) Chart.js에서 doughnut(도넛) 차트를 사용하다 보면 공식 예제만으로는 실제 화면에 적용하기 아쉬운 점이 많다. 특히 관리자 페이지나 대시보드처럼비율뿐 아니라 실제 수치를 함께 보여줘야 하는 화면에서는 기본 도넛 차트의 표현 방식이 부족하게 느껴질 수 있다.내가 실제로 겪었던 불편한 점은 다음과 같다. 도넛 두께가 두꺼워 답답해 보임차트 값이 표시되지 않음값과 차트를 연결하는 라인이 없음legend를 클릭하면 값과 선도 함께 제어하고 싶음이 글에서는 Chart.js 도넛 차트에서 값을 차트 외부에 표시하고, 값과 차트를 선으로 연결하며,legend 토글 시 값과 선도 함께 제어하는 방법을 정리한다.Chart.js Doughnut 기본 예제의 한계Chart.js 공식 문서에는 doughnut 차..

티스토리툴바