Code Beat

이전 글에서는 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처럼 사용..