AI - 스토리 및 이미지 생성기

기능

📦 HTML, CSS, JavaScript, GEMINI API: 대화형 스토리 및 이미지 생성기를 만듭니다.

📝 스토리 생성: Google의 생성형 AI를 사용하여 사용자 입력을 기반으로 스토리를 생성합니다.

🖼️ 사진 생성: Unsplash API에서 일치하는 사진을 가져옵니다.

🖊️ 사용자 상호작용: 스토리의 텍스트를 입력하고 버튼으로 사진을 생성합니다.

⏳ 로드 표시기: 스토리 생성 및 사진 가져오기 중에 스피너를 표시합니다.

⚠️ 오류 처리: 디버깅을 위해 오류 메시지와 오류 로그를 표시합니다.

🖥️ 콘텐츠 표시: 생성된 스토리와 사진을 깔끔한 레이아웃으로 렌더링합니다.

📱 반응형 디자인: UI 요소를 다양한 화면 크기에 맞게 조정합니다.

🎨 동적 스타일 변경: 포커스/흐리게 처리 시 텍스트 영역의 테두리와 높이를 조정합니다.

✨ 최신 JavaScript: async/await를 사용하여 깔끔하고 유지 관리가 쉬우며 모듈식인 코드를 만듭니다.