목록프로젝트/Extensions (3)
cyphen156
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/cQNNsK/btslUttfJbc/G3kKNedxdgd6r2WFPyre9k/img.jpg)
오늘 학교에 와서 자리에 앉고 편집기를 열자마자 고민이 생겼다. 확장기능을 사용자에게 어떻게 제공할 것인가? 에 대한 생각이다. Chatgpt를 사용하는 방법은 여러가지가 있지만 내가 주력으로 사용하는 것은 plus결제를 한 뒤 MS Edge를 통해 OpenAI 사이트에 접속하고, ChatGPT4모듈을 이용하는 방식이다. 여태까지 내가 생각해왔던 확장 개발의 방향성은 OpenAI에서 제공해주는 API를 통해 Chatgpt4모델을 사용하고, 대화 입출력 횟수에 따라 일정량의 요금을 부과받는 방식이었는데, 만약 +결제를 안한 사람이면 3.5모델을 사용하게 될 텐데 "그러면 그냥 셀레니움으로 OpenAI창에 자동으로 접속해서 쿼리와 대화 내역을 모두 찾아 가져오고, 이걸 하드웨어에 저장하고 있으면 되지 않나?..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/cAk96D/btslLEwbGIU/R8Ddog47Qk4YrBk5VKFQ91/img.jpg)
이번엔 웹뷰를 만들겁니다. 비주얼 코드의 화면 구성은 이렇게 생겼습니다. 작업표시줄 : 기본 작업구성탭 5개 외에 확장 기능 리스트가 표시됩니다. 트리 뷰(기본 사이드바) : 작업표시줄에서 선택한 구성탭의 내용을 트리 형태로 표시합니다. 웹 뷰 : 트리뷰에서 선택한 코드를 보여주거나, 명령어를 실행시켜 띄운 창들이 기본적으로 표시되는 구역입니다. 상태 바 : 말그대로 현재 작업의 상태를 나타내줍니다. 이 가운데 저는 트리 뷰에 chat gpt와의 대화 내역을, 웹 뷰에는 실제로 chat gpt와 주고받는 대화를 구현할 것입니다. 처음에는 트리뷰와 보조 사이드바(웹 뷰 오른쪽)을 사용하여 gpt와의 대화를 구현하려 했지만 보조 사이드바에는 웹 뷰와 같이 통신을 통해 상호작용하는 것을 구성하는것이 현재로서는..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bhq0nY/btslJ142kLH/MzjA7KA3cFGhcf2U3NETSK/img.jpg)
공부하러 학교에 왔는데 공부는 하기 싫고 ChatGPT랑 놀다가 보니 엣지 브라우저 열고 GPT창 켜는게 귀찮아서 시작한 Visual Code Extension만들기 프로젝트 필요한 것은 OpenAI 계정과 CHAT GPT API Key, 그리고 VS Code와 Microsoft계정입니다. 1. Visual Studio Code - Code Editing. Redefined Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code i..