<![CDATA[
<div class="figure-video" data-ke-type="video" data-video-url="https://kakaotv.daum.net/embed/player/cliplink/rv2uablnh0eq4z3qdq747br7x@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/rv2uablnh0eq4z3qdq747br7x/thumbs/2.jpg?credential=TuMuFGKUIcirOSjFzOpncbomGFEIdZWK&expires=33271213928&signature=g%2FmyMV1oCAJcBVO1w2L16AzY0KA%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/rv2uablnh0eq4z3qdq747br7x@my?service=daum_cafe&ptoken=v2_2bcd66da39c8520fa31e0f23bceafba99c518631a3bc394d888ec3513d758b0129cd6378ab3a112dc76bc97f4935fbe7d5311e061572bbef36ed556a8e" width="712" height="400" frameborder="0" scrolling="no" allowfullscreen="" allow="encrypted-media"></iframe><div class="figcaption"></div></div><p>1. login.jsp</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 style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div><div style="line-height:130%">78</div><div style="line-height:130%">79</div><div style="line-height:130%">80</div><div style="line-height:130%">81</div><div style="line-height:130%">82</div><div style="line-height:130%">83</div><div style="line-height:130%">84</div><div style="line-height:130%">85</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:#066de2">%@</span>&nbsp;<span style="color:#0a9989">page</span>&nbsp;<span style="color:#0a9989">language</span>=<span style="color:#df5000">"java"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">contentType</span>=<span style="color:#df5000">"text/html;&nbsp;charset=UTF-8"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989">pageEncoding</span>=<span style="color:#df5000">"UTF-8"</span><span style="color:#0a9989">%</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:#066de2">%</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">String</span>&nbsp;<span style="color:#0a9989">mid</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#0a9989"></span>&nbsp;<span style="color:#df5000">""</span><span style="color:#0a9989">;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">String</span>&nbsp;<span style="color:#0a9989">error</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#0a9989"></span>&nbsp;request.getParameter(<span style="color:#df5000">"error"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">Cookie[]</span>&nbsp;<span style="color:#0a9989">cookies</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">request.getCookies();</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">if</span>&nbsp;<span style="color:#0a9989">(cookies</span>&nbsp;<span style="color:#0a9989">!</span>=<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">null)</span>&nbsp;<span style="color:#0a9989">{</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">for</span>&nbsp;<span style="color:#0a9989">(Cookie</span>&nbsp;<span style="color:#0a9989">c</span>&nbsp;<span style="color:#0a9989">:</span>&nbsp;<span style="color:#0a9989">cookies)</span>&nbsp;<span style="color:#0a9989">{</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">if</span>&nbsp;(c.getName().equals(<span style="color:#df5000">"cMid"</span><span style="color:#0a9989">))</span>&nbsp;<span style="color:#0a9989">{</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">mid</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">c.getValue();</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">break;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">}</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">}</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">}</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">%</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:#066de2">!DOCTYPE</span>&nbsp;<span style="color:#0a9989">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:#066de2">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:#066de2">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:#066de2">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:#63a35c">'use&nbsp;strict'</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%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;register()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#066de2">alert</span>(<span style="color:#63a35c">'준비&nbsp;중입니다.'</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;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#066de2">window</span>.<span style="color:#066de2">xxonload</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#a71d5d">function</span>()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(<span style="color:#63a35c">'&lt;%=&nbsp;error&nbsp;%&gt;'</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">'true'</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#066de2">alert</span>(<span style="color:#63a35c">'아이디&nbsp;또는&nbsp;비밀번호가&nbsp;일치하지&nbsp;않습니다.&nbsp;다시&nbsp;로그인해주세요.'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</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%"><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">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:#066de2">meta</span>&nbsp;<span style="color:#0a9989">charset</span>=<span style="color:#df5000">"UTF-8"</span><span style="color:#0a9989"></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:#066de2">meta</span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"viewport"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">content</span>=<span style="color:#df5000">"width=device-width,&nbsp;initial-scale=1.0"</span><span style="color:#0a9989"></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:#066de2">title</span><span style="color:#010101">&gt;</span>쿠키로&nbsp;아이디&nbsp;저장&nbsp;연습<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">title</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:#066de2">%@</span>&nbsp;<span style="color:#0a9989">include</span>&nbsp;<span style="color:#0a9989">file</span>=<span style="color:#df5000">"/include/bs4.jsp"</span><span style="color:#0a9989">%</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:#066de2">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:#066de2">body</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:#066de2">jsp:include</span>&nbsp;<span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/header.jsp"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</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:#066de2">jsp:include</span>&nbsp;<span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/nav.jsp"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</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:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"container&nbsp;mt-5"</span><span style="color:#0a9989"></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;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"login-container"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989">style</span>=<span style="color:#df5000">"max-width:&nbsp;500px;&nbsp;margin:&nbsp;auto;&nbsp;padding:&nbsp;20px;"</span><span style="color:#0a9989"></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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">form</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"login-form"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">method</span>=<span style="color:#df5000">"post"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">action</span>=<span style="color:#df5000">"ex01_loginOk.jsp"</span><span style="color:#0a9989"></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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group&nbsp;row"</span><span style="color:#0a9989"></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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">for</span>=<span style="color:#df5000">"mid"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-sm-4&nbsp;col-form-label&nbsp;text-center"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>아이디<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-sm-8"</span><span style="color:#0a9989"></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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control&nbsp;mb-3"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"mid"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"아이디를&nbsp;입력해주세요."</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"&lt;%=&nbsp;mid&nbsp;%&gt;"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">autofocus</span>&nbsp;<span style="color:#0a9989">required</span>&nbsp;<span style="color:#0a9989">/</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group&nbsp;row"</span><span style="color:#0a9989"></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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">for</span>=<span style="color:#df5000">"password"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-sm-4&nbsp;col-form-label&nbsp;text-center"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>비밀번호<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-sm-8"</span><span style="color:#0a9989"></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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"password"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"password"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"비밀번호를&nbsp;입력해주세요."</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">required</span>&nbsp;<span style="color:#0a9989">/</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group&nbsp;row"</span><span style="color:#0a9989"></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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-sm-10&nbsp;offset-sm-2&nbsp;text-right&nbsp;mb-3"</span><span style="color:#0a9989"></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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check"</span><span style="color:#0a9989"></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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"checkbox"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"true"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"rememberId"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">&lt;%</span>=<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">(!mid.isEmpty()</span>&nbsp;<span style="color:#0a9989">?</span>&nbsp;<span style="color:#df5000">"checked"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">:</span>&nbsp;<span style="color:#df5000">""</span><span style="color:#0a9989">)</span>&nbsp;<span style="color:#0a9989">%</span><span style="color:#010101">&gt;</span>&gt;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989">for</span>=<span style="color:#df5000">"rememberId"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>아이디&nbsp;저장<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group&nbsp;row&nbsp;text-center"</span><span style="color:#0a9989"></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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col"</span><span style="color:#0a9989"></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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">button</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"submit"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-dark"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>로그인<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">button</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col"</span><span style="color:#0a9989"></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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">button</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-dark"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"location.reload()"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>다시입력<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">button</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col"</span><span style="color:#0a9989"></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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">button</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-dark"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"register()"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>회원가입<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">button</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">form</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;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">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:#010101">/</span><span style="color:#066de2">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:#066de2">jsp:include</span>&nbsp;<span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/footer.jsp"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</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:#066de2">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:#066de2">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 style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div><div style="line-height:130%">78</div><div style="line-height:130%">79</div><div style="line-height:130%">80</div><div style="line-height:130%">81</div><div style="line-height:130%">82</div><div style="line-height:130%">83</div><div style="line-height:130%">84</div><div style="line-height:130%">85</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:#066de2">%@</span> <span style="color:#0a9989">page</span> <span style="color:#0a9989">language</span>=<span style="color:#df5000">"java"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">contentType</span>=<span style="color:#df5000">"text/html; charset=UTF-8"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989">pageEncoding</span>=<span style="color:#df5000">"UTF-8"</span><span style="color:#0a9989">%</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:#066de2">%</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">String</span> <span style="color:#0a9989">mid</span> <span style="color:#0a9989"></span>=<span style="color:#0a9989"></span> <span style="color:#df5000">""</span><span style="color:#0a9989">;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">String</span> <span style="color:#0a9989">error</span> <span style="color:#0a9989"></span>=<span style="color:#0a9989"></span> request.getParameter(<span style="color:#df5000">"error"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">Cookie[]</span> <span style="color:#0a9989">cookies</span> <span style="color:#0a9989"></span>=<span style="color:#0a9989"></span> <span style="color:#0a9989">request.getCookies();</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">if</span> <span style="color:#0a9989">(cookies</span> <span style="color:#0a9989">!</span>=<span style="color:#0a9989"></span> <span style="color:#0a9989">null)</span> <span style="color:#0a9989">{</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">for</span> <span style="color:#0a9989">(Cookie</span> <span style="color:#0a9989">c</span> <span style="color:#0a9989">:</span> <span style="color:#0a9989">cookies)</span> <span style="color:#0a9989">{</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">if</span> (c.getName().equals(<span style="color:#df5000">"cMid"</span><span style="color:#0a9989">))</span> <span style="color:#0a9989">{</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">mid</span> <span style="color:#0a9989"></span>=<span style="color:#0a9989"></span> <span style="color:#0a9989">c.getValue();</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">break;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">}</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">}</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">}</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">%</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:#066de2">!DOCTYPE</span> <span style="color:#0a9989">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:#066de2">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:#066de2">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:#066de2">script</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#63a35c">'use strict'</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:#a71d5d">function</span> register() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">alert</span>(<span style="color:#63a35c">'준비 중입니다.'</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:#066de2">window</span>.<span style="color:#066de2">xxonload</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#a71d5d">function</span>() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> (<span style="color:#63a35c">'<%= error %>'</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">'true'</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">alert</span>(<span style="color:#63a35c">'아이디 또는 비밀번호가 일치하지 않습니다. 다시 로그인해주세요.'</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:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">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:#066de2">meta</span> <span style="color:#0a9989">charset</span>=<span style="color:#df5000">"UTF-8"</span><span style="color:#0a9989"></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:#066de2">meta</span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"viewport"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">content</span>=<span style="color:#df5000">"width=device-width, initial-scale=1.0"</span><span style="color:#0a9989"></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:#066de2">title</span><span style="color:#010101">></span>쿠키로 아이디 저장 연습<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">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:#066de2">%@</span> <span style="color:#0a9989">include</span> <span style="color:#0a9989">file</span>=<span style="color:#df5000">"/include/bs4.jsp"</span><span style="color:#0a9989">%</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:#066de2">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:#066de2">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:#066de2">jsp:include</span> <span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/header.jsp"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</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:#066de2">jsp:include</span> <span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/nav.jsp"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"container mt-5"</span><span style="color:#0a9989"></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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"login-container"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">style</span>=<span style="color:#df5000">"max-width: 500px; margin: auto; padding: 20px;"</span><span style="color:#0a9989"></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:#066de2">form</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"login-form"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">method</span>=<span style="color:#df5000">"post"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">action</span>=<span style="color:#df5000">"ex01_loginOk.jsp"</span><span style="color:#0a9989"></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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group row"</span><span style="color:#0a9989"></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:#066de2">label</span> <span style="color:#0a9989">for</span>=<span style="color:#df5000">"mid"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-sm-4 col-form-label text-center"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>아이디<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-sm-8"</span><span style="color:#0a9989"></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:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control mb-3"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"mid"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"아이디를 입력해주세요."</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"<%= mid %>"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">autofocus</span> <span style="color:#0a9989">required</span> <span style="color:#0a9989">/</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:#066de2">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:#066de2">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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group row"</span><span style="color:#0a9989"></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:#066de2">label</span> <span style="color:#0a9989">for</span>=<span style="color:#df5000">"password"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-sm-4 col-form-label text-center"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>비밀번호<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-sm-8"</span><span style="color:#0a9989"></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:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"password"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"password"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"비밀번호를 입력해주세요."</span><span style="color:#0a9989"></span> <span style="color:#0a9989">required</span> <span style="color:#0a9989">/</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:#066de2">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:#066de2">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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group row"</span><span style="color:#0a9989"></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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-sm-10 offset-sm-2 text-right mb-3"</span><span style="color:#0a9989"></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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check"</span><span style="color:#0a9989"></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:#066de2">input</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"checkbox"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"true"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"rememberId"</span><span style="color:#0a9989"></span> <span style="color:#0a9989"><%</span>=<span style="color:#0a9989"></span> <span style="color:#0a9989">(!mid.isEmpty()</span> <span style="color:#0a9989">?</span> <span style="color:#df5000">"checked"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">:</span> <span style="color:#df5000">""</span><span style="color:#0a9989">)</span> <span style="color:#0a9989">%</span><span style="color:#010101">></span>> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">for</span>=<span style="color:#df5000">"rememberId"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>아이디 저장<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</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:#066de2">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:#066de2">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:#066de2">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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group row text-center"</span><span style="color:#0a9989"></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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col"</span><span style="color:#0a9989"></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:#066de2">button</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"submit"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-dark"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>로그인<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">button</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:#066de2">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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col"</span><span style="color:#0a9989"></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:#066de2">button</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-dark"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"location.reload()"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>다시입력<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">button</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:#066de2">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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col"</span><span style="color:#0a9989"></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:#066de2">button</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-dark"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"register()"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>회원가입<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">button</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:#066de2">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:#066de2">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:#066de2">form</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:#066de2">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:#066de2">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:#066de2">jsp:include</span> <span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/footer.jsp"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</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:#066de2">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:#066de2">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>2. loginOk.jsp</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></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:#066de2">%@</span>&nbsp;<span style="color:#0a9989">page</span>&nbsp;<span style="color:#0a9989">language</span>=<span style="color:#df5000">"java"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">contentType</span>=<span style="color:#df5000">"text/html;&nbsp;charset=UTF-8"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">pageEncoding</span>=<span style="color:#df5000">"UTF-8"</span><span style="color:#0a9989">%</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:#066de2">%</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">request.setCharacterEncoding(<span style="color:#df5000">"utf-8"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">String</span>&nbsp;<span style="color:#0a9989">rememberId</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#0a9989"></span>&nbsp;request.getParameter(<span style="color:#df5000">"rememberId"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">String</span>&nbsp;<span style="color:#0a9989">mid</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#0a9989"></span>&nbsp;request.getParameter(<span style="color:#df5000">"mid"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">String</span>&nbsp;<span style="color:#0a9989">password</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#0a9989"></span>&nbsp;request.getParameter(<span style="color:#df5000">"password"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">if</span>&nbsp;(<span style="color:#df5000">"admin"</span><span style="color:#0a9989">.equals(mid)</span>&nbsp;<span style="color:#0a9989">&amp;&amp;</span>&nbsp;<span style="color:#df5000">"1234"</span><span style="color:#0a9989">.equals(password))</span>&nbsp;<span style="color:#0a9989">{</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">Cookie</span>&nbsp;<span style="color:#0a9989">cookieMid</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">new</span>&nbsp;Cookie(<span style="color:#df5000">"cMid"</span><span style="color:#0a9989">,</span>&nbsp;<span style="color:#0a9989">mid);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">if</span>&nbsp;(<span style="color:#df5000">"true"</span><span style="color:#0a9989">.equals(rememberId))</span>&nbsp;<span style="color:#0a9989">{</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">cookieMid.setMaxAge(60</span>&nbsp;<span style="color:#0a9989">*</span>&nbsp;<span style="color:#0a9989">60</span>&nbsp;<span style="color:#0a9989">*</span>&nbsp;<span style="color:#0a9989">24</span>&nbsp;<span style="color:#0a9989">*</span>&nbsp;<span style="color:#0a9989">30);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">}</span>&nbsp;<span style="color:#0a9989">else</span>&nbsp;<span style="color:#0a9989">{</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">cookieMid.setMaxAge(0);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">}</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">response.addCookie(cookieMid);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">response.sendRedirect(request.getContextPath()</span>&nbsp;<span style="color:#0a9989">+</span>&nbsp;<span style="color:#df5000">"/study/homework/ex01_main.jsp?mid="</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">+</span>&nbsp;<span style="color:#0a9989">mid);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">}</span>&nbsp;<span style="color:#0a9989">else</span>&nbsp;<span style="color:#0a9989">{</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">response.sendRedirect(request.getContextPath()</span>&nbsp;<span style="color:#0a9989">+</span>&nbsp;<span style="color:#df5000">"/study/homework/ex01_login.jsp?error=true"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">}</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">%</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:#066de2">!DOCTYPE</span>&nbsp;<span style="color:#0a9989">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:#066de2">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:#066de2">head</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:#066de2">meta</span>&nbsp;<span style="color:#0a9989">charset</span>=<span style="color:#df5000">"UTF-8"</span><span style="color:#0a9989"></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:#066de2">meta</span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"viewport"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">content</span>=<span style="color:#df5000">"width=device-width,&nbsp;initial-scale=1.0"</span><span style="color:#0a9989"></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:#066de2">title</span><span style="color:#010101">&gt;</span>쿠키로&nbsp;아이디&nbsp;저장&nbsp;연습<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">title</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:#066de2">%@</span>&nbsp;<span style="color:#0a9989">include</span>&nbsp;<span style="color:#0a9989">file</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#0a9989"></span>&nbsp;<span style="color:#df5000">"/include/bs4.jsp"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">%</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:#066de2">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:#066de2">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:#066de2">jsp:include</span>&nbsp;<span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/header.jsp"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</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:#066de2">jsp:include</span>&nbsp;<span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/nav.jsp"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</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:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"container&nbsp;mt-5"</span><span style="color:#0a9989"></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:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"hidden"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"hostIp"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"&lt;%=request.getRemoteAddr()&nbsp;%&gt;"</span><span style="color:#0a9989">/</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:#066de2">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:#066de2">jsp:include</span>&nbsp;<span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/footer.jsp"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</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:#066de2">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:#066de2">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></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:#066de2">%@</span> <span style="color:#0a9989">page</span> <span style="color:#0a9989">language</span>=<span style="color:#df5000">"java"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">contentType</span>=<span style="color:#df5000">"text/html; charset=UTF-8"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">pageEncoding</span>=<span style="color:#df5000">"UTF-8"</span><span style="color:#0a9989">%</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:#066de2">%</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">request.setCharacterEncoding(<span style="color:#df5000">"utf-8"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">String</span> <span style="color:#0a9989">rememberId</span> <span style="color:#0a9989"></span>=<span style="color:#0a9989"></span> request.getParameter(<span style="color:#df5000">"rememberId"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">String</span> <span style="color:#0a9989">mid</span> <span style="color:#0a9989"></span>=<span style="color:#0a9989"></span> request.getParameter(<span style="color:#df5000">"mid"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">String</span> <span style="color:#0a9989">password</span> <span style="color:#0a9989"></span>=<span style="color:#0a9989"></span> request.getParameter(<span style="color:#df5000">"password"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">if</span> (<span style="color:#df5000">"admin"</span><span style="color:#0a9989">.equals(mid)</span> <span style="color:#0a9989">&&</span> <span style="color:#df5000">"1234"</span><span style="color:#0a9989">.equals(password))</span> <span style="color:#0a9989">{</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">Cookie</span> <span style="color:#0a9989">cookieMid</span> <span style="color:#0a9989"></span>=<span style="color:#0a9989"></span> <span style="color:#0a9989">new</span> Cookie(<span style="color:#df5000">"cMid"</span><span style="color:#0a9989">,</span> <span style="color:#0a9989">mid);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">if</span> (<span style="color:#df5000">"true"</span><span style="color:#0a9989">.equals(rememberId))</span> <span style="color:#0a9989">{</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">cookieMid.setMaxAge(60</span> <span style="color:#0a9989">*</span> <span style="color:#0a9989">60</span> <span style="color:#0a9989">*</span> <span style="color:#0a9989">24</span> <span style="color:#0a9989">*</span> <span style="color:#0a9989">30);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">}</span> <span style="color:#0a9989">else</span> <span style="color:#0a9989">{</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">cookieMid.setMaxAge(0);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">}</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">response.addCookie(cookieMid);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">response.sendRedirect(request.getContextPath()</span> <span style="color:#0a9989">+</span> <span style="color:#df5000">"/study/homework/ex01_main.jsp?mid="</span><span style="color:#0a9989"></span> <span style="color:#0a9989">+</span> <span style="color:#0a9989">mid);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">}</span> <span style="color:#0a9989">else</span> <span style="color:#0a9989">{</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">response.sendRedirect(request.getContextPath()</span> <span style="color:#0a9989">+</span> <span style="color:#df5000">"/study/homework/ex01_login.jsp?error=true"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">}</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">%</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:#066de2">!DOCTYPE</span> <span style="color:#0a9989">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:#066de2">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:#066de2">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:#066de2">meta</span> <span style="color:#0a9989">charset</span>=<span style="color:#df5000">"UTF-8"</span><span style="color:#0a9989"></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:#066de2">meta</span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"viewport"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">content</span>=<span style="color:#df5000">"width=device-width, initial-scale=1.0"</span><span style="color:#0a9989"></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:#066de2">title</span><span style="color:#010101">></span>쿠키로 아이디 저장 연습<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">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:#066de2">%@</span> <span style="color:#0a9989">include</span> <span style="color:#0a9989">file</span> <span style="color:#0a9989"></span>=<span style="color:#0a9989"></span> <span style="color:#df5000">"/include/bs4.jsp"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">%</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:#066de2">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:#066de2">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:#066de2">jsp:include</span> <span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/header.jsp"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</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:#066de2">jsp:include</span> <span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/nav.jsp"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"container mt-5"</span><span style="color:#0a9989"></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:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"hidden"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"hostIp"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"<%=request.getRemoteAddr() %>"</span><span style="color:#0a9989">/</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:#066de2">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:#066de2">jsp:include</span> <span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/footer.jsp"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</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:#066de2">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:#066de2">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>3. main.jsp</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></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:#066de2">%@</span>&nbsp;<span style="color:#0a9989">page</span>&nbsp;<span style="color:#0a9989">language</span>=<span style="color:#df5000">"java"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">contentType</span>=<span style="color:#df5000">"text/html;&nbsp;charset=UTF-8"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">pageEncoding</span>=<span style="color:#df5000">"UTF-8"</span><span style="color:#0a9989">%</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:#066de2">%</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">request.setCharacterEncoding(<span style="color:#df5000">"utf-8"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">String</span>&nbsp;<span style="color:#0a9989">mid</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#0a9989"></span>&nbsp;request.getParameter(<span style="color:#df5000">"mid"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">String</span>&nbsp;<span style="color:#0a9989">password</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#0a9989"></span>&nbsp;request.getParameter(<span style="color:#df5000">"password"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">String</span>&nbsp;<span style="color:#0a9989">hostIp</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">request.getRemoteAddr();</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">pageContext.setAttribute(<span style="color:#df5000">"hostIp"</span><span style="color:#0a9989">,</span>&nbsp;<span style="color:#0a9989">hostIp);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">%</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:#066de2">!DOCTYPE</span>&nbsp;<span style="color:#0a9989">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:#066de2">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:#066de2">head</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:#066de2">meta</span>&nbsp;<span style="color:#0a9989">charset</span>=<span style="color:#df5000">"UTF-8"</span><span style="color:#0a9989"></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:#066de2">meta</span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"viewport"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">content</span>=<span style="color:#df5000">"width=device-width,&nbsp;initial-scale=1.0"</span><span style="color:#0a9989"></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:#066de2">title</span><span style="color:#010101">&gt;</span>쿠키로&nbsp;아이디&nbsp;저장&nbsp;연습<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">title</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:#066de2">%@</span>&nbsp;<span style="color:#0a9989">include</span>&nbsp;<span style="color:#0a9989">file</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#0a9989"></span>&nbsp;<span style="color:#df5000">"/include/bs4.jsp"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">%</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:#066de2">script</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;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;logout()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#066de2">alert</span>(<span style="color:#63a35c">'&lt;%=mid&nbsp;%&gt;님&nbsp;로그아웃&nbsp;되었습니다.'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#066de2">location</span>.href&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">'&lt;%=request.getContextPath()&nbsp;%&gt;/study/homework/ex01_login.jsp'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;displayHostInfo()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;hostInfoDiv&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#066de2">document</span>.<span style="color:#066de2">getElementById</span>(<span style="color:#63a35c">'hostInfo'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>(hostInfoDiv.style.display&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">'none'</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span><span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>&nbsp;hostInfoDiv.style.display&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">''</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;hostInfoDiv.style.display&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">'block'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#a71d5d">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;hostInfoDiv.style.dispaly&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">'none'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</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:#066de2">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:#066de2">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:#066de2">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:#066de2">jsp:include</span>&nbsp;<span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/header.jsp"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</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:#066de2">jsp:include</span>&nbsp;<span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/nav.jsp"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</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:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"container&nbsp;mt-5"</span><span style="color:#0a9989"></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:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"member-container&nbsp;text-center"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">style</span>=<span style="color:#df5000">"max-width:&nbsp;600px;&nbsp;margin:&nbsp;auto;&nbsp;padding:&nbsp;20px;"</span><span style="color:#0a9989"></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;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">h3</span><span style="color:#010101">&gt;</span>회원&nbsp;전용&nbsp;방<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">h3</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;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">p</span><span style="color:#010101">&gt;</span>현재&nbsp;<span style="color:#0a9989">&lt;%</span>=<span style="color:#0a9989">mid</span>&nbsp;<span style="color:#0a9989">%</span><span style="color:#010101">&gt;</span>님&nbsp;로그인&nbsp;중입니다.<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">p</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;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">hr/</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;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">button</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-success"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"displayHostInfoBtn"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"displayHostInfo()"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>접속조회<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">button</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;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">a</span>&nbsp;<span style="color:#0a9989">href</span>=<span style="color:#df5000">"ex01_login.jsp"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-warning"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"logout()"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>로그아웃<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">a</span><span style="color:#010101">&gt;</span>&nbsp;&nbsp;&nbsp;&nbsp;</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:#066de2">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:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"host-container&nbsp;text-center"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"hostInfo"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">style</span>=<span style="color:#df5000">"max-width:&nbsp;700px;&nbsp;margin:&nbsp;auto;&nbsp;padding:&nbsp;20px;&nbsp;display:&nbsp;none;"</span><span style="color:#0a9989"></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:#066de2">hr/</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:#066de2">h3</span><span style="color:#010101">&gt;</span>서버&nbsp;환경&nbsp;변수&nbsp;정보<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">h3</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:#066de2">div</span><span style="color:#010101">&gt;</span>1.&nbsp;호스트&nbsp;IP&nbsp;:&nbsp;<span style="color:#0a9989">&lt;%</span>=<span style="color:#0a9989">hostIp</span>&nbsp;<span style="color:#0a9989">%</span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">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:#066de2">div</span><span style="color:#010101">&gt;</span>2.&nbsp;접속&nbsp;URL&nbsp;:&nbsp;<span style="color:#0a9989">&lt;%</span>=<span style="color:#0a9989">request.getRequestURL()</span>&nbsp;<span style="color:#0a9989">%</span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">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:#066de2">div</span><span style="color:#010101">&gt;</span>3.&nbsp;ContextPath명&nbsp;:&nbsp;<span style="color:#0a9989">&lt;%</span>=<span style="color:#0a9989">request.getContextPath()</span>&nbsp;<span style="color:#0a9989">%</span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">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:#066de2">div</span><span style="color:#010101">&gt;</span>4.&nbsp;접속&nbsp;프로토콜&nbsp;:&nbsp;<span style="color:#0a9989">&lt;%</span>=<span style="color:#0a9989">request.getProtocol()</span>&nbsp;<span style="color:#0a9989">%</span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">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:#066de2">div</span><span style="color:#010101">&gt;</span>5.&nbsp;전송&nbsp;방식&nbsp;:&nbsp;<span style="color:#0a9989">&lt;%</span>=<span style="color:#0a9989">request.getMethod()</span>&nbsp;<span style="color:#0a9989">%</span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">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:#066de2">hr/</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:#066de2">button</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-primary"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"location.reload()"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>새로고침<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">button</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:#066de2">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:#066de2">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:#066de2">jsp:include</span>&nbsp;<span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/footer.jsp"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</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:#066de2">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:#066de2">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></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:#066de2">%@</span> <span style="color:#0a9989">page</span> <span style="color:#0a9989">language</span>=<span style="color:#df5000">"java"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">contentType</span>=<span style="color:#df5000">"text/html; charset=UTF-8"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">pageEncoding</span>=<span style="color:#df5000">"UTF-8"</span><span style="color:#0a9989">%</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:#066de2">%</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">request.setCharacterEncoding(<span style="color:#df5000">"utf-8"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">String</span> <span style="color:#0a9989">mid</span> <span style="color:#0a9989"></span>=<span style="color:#0a9989"></span> request.getParameter(<span style="color:#df5000">"mid"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">String</span> <span style="color:#0a9989">password</span> <span style="color:#0a9989"></span>=<span style="color:#0a9989"></span> request.getParameter(<span style="color:#df5000">"password"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">String</span> <span style="color:#0a9989">hostIp</span> <span style="color:#0a9989"></span>=<span style="color:#0a9989"></span> <span style="color:#0a9989">request.getRemoteAddr();</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">pageContext.setAttribute(<span style="color:#df5000">"hostIp"</span><span style="color:#0a9989">,</span> <span style="color:#0a9989">hostIp);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989">%</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:#066de2">!DOCTYPE</span> <span style="color:#0a9989">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:#066de2">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:#066de2">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:#066de2">meta</span> <span style="color:#0a9989">charset</span>=<span style="color:#df5000">"UTF-8"</span><span style="color:#0a9989"></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:#066de2">meta</span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"viewport"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">content</span>=<span style="color:#df5000">"width=device-width, initial-scale=1.0"</span><span style="color:#0a9989"></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:#066de2">title</span><span style="color:#010101">></span>쿠키로 아이디 저장 연습<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">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:#066de2">%@</span> <span style="color:#0a9989">include</span> <span style="color:#0a9989">file</span> <span style="color:#0a9989"></span>=<span style="color:#0a9989"></span> <span style="color:#df5000">"/include/bs4.jsp"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">%</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:#066de2">script</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> logout() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">alert</span>(<span style="color:#63a35c">'<%=mid %>님 로그아웃 되었습니다.'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">location</span>.href <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">'<%=request.getContextPath() %>/study/homework/ex01_login.jsp'</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:#a71d5d">function</span> displayHostInfo() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> hostInfoDiv <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#066de2">document</span>.<span style="color:#066de2">getElementById</span>(<span style="color:#63a35c">'hostInfo'</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:#a71d5d">if</span>(hostInfoDiv.style.display <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">'none'</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">|</span><span style="color:#ff3399"></span><span style="color:#a71d5d">|</span> hostInfoDiv.style.display <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">''</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> hostInfoDiv.style.display <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">'block'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> } <span style="color:#a71d5d">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> hostInfoDiv.style.dispaly <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">'none'</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:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">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:#066de2">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:#066de2">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:#066de2">jsp:include</span> <span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/header.jsp"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</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:#066de2">jsp:include</span> <span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/nav.jsp"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"container mt-5"</span><span style="color:#0a9989"></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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"member-container text-center"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">style</span>=<span style="color:#df5000">"max-width: 600px; margin: auto; padding: 20px;"</span><span style="color:#0a9989"></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:#066de2">h3</span><span style="color:#010101">></span>회원 전용 방<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">h3</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:#066de2">p</span><span style="color:#010101">></span>현재 <span style="color:#0a9989"><%</span>=<span style="color:#0a9989">mid</span> <span style="color:#0a9989">%</span><span style="color:#010101">></span>님 로그인 중입니다.<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">p</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:#066de2">hr/</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:#066de2">button</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-success"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"displayHostInfoBtn"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"displayHostInfo()"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>접속조회<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">button</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:#066de2">a</span> <span style="color:#0a9989">href</span>=<span style="color:#df5000">"ex01_login.jsp"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-warning"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"logout()"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>로그아웃<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">a</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:#066de2">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:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"host-container text-center"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"hostInfo"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">style</span>=<span style="color:#df5000">"max-width: 700px; margin: auto; padding: 20px; display: none;"</span><span style="color:#0a9989"></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:#066de2">hr/</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:#066de2">h3</span><span style="color:#010101">></span>서버 환경 변수 정보<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">h3</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:#066de2">div</span><span style="color:#010101">></span>1. 호스트 IP : <span style="color:#0a9989"><%</span>=<span style="color:#0a9989">hostIp</span> <span style="color:#0a9989">%</span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">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:#066de2">div</span><span style="color:#010101">></span>2. 접속 URL : <span style="color:#0a9989"><%</span>=<span style="color:#0a9989">request.getRequestURL()</span> <span style="color:#0a9989">%</span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">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:#066de2">div</span><span style="color:#010101">></span>3. ContextPath명 : <span style="color:#0a9989"><%</span>=<span style="color:#0a9989">request.getContextPath()</span> <span style="color:#0a9989">%</span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">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:#066de2">div</span><span style="color:#010101">></span>4. 접속 프로토콜 : <span style="color:#0a9989"><%</span>=<span style="color:#0a9989">request.getProtocol()</span> <span style="color:#0a9989">%</span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">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:#066de2">div</span><span style="color:#010101">></span>5. 전송 방식 : <span style="color:#0a9989"><%</span>=<span style="color:#0a9989">request.getMethod()</span> <span style="color:#0a9989">%</span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">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:#066de2">hr/</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:#066de2">button</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-primary"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"location.reload()"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>새로고침<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">button</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:#066de2">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:#066de2">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:#066de2">jsp:include</span> <span style="color:#0a9989">page</span>=<span style="color:#df5000">"/include/footer.jsp"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</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:#066de2">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:#066de2">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>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
심지언
240426 숙제
심지언
추천 0
조회 24
24.04.28 20:54
댓글 1
다음검색
첫댓글 div태그로 아주 예쁘게 잘 구성하셨네요.
jsp에서 처리된 내용들을 서블릿에서도 잘 연습해 보세요. 수고하셨습니다.