20230705 며칠동안 바빠서 chat gpt 프로젝트를 진행 못했다가 진행하려니 자꾸 에러 메세지가 날아왔다. cors 문제 해결과정을 포스팅하려고 했는데, cors 문제 해결한 다음에도 계속 에러가 나오길래 뭐지 했는데, chat gpt api 무료 사용기간이 초과돼서 그런거였다.... 그냥 재미로 하는 side project에 돈을 쓰고싶지는 않은데 ... 무료 credit도 얼마 써보지도 못하고 끝나버렸다... 빨리빨리 할 걸 .... 나중에 여유가되면 유료 결제하고 한 번 해봐야겠다. ChatGPT 채팅을 웹으로 배포해보자. 프론트엔드 구성 vite를 사용해서 프로젝트 빌드를 구성하고, 질문을 받을 수 있는 인풋 제어 컴포넌트를 만들었다. import { useState } from "reac..

Open AI 의 API로 Chat GPT와 간단한 터미널 채팅을 구현해 보자. Open API Key 발급 https://openai.com/ 회원가입 로그인 후 https://platform.openai.com/docs/introduction 로 이동 (메뉴에 Developers로 이동해도 된다) 우상단 프로필 아이콘 클릭 Veiw API Keys 클릭 Create new secret key 를 눌러 api key 를 발급받는다. ChatGPT API 호출 fetch() 함수를 이용하여 ChatGPT API에 "안녕"이라는 메시지를 전송해보자. // chat.js function chat() { return fetch("https://api.openai.com/v1/chat/completions", ..