[GPT] GPT API 맛보기 🤖

구현한 것은 이렇게 된다!!
gpt의 답변을 기다리는 시간이 꽤 길기때문에 조금 디자인적 요소가 들어갈 부분도 있고 예외처리도 필요해서 멀었지만 결과적으로는 만족..!!

---

서론

요즘 AI 사용이 흔해지면서 프론트엔드인 나는 불안해졌다.. 나도 한번은 사용해봐야할텐데... 그때 발견한 것이 인프런 무료 강의! [제목 : AI회고록 서비스 개발]

강의 시간이 짧아서 퀄리티에 대한 기대감은 사실 낮았지만,, 내용이 꽤 알차기도 하고 GPT API를 붙여볼 수 있다는 점에서 만족했던 강의이다! (+ 하나 하나 찾아보며 gpt 붙이기 귀찮은 분들께도 소심한 추천)

0. 사용방법

간단하게 요약하면

1. openai에 로그인 한 후 카드를 등록한다 .
2. api key를 발급
3. 사용하기

1. 카드 등록

2번부터 시작한다면, api를 사용하기 위해서는 어느정도 금액이 나가기 때문에 카드를 미리 등록해서 가격을 충전해서 사용하면 된다. 나는 5.5달러를 추가지만 테스트를 꽤 많이 했는데도 4.96달러나 남았다. (+ 해당 강의와 ui가 조금 달라진 모습이다)

• 카드 등록시에 "openai api too many requests" 라는 오류가 뜰 수 있는데 많은 시도 끝에 휴대폰으로 접속했더니 됐다..!
• 한도 제한을 걸 수 있다.
  soft: 어느지점까지 도달하면 이메일 발송
  hard: 한달 사용량 지정
  

2. API Key 발급

API keys 메뉴 > Create new secret key 클릭 > Name 설정 (본인이 알기 쉽게) 을 해주면 발급이 되는데 이때! key가 나오면 바로 복사해서 다른곳에 보관해주면 된다. 나같은 경우에든 .env 파일에 바로 붙여주었다 (.gitignore 필쑤)

3. 사용하기

API reference 메뉴 > Making requests 클릭
https://api.openai.com/v1/chat/completions 로 fetch 해주면 사용 끝~!
추가) 연결이 완료되었고 디자인을 보고싶다면 더미 데이터로 관리하자!

https://platform.openai.com/docs/api-reference/chat/create
링크로 들어가면 body에 들어갈 내용을 확인할 수 있다, 여기에 message만 바꿔서 여러가지 프로젝트를 진행할 수 있다는 생각이 들었다..!

role을 system으로 설정하거나 user로 설정해서 message를 만들 수 있다.
system은 기본 설정같은 느낌으로 해당 강의에서는 Unsplash api 를 사용해서 이미지를 출력할 수 있게 해준다. user로 설정하면 사용자가 직접 입력하는 것을 받아올 수 있다, 우리가 생각하는 chat gpt 너낌으로

슬쩍 레포 공유...😵‍💫
https://github.com/kanghyew0n/me-and-my-gpt