futuremaker0 / be-pjt-3_essential

ChatGPT 연동 HTML/CSS 프로젝트 레파지토리

프로젝트 설명

본 프로젝트는 제공된 서버 API를 이용하여 간단한 인공지능 챗봇을 구현한 프로젝트입니다.

• 주제 : (사용자 서비스 개발을 위한) ChatGPT 기반 스터디 플래너

• 목표 :

  • HTML, CSS, JS등 FE 기술스택을 다루는데 익숙해지는 경험
  • 비동기 통신 경험
  • 인공지능을 API로 다루는 경험

요구사항 명세

• 기능 구현

  1. 질문을 HTTP로 요청 및 응답 수신

     • 질문을 HTTP로 요청 및 응답 받기
     • 전송 버튼 클릭, Enter키 입력 두 가지 방식으로 HTTP 요청을 보냅니다.
     • HTTP 요청시 input창을 초기화 합니다.

  2. 질문과 답변을 화면에 출력

     • HTTP 요청 시 사용자 질문을 화면에 출력합니다.
     • HTTP 응답이 돌아오면 AI의 답변을 화면에 출력합니다.
     • 한번의 요청에 하나의 질문과 답변이 출력됩니다.