ImgxAI 앱의 기능 요구사항 생성

# ImgxAI - 기능 요구사항 ## 개요 ImgxAI는 Midjourney의 클론이지만 OpenAI의 이미지 모델을 사용하는 애플리케이션입니다. Midjourney를 조사하여 앱에 대한 더 나은 이해를 얻으십시오. ## 통합 - OpenAI API와 통합되어야 합니다. 사용되는 이미지 모델은 `gpt-image-1`입니다. ## 인터페이스 - 채팅 입력과 결과 타임라인이 있는 통합 인터페이스가 있어야 합니다. ## 타임라인 - 타임라인은 스크롤 가능해야 하며 페이지네이션을 통한 무한 로딩이 있어야 합니다. - 타임라인은 반응형이어야 하며, 모바일에서는 1열, 태블릿에서는 2열, 데스크톱에서는 4열 그리드여야 합니다. - 타임라인에는 최소한의 필터가 있어야 하며, 다음 기준으로 필터링할 수 있어야 합니다: - 날짜 - 상태 - 종횡비 - 최신순 또는 오래된순 정렬 ## 이미지 다운로드 - 각 이미지를 클릭하여 다운로드할 수 있어야 합니다. ## 상세 보기 - 전체 프롬프트에 대한 상세 보기가 있어야 하며, 다음을 표시해야 합니다: - 프롬프트에 대한 모든 이미지 - jobId - 생성일 - 상태 - 이미지 수 - 크기(치수) - 모델 - 품질 - 프롬프트를 쉽게 재실행하고 각 이미지를 다운로드할 수 있어야 합니다. ## 이미지 표시 - 이미지는 올바른 종횡비로 표시되지만 정사각형 컨테이너 안에 표시되어야 합니다. ## 프롬프트 제출 - 프롬프트를 여러 번 제출할 수 있어야 하며, 더 많은 항목이 타임라인에 추가됩니다(백그라운드 작업으로). ## 프롬프트 옵션 각 프롬프트는 다음 옵션을 가질 수 있습니다: - 품질: (low, mid, high) - 종횡비: `1024x1024`, `1536x1024`, `1024x1536` - output_compression: (0-100%) - 기본값은 50% - output_format: `webp`여야 함 - moderation: "low"여야 함 - n (생성할 이미지 수) - response_format: `b64_json`이어야 함 - model: "gpt-image-1"이어야 함 ## 프롬프트 재실행 - 이전 프롬프트를 보고 클릭하여 쉽게 재실행할 수 있어야 합니다. ## 저장 - 응답 이미지는 브라우저 저장소에 로컬로 저장되어야 합니다. ## 내비게이션 - 설정 버튼이 있는 간단한 내비게이션 바가 있어야 합니다. ## 설정 - 설정 메뉴에서 OpenAI API 키를 설정할 수 있으며, 이 키도 브라우저 저장소에 로컬로 저장됩니다. ## 기존 코드베이스 - Next.js 15, TailwindCSS, Lucide Icons, React Hook Form with zod 및 Shadcn UI를 사용하는 기존 코드베이스가 있습니다.