Dev/Backend & API2 16. Next.js API Route 마이그레이션 현재 상태Flask 백엔드 (Python), EC2에서 /sendMessage 요청 처리, 프론트엔드에서 http://api.도메인.com/sendMessage 요청 중 변경 목표 (EC2 비용 문제 해결 가능)Next.js API Route (JavaScript), Vercel에서 /api/sendMessage 처리, https://도메인.com/api/sendMessage로 변경 예정 Next.js API 기능을 구현하는 방법Next.js API 기능이란Next.js는 프론트엔드뿐 아니라 서버사이드 API도 같이 만들 수 있는 프레임워크 : React 기반 UI + 백엔드 API를 하나의 프로젝트에서 관리할 수 있다는 것 : 즉, Python Flask 같은 서버 없이도 Next.js 프로젝트 내.. 2025. 6. 27. 15. 응답값 JSON 파싱, 추천 메시지 구현 앞으로 출력(GPT 응답)을 JSON 형식으로 받도록 수정할 예정 : GPT에게 프롬프트를 바꾸어 JSON 구조로 응답하라고 지시해야 함 : 그전에 백엔드, 프론트엔드 코드 구조를 다시 살펴보자 프론트엔드(Chat.jsx)사용자의 입력값은 inputMessage 상태로 저장됨const [inputMessage, setInputMessage] = useState(''); 백엔드로 POST 요청 (JSON 형식으로 message + thread_id 전달)const response = await axios.post(`${API_URL}/sendMessage`, { message: inputMessage, thread_id: threadId});여기까지 사용자의 응답값을 JSON으로 보내는 것은 이미 잘.. 2025. 5. 22. 이전 1 다음
