toy-crane

import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import YTsearch from 'youtube-api-search';

import About from './components/About';
import Search_bar from './components/search_bar';

const API_KEY ='blablabla';

class App extends React.Component {

toy-crane

ddd

toy-crane

<style>
	.container {
		display: flex;
		margin: 1em 0;
		border: 3px dotted #4a4a4a;
		padding: 0.5em;
	}
	.box {
		background-color: #3f29ef;
		color: white;

toy-crane

<style>
	.container {
		margin: 1em 0;
		border: 3px dotted #4a4a4a;
		padding: 0.5em;
		background-color: #c2edc8;
		display: flex;
		flex-direction: row;
	}

toy-crane

<style>
.container {
	margin: 1em 0;
	border: 3px dotted #4a4a4a;
	padding: 0.5em;
	background-color: #c2edc8;
	display: flex;
	flex-direction: row;
}

toy-crane

<style>
	.container {
		margin: 1em 0;
		background-color: #c2edc8;
		display: flex;
		flex-direction: row;
	}

	.box {
		padding: 1em;

toy-crane

<style>
	.container {
		margin: 1em 0;
		background-color: #c2edc8;
		display: flex;
		flex-direction: row;
	}

	.box {
		padding: 1em;

toy-crane

<style>
	.container {
		margin: 1em 0;
		background-color: #c2edc8;
		display: flex;
		flex-direction: row;
	}

	.box {
		padding: 1em;

toy-crane

<select name="choice">
  <option value="banana">바나나</option>
  <option value="apple">사과</option>
  <option value="orange">오렌지</option>
</select>

toy-crane

import { createClient } from "https://esm.sh/@supabase/[email protected]";
import { generateObject, generateText, Output } from "npm:ai";
import { openai } from "npm:@ai-sdk/openai";
import { z } from "npm:zod";

const TitleOutput = z.object({
    summary: z.string().describe(
        "대화에서 다룬 내용을 바탕으로 간단한 요약을 알려주세요",
    ),
    partner: z.string().describe(