<![CDATA[
<p><span data-ke-size="size20"><b>할 수 있는 만큼 해보았습니다</b></span></p><p> </p><p><span data-ke-size="size23"><b>< 코드 ></b></span></p><div class="figure-html" data-ke-type="html" data-source="<div class="colorscripter-code" style="color:#010101;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#fafafa;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #e5e5e5"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#666;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#010101;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#ff3399">!DOCTYPE</span>&nbsp;<span style="color:#0099cc">html</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#ff3399">html</span>&nbsp;<span style="color:#0099cc">lang</span>=<span style="color:#52be14">"en"</span><span style="color:#0099cc"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#ff3399">head</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">meta</span>&nbsp;<span style="color:#0099cc">charset</span>=<span style="color:#52be14">"UTF-8"</span><span style="color:#0099cc"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">meta</span>&nbsp;<span style="color:#0099cc">name</span>=<span style="color:#52be14">"viewport"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">content</span>=<span style="color:#52be14">"width=device-width,&nbsp;initial-scale=1.0"</span><span style="color:#0099cc"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">title</span><span style="color:#010101">&gt;</span>Internet&nbsp;Clock.html<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#ff3399">title</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">link</span>&nbsp;<span style="color:#0099cc">rel</span>=<span style="color:#52be14">"stylesheet"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">href</span>=<span style="color:#52be14">"homework0416.css"</span><span style="color:#0099cc"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">link</span>&nbsp;<span style="color:#0099cc">rel</span>=<span style="color:#52be14">"stylesheet"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">href</span>=<span style="color:#52be14">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"</span><span style="color:#0099cc"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">script</span>&nbsp;<span style="color:#0099cc">src</span>=<span style="color:#52be14">"https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"</span><span style="color:#ff3399"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#ff3399">script</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">script</span>&nbsp;<span style="color:#0099cc">src</span>=<span style="color:#52be14">"https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"</span><span style="color:#ff3399"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#ff3399">script</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">script</span>&nbsp;<span style="color:#0099cc">src</span>=<span style="color:#52be14">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"</span><span style="color:#ff3399"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#ff3399">script</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">script</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#993333">'use&nbsp;strict'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;statusTime;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;timeFormat&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#308ce5">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#999999">//&nbsp;시스템의&nbsp;시간을&nbsp;읽어온다</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">function</span>&nbsp;clock()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;today&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ff3399">new</span>&nbsp;<span style="color:#0099cc">Date</span>();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;hh&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">=</span>&nbsp;today.getHours();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;mm&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">=</span>&nbsp;today.getMinutes();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;ss&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">=</span>&nbsp;today.getSeconds();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">if</span>(timeFormat)&nbsp;&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(hh&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">&gt;</span><span style="color:#039C43"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#308ce5">12</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;hh&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">=</span>&nbsp;hh&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">-</span>&nbsp;<span style="color:#308ce5">12</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;demo.innerHTML&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#993333">"오후&nbsp;"</span>&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;hh&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#993333">"시&nbsp;"</span>&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;mm&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#993333">"분&nbsp;"</span>&nbsp;&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;ss&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#993333">"초"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;demo.innerHTML&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#993333">"오전&nbsp;"</span>&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;hh&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#993333">"시&nbsp;"</span>&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;mm&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#993333">"분&nbsp;"</span>&nbsp;&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;ss&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#993333">"초"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#ff3399">else</span>{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;demo.innerHTML&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">=</span>&nbsp;hh&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#993333">"시&nbsp;"</span>&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;mm&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#993333">"분&nbsp;"</span>&nbsp;&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;ss&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#993333">"초"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">function</span>&nbsp;start()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;clock();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;statusTime&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#0099cc">setTimeout</span>(start,&nbsp;<span style="color:#308ce5">1000</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">function</span>&nbsp;<span style="color:#0099cc">stop</span>()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#0099cc">clearTimeout</span>(statusTime);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;demo.innerHTML&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#993333">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">function</span>&nbsp;twotime()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;timeFormat&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ff3399">true</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">function</span>&nbsp;onetime()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;timeFormat&nbsp;<span style="color:#039C43"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#308ce5">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#ff3399">script</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#ff3399">head</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#ff3399">body</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#0099cc">class</span>=<span style="color:#52be14">"container"</span><span style="color:#0099cc"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">h2</span><span style="color:#010101">&gt;</span>&nbsp;그린&nbsp;서버시간&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#ff3399">h2</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#0099cc">class</span>=<span style="color:#52be14">"btns"</span><span style="color:#0099cc"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">input</span>&nbsp;<span style="color:#0099cc">type</span>=<span style="color:#52be14">"button"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">value</span>=<span style="color:#52be14">"시계&nbsp;시작"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">xxonclick</span>=<span style="color:#52be14">"start()"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">class</span>=<span style="color:#52be14">"btn&nbsp;btn-success&nbsp;mr-5"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">input</span>&nbsp;<span style="color:#0099cc">type</span>=<span style="color:#52be14">"button"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">value</span>=<span style="color:#52be14">"시계&nbsp;정지"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">xxonclick</span>=<span style="color:#52be14">"stop()"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">class</span>=<span style="color:#52be14">"btn&nbsp;btn-danger&nbsp;mr-5"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">input</span>&nbsp;<span style="color:#0099cc">type</span>=<span style="color:#52be14">"button"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">value</span>=<span style="color:#52be14">"12시간&nbsp;표시"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">xxonclick</span>=<span style="color:#52be14">"twotime()"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">class</span>=<span style="color:#52be14">"btn&nbsp;btn-secondary&nbsp;mr-5"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">input</span>&nbsp;<span style="color:#0099cc">type</span>=<span style="color:#52be14">"button"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">value</span>=<span style="color:#52be14">"24시간&nbsp;표시"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">xxonclick</span>=<span style="color:#52be14">"onetime()"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">class</span>=<span style="color:#52be14">"btn&nbsp;btn-secondary"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#ff3399">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#ff3399">div</span>&nbsp;<span style="color:#0099cc">id</span>=<span style="color:#52be14">"demo"</span><span style="color:#0099cc"></span>&nbsp;<span style="color:#0099cc">style</span>=<span style="color:#52be14">"font-size:&nbsp;4em;&nbsp;color:&nbsp;darkred;&nbsp;font-style:&nbsp;initial;"</span><span style="color:#0099cc"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#ff3399">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#ff3399">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#ff3399">body</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#ff3399">html</span><span style="color:#010101">&gt;</span></div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#e5e5e5text-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#e5e5e5;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div>"><div data-ke-class="article"><div class="colorscripter-code" style="color:#010101;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#fafafa;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #e5e5e5"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#666;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#010101;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#ff3399">!DOCTYPE</span> <span style="color:#0099cc">html</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#ff3399">html</span> <span style="color:#0099cc">lang</span>=<span style="color:#52be14">"en"</span><span style="color:#0099cc"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#ff3399">head</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">meta</span> <span style="color:#0099cc">charset</span>=<span style="color:#52be14">"UTF-8"</span><span style="color:#0099cc"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">meta</span> <span style="color:#0099cc">name</span>=<span style="color:#52be14">"viewport"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">content</span>=<span style="color:#52be14">"width=device-width, initial-scale=1.0"</span><span style="color:#0099cc"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">title</span><span style="color:#010101">></span>Internet Clock.html<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#ff3399">title</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">link</span> <span style="color:#0099cc">rel</span>=<span style="color:#52be14">"stylesheet"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">href</span>=<span style="color:#52be14">"homework0416.css"</span><span style="color:#0099cc"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">link</span> <span style="color:#0099cc">rel</span>=<span style="color:#52be14">"stylesheet"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">href</span>=<span style="color:#52be14">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"</span><span style="color:#0099cc"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">script</span> <span style="color:#0099cc">src</span>=<span style="color:#52be14">"https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"</span><span style="color:#ff3399"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#ff3399">script</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">script</span> <span style="color:#0099cc">src</span>=<span style="color:#52be14">"https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"</span><span style="color:#ff3399"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#ff3399">script</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">script</span> <span style="color:#0099cc">src</span>=<span style="color:#52be14">"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"</span><span style="color:#ff3399"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#ff3399">script</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">script</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#993333">'use strict'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> statusTime;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> timeFormat <span style="color:#039C43"></span><span style="color:#ff3399">=</span> <span style="color:#308ce5">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#999999">// 시스템의 시간을 읽어온다</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">function</span> clock() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> today <span style="color:#039C43"></span><span style="color:#ff3399">=</span> <span style="color:#ff3399">new</span> <span style="color:#0099cc">Date</span>();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> hh <span style="color:#039C43"></span><span style="color:#ff3399">=</span> today.getHours();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> mm <span style="color:#039C43"></span><span style="color:#ff3399">=</span> today.getMinutes();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> ss <span style="color:#039C43"></span><span style="color:#ff3399">=</span> today.getSeconds();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(timeFormat) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(hh <span style="color:#039C43"></span><span style="color:#ff3399">></span><span style="color:#039C43"></span><span style="color:#ff3399">=</span> <span style="color:#308ce5">12</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> hh <span style="color:#039C43"></span><span style="color:#ff3399">=</span> hh <span style="color:#039C43"></span><span style="color:#ff3399">-</span> <span style="color:#308ce5">12</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> demo.innerHTML <span style="color:#039C43"></span><span style="color:#ff3399">=</span> <span style="color:#993333">"오후 "</span> <span style="color:#039C43"></span><span style="color:#ff3399">+</span> hh <span style="color:#039C43"></span><span style="color:#ff3399">+</span> <span style="color:#993333">"시 "</span> <span style="color:#039C43"></span><span style="color:#ff3399">+</span> mm <span style="color:#039C43"></span><span style="color:#ff3399">+</span> <span style="color:#993333">"분 "</span> <span style="color:#039C43"></span><span style="color:#ff3399">+</span> ss <span style="color:#039C43"></span><span style="color:#ff3399">+</span> <span style="color:#993333">"초"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> demo.innerHTML <span style="color:#039C43"></span><span style="color:#ff3399">=</span> <span style="color:#993333">"오전 "</span> <span style="color:#039C43"></span><span style="color:#ff3399">+</span> hh <span style="color:#039C43"></span><span style="color:#ff3399">+</span> <span style="color:#993333">"시 "</span> <span style="color:#039C43"></span><span style="color:#ff3399">+</span> mm <span style="color:#039C43"></span><span style="color:#ff3399">+</span> <span style="color:#993333">"분 "</span> <span style="color:#039C43"></span><span style="color:#ff3399">+</span> ss <span style="color:#039C43"></span><span style="color:#ff3399">+</span> <span style="color:#993333">"초"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> } </div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span>{</div><div style="padding:0 6px; white-space:pre; line-height:130%"> demo.innerHTML <span style="color:#039C43"></span><span style="color:#ff3399">=</span> hh <span style="color:#039C43"></span><span style="color:#ff3399">+</span> <span style="color:#993333">"시 "</span> <span style="color:#039C43"></span><span style="color:#ff3399">+</span> mm <span style="color:#039C43"></span><span style="color:#ff3399">+</span> <span style="color:#993333">"분 "</span> <span style="color:#039C43"></span><span style="color:#ff3399">+</span> ss <span style="color:#039C43"></span><span style="color:#ff3399">+</span> <span style="color:#993333">"초"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%">}</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">function</span> start() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> clock();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> statusTime <span style="color:#039C43"></span><span style="color:#ff3399">=</span> <span style="color:#0099cc">setTimeout</span>(start, <span style="color:#308ce5">1000</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">}</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">function</span> <span style="color:#0099cc">stop</span>() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#0099cc">clearTimeout</span>(statusTime);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> demo.innerHTML <span style="color:#039C43"></span><span style="color:#ff3399">=</span> <span style="color:#993333">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">}</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">function</span> twotime() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> timeFormat <span style="color:#039C43"></span><span style="color:#ff3399">=</span> <span style="color:#ff3399">true</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">}</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">function</span> onetime() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> timeFormat <span style="color:#039C43"></span><span style="color:#ff3399">=</span> <span style="color:#308ce5">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">}</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#ff3399">script</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#ff3399">head</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#ff3399">body</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">div</span> <span style="color:#0099cc">class</span>=<span style="color:#52be14">"container"</span><span style="color:#0099cc"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">h2</span><span style="color:#010101">></span> 그린 서버시간 <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#ff3399">h2</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">div</span> <span style="color:#0099cc">class</span>=<span style="color:#52be14">"btns"</span><span style="color:#0099cc"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">input</span> <span style="color:#0099cc">type</span>=<span style="color:#52be14">"button"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">value</span>=<span style="color:#52be14">"시계 시작"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">xxonclick</span>=<span style="color:#52be14">"start()"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">class</span>=<span style="color:#52be14">"btn btn-success mr-5"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">input</span> <span style="color:#0099cc">type</span>=<span style="color:#52be14">"button"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">value</span>=<span style="color:#52be14">"시계 정지"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">xxonclick</span>=<span style="color:#52be14">"stop()"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">class</span>=<span style="color:#52be14">"btn btn-danger mr-5"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">input</span> <span style="color:#0099cc">type</span>=<span style="color:#52be14">"button"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">value</span>=<span style="color:#52be14">"12시간 표시"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">xxonclick</span>=<span style="color:#52be14">"twotime()"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">class</span>=<span style="color:#52be14">"btn btn-secondary mr-5"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">input</span> <span style="color:#0099cc">type</span>=<span style="color:#52be14">"button"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">value</span>=<span style="color:#52be14">"24시간 표시"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">xxonclick</span>=<span style="color:#52be14">"onetime()"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">class</span>=<span style="color:#52be14">"btn btn-secondary"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#ff3399">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#ff3399">div</span> <span style="color:#0099cc">id</span>=<span style="color:#52be14">"demo"</span><span style="color:#0099cc"></span> <span style="color:#0099cc">style</span>=<span style="color:#52be14">"font-size: 4em; color: darkred; font-style: initial;"</span><span style="color:#0099cc"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#ff3399">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#ff3399">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#ff3399">body</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#ff3399">html</span><span style="color:#010101">></span></div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#e5e5e5text-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#e5e5e5;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div></div></div><p><b><span data-ke-size="size23">< 실행 영상 ></span></b></p><div class="figure-video" data-ke-type="video" data-video-url="https://kakaotv.daum.net/embed/player/cliplink/rvsbve04s5ld694jarfy6g2l6@my?service=daum_cafe" data-video-host="kakaotv" data-video-play-service="daum_cafe" data-video-width="712" data-video-height="400" data-ke-style="alignCenter" data-video-thumbnail="https://thumb.kakaocdn.net/dna/kamp/source/rvsbve04s5ld694jarfy6g2l6/thumbs/3.jpg?credential=TuMuFGKUIcirOSjFzOpncbomGFEIdZWK&expires=33270180206&signature=Gu5m9Juv%2BekoEoxTI5Xi6zvP9Yg%3D" data-ke-mobile-mobileStyle="widthFull" data-video-origin-width="712" data-video-origin-height="400"><iframe src="https://kakaotv.daum.net/embed/player/cliplink/rvsbve04s5ld694jarfy6g2l6@my?service=daum_cafe&ptoken=v2_d6a03bc31b5ae77a5274ecf440e081408571fa90815147bdbe110a693eb048e4733f81ca801a5065852d2f94da8073dc77562470eacb6ef5e9dd2b14e7" width="712" height="400" frameborder="0" scrolling="no" allowfullscreen="" allow="encrypted-media"></iframe><div class="figcaption"></div></div><p> </p>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
이규혁
24.04.16 숙제(인터넷시계)
이규혁
추천 0
조회 29
24.04.16 21:44
댓글 1
다음검색
첫댓글 그림으로 처리하면 더 좋았을듯 합니다.
수고하셨어요