ChatGPT 2

23.05.27. SSE(Server-Sent-Event) 구현해보기

ChatGPT 사이트를 클론 코딩하기로 했을 때 가장 궁금한 건 두가지였다. 1. node.js환경에서 openAI API연결하는 것 (두 글에 걸쳐 구현 완료 했다. [0], [1]) 2. 실제 타이핑 치듯 글자가 나오는 인터페이스 2.는 어떻게 구현하나 했더니, 우선 openAI API에서 stream 옵션을 true로 해서 조각내어 받고, SSE(Server-Sent-Event)라는 기능으로 구현하는 것이었다. 처음엔 소켓으로 하는가 싶었는데, 그것보다 간단하고, 일방향으로 전송하는 방식의 기능으로 쉽게 구현할 수 있었다. 1. 서버 서버에서는 아래와 같이 헤더에 text/event-stream이라는 content-type으로 설정하고, cache는 없게 설정해주고, 데이터를 setInterval을..

daily 2023.05.27

23.05.26. openAI API + node.js, express로 연결해보기[0]

openAI에서 제공하는 API를 연결하는 것은 openAI에서 제공하는 기술문서에 친절하게 설명되어 있어서 파이썬으로는 기술문서를 따라 쉽게 연결했었는데 node.js로는 어떻게 하는지 기술문서를 보며 따라해봤다. 1. 라이브러리 설치 openai 기술문서를 보면, node.js에서 어떻게 구현하는지 예제코드가 친절하게 나와있다. 코드 예제 우측 상단에 curl, node.js, python 세가지 예시를 제공해주고 있다. requir('openai')를 보니, 패키지를 설치해야 하는 것 같아서 찾아보니, 여기에서 openai npm 라이브러리를 확인할 수 있다. 그리고, API키는 .env 파일로 저장하는것이 안전하니.. dotenv도 설치해주고, 편리한 express도 같이 설치해주자. npm i ..

daily 2023.05.27
728x90