Code Beat

*본 글은 gemini로 개발하며 대화한 내용을 요약하여 자동 생성하였습니다.[Project] LLM Multi-Agent 시스템을 활용한 투자 자동화 구축 - (2) 바이낸스 API 연동 및 데이터 Perception 구현1. 개요지난 포스팅에서는 시스템의 전반적인 아키텍처 설계와 Gemini API 환경 설정을 다루었다. 에이전트가 지능적인 판단을 내리기 위해서는 외부 세계, 즉 거래소의 실시간 시장 데이터에 접근할 수 있는 '눈'이 필요하다. 본 포스팅에서는 세계 최대 암호화폐 거래소인 **바이낸스(Binance)**의 API를 연동하고, 에이전트가 분석할 수 있는 형태로 데이터를 가공하는 과정을 다룬다.2. 거래소 API 설정 및 보안 가이드에이전트가 직접 매매를 수행하기 위해서는 API 권한 설..

*본 글은 gemini로 개발하며 대화한 내용을 요약하여 자동 생성하였습니다.[Project] LLM Multi-Agent 시스템을 활용한 투자 자동화 구축 - (1) 서론 및 환경 설정1. 개요금융 시장의 변동성에 대응하기 위해 개인 차원에서 LLM(Large Language Model) 에이전트를 활용한 자동화 매매 시스템 구축을 시작한다. 단순히 지표에 따라 매매하는 기존 봇과 달리, 차트 분석, 뉴스 감성 분석, 리스크 관리 등 도메인별로 특화된 에이전트를 구성하고 이를 마스터 에이전트가 통제하는 Multi-Agent 아키텍처를 지향한다. 본 포스팅에서는 기술 스택 선정 과정과 Google AI Studio를 활용한 초기 환경 설정 단계를 다룬다.2. 기술 스택 비교 및 선정에이전트 오케스트레이션..

이전 글에서는 WebView를 생성하고 VSCode Extension 내부 메시지 전달 구조를 구축했다. WebView → Extension 방향의 데이터 플로우가 확인된 상태이며, 이제 OpenAI API를 연결하여 실제 대화 기능을 구현할 수 있다.이번 단계의 목표는 다음과 같다.WebView 메시지를 OpenAI API로 전달OpenAI의 응답을 다시 WebView에 표시페이지 새로고침이 없는 채팅 UI 형태 완성최소 기능의 ChatGPT 기반 개발 보조 도구 형태 확보아키텍처현재 단계의 데이터 흐름은 다음과 같다: WebView (UI) ↓ postMessage()VSCode Extension ↓ OpenAI API 요청OpenAI 응답 ↓ panel.webview.postMessage()W..

이전 글에서는 VSCode Extension 개발 환경을 구성하고 템플릿 프로젝트를 생성한 뒤, OpenAI API 연동 준비까지 완료했다. 이제 실제로 ChatGPT와 상호작용할 수 있는 UI를 VSCode 내부에 구축할 차례다.이번 단계의 목표는 다음과 같다.VSCode WebView를 통해 사용자 입력 UI 구현WebView → 확장 → OpenAI API → WebView 구조 설계확장 명령(Command)로 패널 열기 기능 구현ChatGPT에게 메시지를 입력하고 응답을 표시하는 초기 형태 완성WebView란 무엇인가?WebView는 VSCode 확장 내부에서 HTML, CSS, JavaScript를 실행할 수 있는 독립된 렌더링 환경이다. 웹 기술로 UI를 만들어 VSCode 확장 UI처럼 사용..

최근 개발 방식은 단순히 도구를 사용하는 수준을 넘어, AI 모델을 개발 워크플로우 내부에 통합하는 방향으로 변화하고 있다. 특히 OpenAI 기반 모델은 코드 이해, 리팩터링, 파일 생성, 테스트 보조 등 다양한 기능을 수행할 수 있어 IDE 수준의 도구와 결합할 경우 기존 개발 방식보다 높은 생산성을 기대할 수 있다.이번 시리즈는 ChatGPT(OpenAI API)를 Visual Studio Code Extension과 직접 연결해, 개발 환경 내부에서 코드 생성 및 자동화 기능을 수행하는 구조를 만드는 과정을 기록한다. 목표는 다음과 같다.목표ChatGPT를 VSCode 확장 내부에서 직접 호출할 수 있도록 구성한다.브라우저나 외부 창 없이 VSCode 내에서 AI와 상호작용할 수 있는 UI를 구축..

React 프로젝트, 이제는 Vite로 시작해보자리액트 프로젝트 시작한다고 하면 예전에는create-react-app(CRA)부터 떠올리셨을 텐데요,요즘은 Vite로 시작하는 게 사실상 표준에 가깝습니다.빌드 속도도 빠르고, 개발 서버도 가볍고, 설정도 심플해서“아… 새 프로젝트 하나 파볼까?” 할 때 쓰기 딱 좋아요.이번 글에서는:Vite가 뭐길래 다들 쓰는지 간략 소개Node / npm 설치 확인Vite로 React 프로젝트 생성하기폴더 구조 살펴보기개발 서버 실행 & 기본 설정 살짝 손보기까지 한 번에 정리해보겠습니다.1. Vite가 뭐길래?Vite는 간단히 말하면,“차세대 프론트엔드 빌드 도구 + 개발 서버”입니다.ESBuild, Rollup 등을 활용해서 번개처럼 빠른 빌드개발 중에는 번들 없이..

나인 합주실https://naver.me/GpCTMM9L 네이버 지도나인합주실map.naver.com장점1. 방이 여러개, 예약가능성 높음2. 주차 가능한 공영주차장이 근처에 있음. 단점1. 공간이 작은 방의 경우 사운드 조정이 어려움2. 예약 방식이 특이하고 특히 UI 측면에서 모바일로 예약이 불편하고 번거로움 줄라이 합주실 스튜디오https://naver.me/5RhvYNgb 네이버 지도줄라이 합주실 스튜디오map.naver.com 장점1. 성균관대역 도보권2. 근처 공영주차장 있음.3. 공간이 넓고 인테리어가 세련됨단점1. 마이크 두 개, 피아노 두 대 동시사용이 불가 (25.08.24 방문 기준)2. 드럼 소리가 울려 다른 악기와 마이크 사운드가 커야함. https://code-beat.tisto..

모달 인터체인지는 조성을 유지하면서 다른 평행조(parallel key)의 코드를 일시적으로 차용하는 기법이다. 이를 통해 음악에 새롭고도 의외의 색채를 부여할 수 있다. 예를 들어, C장조(C major) 곡에서 **C단조(C minor)**에 포함된 코드를 가져오는 식이다.1. 모달 인터체인지란?모달 인터체인지는 현재 조성(예: C major)을 유지하면서 같은 으뜸음(C)을 가진 다른 모드나 조의 코드를 빌려오는 것을 의미한다.기존 조성 유지: 톤 센터(으뜸음)는 그대로타 모드 코드 차용: 평행조(또는 평행모드)에서 특정 코드를 잠시 가져옴사용 목적: 분위기 전환, 감정 강화, 불협의 활용2. 가장 많이 쓰이는 차용 대상: 평행 단조C장조에서 가장 자주 차용되는 대상은 **C 단조(C minor)*..