<![CDATA[
<div class="figure-html" data-ke-type="html" data-source="<iframe width="560" height="315" src="https://www.youtube.com/embed/3Az_hKsL9L8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>"><div data-ke-class="article"><iframe width="560" height="315" src="https://www.youtube.com/embed/3Az_hKsL9L8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></div><p><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><!DOCTYPE html> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><html lang="KO_Yoon"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><head> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>  <title>Bootstrap Example</title> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    <meta charset="utf-8"></b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    <meta http-equiv  "X-UA-Compatible" content="IE=edge"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    <meta name="viewport" content="width=device-width, initial-scale=1.0"></b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    <title>Bootstrap Example</title> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    <link href="<a href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css"" target="_blank" class="ke-link">https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css"</a> rel="stylesheet"></b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b></head> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><body></b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b> <button type="button" class="btn btn-primary">Primary</button> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b> <button type="button" class="btn btn-secondary">Secondary</button> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><button type="button" class="btn btn-success">Success</button> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><button type="button" class="btn btn-info">Info</button> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><button type="button" class="btn btn-warning">Warning</button> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><button type="button" class="btn btn-danger">Danger</button> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><button type="button" class="btn btn-dark">Dark</button></b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    <script src="<a href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js">" target="_blank" class="ke-link">https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"></a></b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b></body></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b></html></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20">꿀팁: </span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';">[버튼Buttons]  [카드Card] [네이버바 Navbar] [그리드 Grid system] [템플릿Example]오른쪽 버튼 클릭하여 vew pape source 를 하면 모든소스코드 를 보고    Album example</span></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><a href="https://getbootstrap.com/docs/5.2/examples/" target="_blank" class="ke-link">16:18分https://getbootstrap.com/docs/5.2/examples/</a></span></p><p> </p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><div class="centalner"></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';">      <div class="row"></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';">            <div class="col"></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';">                colunm</span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';">            </div></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';">      <div class="row"></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';">      <div class="row"></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';">      <div class="row"></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"></div></span></span></p><p> </p><p> </p><p> </p><div class="figure-html" data-ke-type="html" data-source="<iframe width="560" height="315" src="https://www.youtube.com/embed/tMIl7fcVXJY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>"><div data-ke-class="article"><iframe width="560" height="315" src="https://www.youtube.com/embed/tMIl7fcVXJY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></div><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>BOOTSTQAP 5 Droppdown</b></span></p><p><span style="color: #ee2323; font-family: 'Noto Serif KR';" data-ke-size="size20"><b>index_droppd   </b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><span data-ke-size="size16"> <!DOCTYPE html> </span><br><span data-ke-size="size16"><html lang="KO_Yoon"> </span><br><span data-ke-size="size16"><head> </span><br><span data-ke-size="size16">  <title>Bootstrap Example</title> </span><br><span data-ke-size="size16">  <meta charset="utf-8"> </span><br><span data-ke-size="size16">  <meta name="viewport" content="width=device-width, initial-scale=1"> </span><br><span data-ke-size="size16">  <link href="<a href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css"" target="_blank" class="ke-link">https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css"</a> rel="stylesheet"> </span><br><span data-ke-size="size16">  <script src="<a href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"></script>" target="_blank" class="ke-link">https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"></script></a> </span><br><span data-ke-size="size16"></head> </span><br><span data-ke-size="size16"><body> </span><br><br><span data-ke-size="size16"><div class="container mt-3"> </span><br><span data-ke-size="size16">  <h2>Dropdowns</h2> </span><br><span data-ke-size="size16">  <p>The .dropdown class is used to indicate a dropdown menu.</p> </span><br><span data-ke-size="size16">  <p>Use the .dropdown-menu class to actually build the dropdown menu.</p> </span><br><span data-ke-size="size16">  <p>To open the dropdown menu, use a button or a link with a class of .dropdown-toggle and data-toggle="dropdown".</p>                                           </span><br><span data-ke-size="size16">  <div class="dropdown"> </span><br><span data-ke-size="size16">    <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown"> </span><br><span data-ke-size="size16">      Dropdown button </span><br><span data-ke-size="size16">    </button> </span><br><span data-ke-size="size16">    <ul class="dropdown-menu"> </span><br><span data-ke-size="size16">      <li><a class="dropdown-item" href="#">Link 1</a></li> </span><br><span data-ke-size="size16">      <li><a class="dropdown-item" href="#">Link 2</a></li> </span><br><span data-ke-size="size16">      <li><a class="dropdown-item" href="#">Link 3</a></li> </span><br><span data-ke-size="size16">    </ul> </span><br><span data-ke-size="size16">  </div> </span><br><span data-ke-size="size16"></div> </span><br><br><span data-ke-size="size16"></body> </span><br><span data-ke-size="size16"></html></span> <br></b></span></p><p><span style="font-family: 'Noto Serif KR';"><b>https://www.youtube.com/results?search_query=bootatrap</b></span></p><p><span style="font-family: 'Noto Serif KR';"><b><a href="https://www.w3schools.com/bootstrap5/bootstrap_dropdowns.php" target="_blank" class="ke-link">https://www.w3schools.com/bootstrap5/bootstrap_dropdowns.php</a></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><b>BOOTSTQAP 5 Droppdown</b></b></span></p><p><span style="color: #ffffff; background-color: #000000;">수업때 사용한 사이트 : </span><a href="https://replit.com/~" target="_top" class="ke-link">https://replit.com/~</a><span style="color: #ffffff; background-color: #000000;"> 최대한 핵심만 담아보려고 했는데 피드백있으시면 알려주세요~~</span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><b>2022. 10. 30. 일  요일 </b></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><b>영상입력14:07分_<span style="color: #ffffff; background-color: #000000;">공유 수면12:40.누워 기상04:23. 수면기상05:36.잔뇨42(46).뉴스공유 누워06:15.기상07:58.세면물샤워08:17.사용폰77%(52)19.피부약+종 아리쥐23.구폰오픈24.공유 잔뇨53.미운사내 마리아57-09:08. 아침식사26.100%.잔뇨38.도성통화 종아리쥐고퉁47잔뇨 준비53.우쥐54.이동57.열새10:02착09..도착21.커피2a25.마셔33.46.51.,하수11:04.커피05. ,,조사장09.퇴근16.권 영훈출26이동36.주영공원49.집12:10,잔뇨13.종아리쥐고통마구때려21물 끊여23.,지꺼기 건져내 운두2푼 내러27.물데워 34.부트스트렙차직내려d38.창문열고 피시노북오픈42.종아리쥐 두드려44.잔뇨51.구 윤서58.내려13:00.국 끊여04.잔뇨08.식사23.원두끊여 1잔 담아 잔뇨31분.이 웅평 원두마셔41.이중간첩.흐큼성42.잔노 휴지+46.잔뇨 종아리쥐고통마구태려59.부트,주소입력14:03.</span></b></b></span></p>
<!-- -->
]]>
