AI 기반 가상 멘토

기능

기능

이 프로젝트에서 다음과 같은 기능을 경험해 보세요.

📦 HTML, CSS, JAVASCRIPT, GEMINI API: 이러한 기술을 활용하여 강력하고 양방향적인 멘토링 도구를 만드세요.

🧠 AI 기반 멘토링: Google의 생성형 AI를 활용하여 사용자 입력을 기반으로 지능적이고 관련성 높은 조언을 제공합니다.

💬 사용자 상호작용: 사용자가 텍스트 영역을 통해 질문이나 과제를 입력하고 맞춤 조언을 받을 수 있습니다.

⏳ 로드 표시기: 사용자 쿼리 처리 중에 스피너를 표시하여 진행 상황을 나타냅니다.

⚠️ 오류 처리: 조언 생성에 실패하면 오류 메시지를 표시하고 디버깅을 위해 콘솔에 오류를 로깅합니다.

🖥️ 콘텐츠 표시: 생성된 조언을 웹페이지에 적절한 형식으로 렌더링합니다.

📱 반응형 디자인: 사용자 인터페이스 요소가 반응하고 다양한 화면 크기에 맞게 조정되도록 합니다.

🎨 동적 스타일 변경: 포커스 및 흐리게 처리 이벤트에서 입력 요소의 모양을 변경합니다.

🔄 사용된 API: 조언을 생성하기 위해 Google Gemini API와 통합됩니다.

📁 코드 구조: 조언 생성, 콘텐츠 표시, 오류 처리와 같은 다양한 기능을 위한 함수를 구성합니다.

✨ 최신 JavaScript 관행: 비동기 작업을 처리하기 위해 async/await와 같은 최신 JavaScript 기능을 활용합니다. 이해를 돕기 위해 주석을 사용하여 깔끔하고 읽기 쉬운 코드를 보장합니다.

📦 모듈식 설계: 함수가 논리적으로 분리되어 특정 작업을 처리하므로 코드가 모듈식이며 유지보수가 가능합니다.