[REACT] GPT API 연동

🔑 GPT API 연동

1️⃣ API secret key 발급

1. OpenAI 사이트에 로그인한다.
2. Create new secret key를 눌러 key를 생성한다.
   ✔️ 생성한 즉시 한번만 알려주기 때문에 꼭 다른 곳에 적어둬야 한다!
   
   
   

2️⃣ React에서 연동

1. npm install openai@^4.0.0
2. 생성된 시크릿 키 값을 .env 파일에 저장한다.

   REACT_APP_OPENAI_API_KEY=secret_key

3. gpt.js 파일을 생성하고 공식문서를 참고하여 코드를 작성한다.
   

   export const CallGPT = async (inputValue) => {
     const response = await fetch("https://api.openai.com/v1/chat/completions", {
         method: "POST",
         headers: {
             "Content-Type": "application/json",
             Authorization: `Bearer ${process.env.REACT_APP_OPENAI_API_KEY}`,
         },
         body: JSON.stringify({
             model: "gpt-4",
             messages: [{ role: "user", content: inputValue }],
             temperature: 0.5,
             max_tokens: 1000,
         }),
     });
     const responseData = await response.json();
     return responseData;
   };