[🔍후기] anonymous-chatbot-0717 이놈이 o3 alpha임?

[익명(chatting9678)]

o3한테 LLM WebDev 능력 평가용 문제 만들어달라하고 넣었는데 opus 4는 실패하고 얘는 성공했고 꽤 잘만들었노

문제 전문:

Objective
Design, implement, and document a full-stack web application—“WorldWatch”—that lets users explore real-time, AI-summarized news from around the globe. The project must demonstrate mastery across modern front-end, back-end, DevOps, and security practices while showcasing an LLM’s reasoning and code-generation skills.1

Functional Requirements

Area	Requirement
Data Ingestion	• Poll the freely available News API every 10 min for the 20 latest English-language articles. • De-duplicate by canonical URL and persist raw JSON in a database.
AI Summaries	• For each article, generate a 150-word abstractive summary and a 3-bullet “key takeaways” list using your own OpenAI-compatible completion endpoint. • Cache summaries; regenerate only if the original article text changes.
REST & GraphQL	• Expose identical functionality through both a REST layer (/api/v1/…) and a GraphQL endpoint (/graphql).
Web UI (PWA)	• React 18 + TypeScript + Vite. • Infinite scrolling, dark-mode toggle, and search-as-you-type filtering. • Offline support (service worker + IndexedDB).
Real-Time Updates	• Broadcast new or updated articles to all open clients via WebSockets; the UI must auto-insert them without a hard refresh.
Accessibility & i18n	• Meet WCAG 2.2 AA contrast and keyboard-nav guidelines. • Provide an i18n scaffold (English + one additional locale of your choice).
Auth	• Implement Google OAuth 2.0; anonymous read-only users see truncated summaries, logged-in users see full content.
Admin Console	• Password-protected /admin route to view ingestion logs, force refresh, and toggle feature flags stored in Redis.
Rate Limiting & Caching	• Apply per-IP rate limiting (Sliding Window) to public APIs. • Use HTTP conditional requests (ETag, Last-Modified) and CDN-friendly headers.
Testing	• ≥ 80 % combined branch coverage across unit, integration, and E2E (Playwright or Cypress) suites.
CI/CD	• GitHub Actions pipeline: lint, test, build Docker image, push to registry, deploy to staging on every main-branch push.
Deployment	• K8s (Kind) manifests plus Helm chart; one-command local spin-up via make dev.
Observability	• Structured JSON logging (w/ trace IDs), Prometheus metrics, and OpenTelemetry distributed traces spanning the ingestion job, API, and WebSocket gateway.
Security Hardening	• OWASP Top 10 mitigations: CSP, CSRF via SameSite cookies, param binding, prepared statements, secrets in Vault, etc.
Documentation	• README.md with architecture diagram, setup steps, and a 500-word “design trade-offs” section.

Non-Functional Constraints

• Language & Framework Freedom: You may choose any back-end stack (e.g., FastAPI, NestJS, Go Fiber) as long as TypeScript is used on the front end.

• Database: PostgreSQL 15; use a migration tool (e.g., Prisma, Flyway).

• Containerization: Everything must run in Docker; the project should also support docker compose up for quick local evaluation.

• Compute Budget: The full system (ingestor + API + front end) must idle on ≤ 1 vCPU / 1 GB RAM.

• Lines of Code: ≤ 5 000 excluding generated files and test fixtures.

  
  

  한글 요약:

  목표
  ‘WorldWatch’라는 풀스택 웹 애플리케이션을 설계·구현·문서화합니다. 이 앱은 전 세계 최신 뉴스(News API 10분 주기 수집)를 AI로 요약하여 실시간·오프라인에서도 제공해야 하며, 과제는 LLM의 설계·코드 생성·DevOps·보안 능력을 종합적으로 측정합니다.

  주요 기능 요구 사항

  1. 데이터 수집 & 저장

     • News API에서 최근 영문 기사 20건을 10분마다 크롤링 → URL 중복 제거 후 PostgreSQL에 원본 JSON 저장.

  2. AI 요약

     • 기사당 150자(단어 기준) 추상적 요약 + 3개 핵심 포인트 생성.

     • 기사 내용이 바뀌지 않으면 캐시 재사용.

  3. API

     • 동일 기능을 REST(/api/v1/...)와 GraphQL(/graphql)로 모두 노출.

  4. 프런트엔드(PWA)

     • React 18 + TypeScript + Vite.

     • 무한 스크롤, 다크 모드, 실시간 검색, 오프라인(IndexedDB + Service Worker) 지원.

  5. 실시간 업데이트

     • WebSocket으로 새 기사 브로드캐스트 → 클라이언트는 새 카드 즉시 삽입.

  6. 접근성·다국어

     • WCAG 2.2 AA 충족, 키보드 내비게이션 가능.

     • i18n 스캐폴딩(영어 + 추가 1개 언어).

  7. 인증

     • Google OAuth 2.0. 비로그인 사용자는 요약 일부만, 로그인 사용자는 전문 열람.

  8. 관리 콘솔

     • /admin 보호 라우트: 수집 로그, 강제 새로고침, Redis 기반 기능 플래그 토글.

  9. 성능·보안

     • IP당 슬라이딩 윈도우 Rate-limit, ETag·CDN 캐싱, CSP·CSRF·Prepared Statement 등 OWASP Top 10 대응.

  10. 테스트 & CI/CD

      • 단위·통합·E2E 테스트 커버리지 80 % 이상.

      • GitHub Actions: 린트·테스트·Docker 빌드 → 레지스트리 푸시 → 스테이징 배포.

  11. 배포·운영

      • 모든 컴포넌트 Dockerize, docker compose up 지원.

      • Kind(K8s) 매니페스트 + Helm 차트, make dev로 로컬 일발 기동.

      • 로그(구조화 JSON + Trace ID), Prometheus 메트릭, OpenTelemetry 분산 추적.

  비기능 제약

  • 프런트는 반드시 TypeScript, 백엔드는 자유(FastAPI/NestJS/Go 등).

  • PostgreSQL 15, 마이그레이션 툴 필수.

  • 전체 시스템 유휴 시 ≤ 1 vCPU / 1 GB RAM, 코드 5 000행 이하(생성 파일·테스트 픽스처 제외).

[해당 댓글은 삭제되었습니다.]

해당 댓글은 삭제되었습니다.

[익명(chatting9678)]

여름이다...

[Weisser_Adler(adler1)]