toy-crane

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

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

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

toy-crane

ddd

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 {