OpenAI1 React로 ChatGPT API 연결해보니… 생각보다 쉽게 채팅 기능 붙일 수 있더라 안녕하세요, 개발자 여러분! 😊오늘은 제가 직접 React 프로젝트에 ChatGPT API 연결해서 채팅 기능 만들어본 경험을 공유해볼게요.처음엔 ‘이거 어렵지 않을까?’ 했는데, 막상 해보니 생각보다 간단하더라고요.아래에 단계별로 정리해봤으니 참고해보세요!✅ 1️⃣ 준비물부터 체크✔ OpenAI API 키 발급 (필수)✔ React 프로젝트 생성✔ axios 설치 (pnpm add axios 또는 npm install axios)✅ 2️⃣ 컴포넌트 구조 잡기파일명: ChatComponent.jsimport React, { useState } from 'react';import axios from 'axios';✅ 3️⃣ 상태 관리 - 메시지와 입력값 관리 const [input, setInput] =.. 2025. 1. 14. 이전 1 다음
