{
  "schema_version": 1,
  "video_id": "qOqcz6J7K-o",
  "source_url": "https://www.youtube.com/watch?v=qOqcz6J7K-o",
  "source_playlist_id": "PLezuKYaDh4Rs",
  "title": "코딩 0줄, AI 툴 2개면 끝. 마우스로 직접 돌려보는 360도 디지털 룩북 만들기 | 인터랙티브 웹 튜토리얼",
  "channel_title": "디자인하는AI",
  "published_at": "2026-08-13T09:16:47Z",
  "collected_at": "2026-08-20T15:35:19Z",
  "generated_at": "2026-08-20T15:35:44Z",
  "thumbnail_url": "https://i.ytimg.com/vi/qOqcz6J7K-o/maxresdefault.jpg",
  "source_basis": "metadata_and_model_inference",
  "executive_summary": "이 영상은 코딩 없이 두 가지 AI 도구(Newtake, Codex)를 활용하여 360도 인터랙티브 디지털 룩북 웹사이트를 만드는 전체 과정을 다루는 튜토리얼입니다. Newtake는 모델 및 360도 비디오 에셋 생성에 사용되며, Codex는 이를 기반으로 실제 인터랙티브 웹사이트를 구현하는 데 활용됩니다. 사용자는 마우스 조작만으로 복잡한 웹 개발 없이 동적인 룩북을 만들 수 있습니다. 이 방법은 비개발자도 AI 도구를 통해 인터랙티브 웹 콘텐츠를 제작할 수 있음을 보여줍니다.",
  "summary_points": [
    "코딩 지식 없이 AI 도구만으로 인터랙티브 웹 콘텐츠 제작이 가능합니다. (metadata 기반 추론)",
    "Newtake를 사용하여 3D 모델 및 360도 회전 비디오 에셋을 생성하는 방법을 소개합니다.",
    "Codex를 활용하여 생성된 에셋으로 인터랙티브 웹사이트의 기본 구조를 구축합니다.",
    "레퍼런스와 주석을 통해 웹사이트 디자인을 고도화하고 사용자 경험을 개선합니다. (metadata 기반 추론)",
    "마이크로 인터랙션 구현 및 최적화를 통해 최종 웹사이트를 완성하는 과정을 다룹니다. (metadata 기반 추론)",
    "디지털 룩북 외 다양한 인터랙티브 웹 콘텐츠 제작에 응용 가능성을 제시합니다. (metadata 기반 추론)"
  ],
  "video_structure": [
    "인트로",
    "Newtake를 활용한 이미지 에셋 생성",
    "360도 회전 비디오 에셋 제작",
    "Codex를 통한 웹사이트 뼈대 구축",
    "레퍼런스와 주석을 활용한 디자인 고도화",
    "마이크로 인터랙션 구현 및 최적화"
  ],
  "key_ideas": [
    "**노코드/로우코드 웹 개발**: 코딩 없이 AI 도구만으로 인터랙티브 웹을 구현하는 방법론.",
    "**AI 기반 에셋 생성**: Newtake와 같은 AI 도구를 활용하여 3D 모델 및 360도 비디오 에셋을 효율적으로 생성.",
    "**AI 기반 웹 구현**: Codex를 통해 AI 생성 에셋을 실제 인터랙티브 웹 환경으로 전환.",
    "**360도 인터랙티브 콘텐츠**: 사용자가 직접 조작하며 몰입감을 높이는 360도 디지털 룩북 구현.",
    "**디자인 고도화 및 최적화**: 레퍼런스 및 주석 활용, 마이크로 인터랙션 구현을 통한 사용자 경험 개선.",
    "**비개발자를 위한 웹 제작**: 디자인 및 콘텐츠 전문가가 직접 웹 콘텐츠를 제작할 수 있는 가능성 확장."
  ],
  "dreamlabs_application": [
    "**내부 프로토타이핑 및 데모 제작**: 코딩 없이 빠르게 인터랙티브 웹 기반의 AI 서비스 프로토타입이나 데모 페이지를 제작하여 아이디어 검증 시간 단축에 활용.",
    "**마케팅 및 홍보 콘텐츠 제작**: DreamLabs의 AI 솔루션이나 제품을 360도 인터랙티브 방식으로 소개하는 디지털 브로슈어 또는 룩북 제작에 응용.",
    "**AI 도구 활용 교육 자료 개발**: Newtake, Codex와 같은 AI 도구의 실제 적용 사례를 바탕으로 내부 직원 대상 AI 활용 교육 콘텐츠 개발에 참고.",
    "**사용자 경험(UX) 연구**: AI 기반 인터랙티브 웹 구현 기술을 활용하여 새로운 형태의 사용자 인터페이스 및 경험 디자인 실험.",
    "**콘텐츠 제작 효율화**: 디자인 팀에서 AI를 활용하여 3D 에셋 및 비디오 콘텐츠를 빠르게 생성하고 웹에 통합하는 워크플로우 도입 검토."
  ],
  "verification_required": [
    "**Newtake 및 Codex의 실제 기능 및 성능**: 영상에서 두 AI 도구가 에셋 생성 및 웹 구현을 얼마나 정교하게 수행하는지 구체적인 시연 확인 필요. (metadata 기반 추론)",
    "**\"코딩 0줄\"의 실제 범위**: 복잡한 인터랙션이나 커스터마이징 시에도 코딩이 전혀 필요 없는지, 또는 특정 범위 내에서만 가능한지 영상 시청을 통한 확인 필요. (metadata 기반 추론)",
    "**프롬프트의 구체적인 내용 및 효과**: 영상 설명에 링크된 프롬프트 정리 문서의 내용과 실제 영상 내 프롬프트 활용 방식에 대한 상세 확인 필요.",
    "**디자인 고도화 및 최적화 과정의 상세**: 레퍼런스 및 주석 활용, 마이크로 인터랙션 구현이 어떤 방식으로 이루어지는지 영상 시청을 통한 상세 과정 확인 필요. (metadata 기반 추론)",
    "**Newtake 프로모션 정보의 유효성**: 영상 설명에 언급된 Newtake의 할인 및 무제한 사용 이벤트가 현재도 유효한지 공식 웹사이트에서 확인 필요."
  ],
  "content_markdown": "## 핵심 요약\n\n이 영상은 코딩 지식 없이 AI 도구인 '뉴테이크(Newtake)'와 '코덱스(Codex)'를 활용하여 360도 인터랙티브 디지털 룩북 웹사이트를 만드는 전체 과정을 다루는 튜토리얼입니다. 뉴테이크는 3D 모델 및 360도 비디오 에셋 생성에 사용되며, 코덱스는 이를 기반으로 실제 인터랙티브 웹사이트를 구현하는 데 활용됩니다. 사용자는 마우스 조작만으로 복잡한 웹 개발 없이 동적인 룩북을 만들 수 있으며, 이는 비개발자도 AI 도구를 통해 인터랙티브 웹 콘텐츠를 제작할 수 있음을 보여줍니다.\n\n## 주요 내용\n\n*   **노코드/로우코드 웹 개발**: 코딩 없이 AI 도구만으로 인터랙티브 웹을 구현하는 방법론을 소개합니다. (metadata 기반 추론)\n*   **AI 기반 에셋 생성**: Newtake와 같은 AI 도구를 활용하여 3D 모델 및 360도 비디오 에셋을 효율적으로 생성하는 과정을 시연합니다.\n*   **AI 기반 웹 구현**: Codex를 통해 AI 생성 에셋을 실제 인터랙티브 웹 환경으로 전환하고 웹사이트의 뼈대를 구축합니다.\n*   **360도 인터랙티브 콘텐츠**: 사용자가 직접 조작하며 몰입감을 높이는 360도 디지털 룩북 구현 방법을 다룹니다.\n*   **디자인 고도화 및 최적화**: 레퍼런스 및 주석 활용, 마이크로 인터랙션 구현을 통한 사용자 경험 개선 과정을 포함합니다. (metadata 기반 추론)\n*   **비개발자를 위한 웹 제작**: 디자인 및 콘텐츠 전문가가 직접 웹 콘텐츠를 제작할 수 있는 가능성을 확장합니다.\n\n## DreamLabs 적용\n\n*   **내부 프로토타이핑 및 데모 제작**: 코딩 없이 빠르게 인터랙티브 웹 기반의 AI 서비스 프로토타입이나 데모 페이지를 제작하여 아이디어 검증 시간 단축에 활용할 수 있습니다.\n*   **마케팅 및 홍보 콘텐츠 제작**: DreamLabs의 AI 솔루션이나 제품을 360도 인터랙티브 방식으로 소개하는 디지털 브로슈어 또는 룩북 제작에 응용 가능합니다.\n*   **AI 도구 활용 교육 자료 개발**: Newtake, Codex와 같은 AI 도구의 실제 적용 사례를 바탕으로 내부 직원 대상 AI 활용 교육 콘텐츠 개발에 참고할 수 있습니다.\n*   **사용자 경험(UX) 연구**: AI 기반 인터랙티브 웹 구현 기술을 활용하여 새로운 형태의 사용자 인터페이스 및 경험 디자인 실험에 적용할 수 있습니다.\n*   **콘텐츠 제작 효율화**: 디자인 팀에서 AI를 활용하여 3D 에셋 및 비디오 콘텐츠를 빠르게 생성하고 웹에 통합하는 워크플로우 도입을 검토할 수 있습니다.\n\n## 확인 필요\n\n*   **Newtake 및 Codex의 실제 기능 및 성능**: 영상에서 두 AI 도구가 에셋 생성 및 웹 구현을 얼마나 정교하게 수행하는지 구체적인 시연 확인이 필요합니다. (metadata 기반 추론)\n*   **\"코딩 0줄\"의 실제 범위**: 복잡한 인터랙션이나 커스터마이징 시에도 코딩이 전혀 필요 없는지, 또는 특정 범위 내에서만 가능한지 영상 시청을 통한 확인이 필요합니다. (metadata 기반 추론)\n*   **프롬프트의 구체적인 내용 및 효과**: 영상 설명에 링크된 프롬프트 정리 문서의 내용과 실제 영상 내 프롬프트 활용 방식에 대한 상세 확인이 필요합니다.\n*   **디자인 고도화 및 최적화 과정의 상세**: 레퍼런스 및 주석 활용, 마이크로 인터랙션 구현이 어떤 방식으로 이루어지는지 영상 시청을 통한 상세 과정 확인이 필요합니다. (metadata 기반 추론)\n*   **Newtake 프로모션 정보의 유효성**: 영상 설명에 언급된 Newtake의 할인 및 무제한 사용 이벤트가 현재도 유효한지 공식 웹사이트에서 확인이 필요합니다.\n\n## 원본 링크\n\n*   **YouTube 영상**: [https://www.youtube.com/watch?v=qOqcz6J7K-o](https://www.youtube.com/watch?v=qOqcz6J7K-o)\n*   **사용한 프롬프트 정리**: [https://docs.google.com/document/d/114iBQk2-tUbj3vmm5Wt0BJCCEu7OTolGXzFqQJ8GdRA/edit?usp=sharing](https://docs.google.com/document/d/114iBQk2-tUbj3vmm5Wt0BJCCEu7OTolGXzFqQJ8GdRA/edit?usp=sharing)\n*   **Newtake**: [https://www.newtake.com/?sourceId=NT903223](https://www.newtake.com/?sourceId=NT903223)",
  "video_category": {
    "slug": "education-tutorial",
    "label": "교육/튜토리얼",
    "secondary": [
      {
        "slug": "ai-product-tools",
        "label": "AI 제품/도구"
      },
      {
        "slug": "ai-engineering",
        "label": "AI 엔지니어링"
      }
    ],
    "reason": "이 영상은 코딩 없이 AI 도구를 활용하여 인터랙티브 웹 콘텐츠를 만드는 방법을 단계별로 설명하는 튜토리얼이며, AI 제품 사용법과 웹 구현 기술을 다루기 때문입니다."
  },
  "model": "gemini-2.5-flash"
}