<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><span style="box-sizing: border-box; font-size: 12pt;">IOT제품을 만들려면, 처음 제품을 받았을때 집안의 AP와 연결을 해주어야 합니다.</span><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><span style="box-sizing: border-box; font-size: 12pt;"><br style="box-sizing: border-box;" /></span></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><span style="box-sizing: border-box; font-size: 12pt;">그러기 위해서 ESP8266을 AP모드의 SERVER로 설정하여 집안의 AP정보를 입력해주어야 합니다.</span></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><span style="box-sizing: border-box; font-size: 12pt;"><br style="box-sizing: border-box;" /></span></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">android app을 이용하여 ESP8266에 AP정보를 전달하는 것은 이전에 해보았는데</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">이번에는 WEBSERVER를 이용해 보겠습니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: center; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><a href="http://answerofgod.tistory.com/entry/%ED%98%84%EC%9E%AC-%EC%97%B0%EA%B2%B0%EB%90%9C-APWIFI-%EC%A0%95%EB%B3%B4%EA%B0%80%EC%A0%B8%EC%98%A4%EA%B8%B0" target="_blank" class="tx-link" style="box-sizing: border-box; background-color: transparent; color: #303030; text-decoration-line: none; transition: color 0.2s ease-in-out 0s;"><span style="box-sizing: border-box; color: #ff0000;">android app을 이용한 포스트 가기!!</span></a></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: center; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><span style="box-sizing: border-box; font-weight: 700;"><span style="box-sizing: border-box; color: #ff0000;"></span><a href="https://drive.google.com/open?id=0B0zY0_cE5KkfT3dUeVpIejNLc3c" target="_blank" class="tx-link" style="box-sizing: border-box; background-color: transparent; color: #303030; text-decoration-line: none; transition: color 0.2s ease-in-out 0s;"><span style="box-sizing: border-box; color: #ff0000;">예제소스 다운로드</span></a></span><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">먼저 헤더파일부터 추가시키고 클래스를 선언해줍니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<div class="colorscripter-code" style="box-sizing: border-box; font-size: 14px; background-color: #ffffff; color: #f0f0f0; overflow: auto; font-family: Consolas, &quot;Liberation Mono&quot;, Menlo, Courier, monospace !important; position: relative !important;">
   <table class="colorscripter-code-table" cellspacing="0" cellpadding="0" style="border-spacing: 0px; background-color: #272727; margin: 0px; padding: 0px; border-width: initial; border-style: none; border-color: initial; border-radius: 4px;">
      <tbody style="box-sizing: border-box;">
         <tr style="box-sizing: border-box;">
            <td style="box-sizing: border-box; padding: 6px; border-right: 2px solid rgb(79, 79, 79);">
               <div style="box-sizing: border-box; margin: 0px; padding: 0px; word-break: normal; text-align: right; color: #aaaaaa; line-height: 18.2px;">
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">1</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">2</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">3</span></div>
                  </div>
               </td>
            <td style="box-sizing: border-box; padding: 6px 0px;">
               <div style="box-sizing: border-box; margin: 0px; padding: 0px; color: #f0f0f0; line-height: 18.2px;">
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; color: #0086b3; font-size: 10pt;">#include</span><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">&lt;</span><span style="box-sizing: border-box; font-size: 10pt;">ESP8266WebServer.h</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">&gt;</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">ESP8266WebServer&nbsp;Web(</span><span style="box-sizing: border-box; color: #c10aff; font-size: 10pt;">80</span><span style="box-sizing: border-box; font-size: 10pt;">);</span></div>
                  </div>
               </td>
            <td style="box-sizing: border-box; padding: 0px 2px 4px 0px; vertical-align: bottom;"><a href="http://colorscripter.com/info#e" target="_blank" style="box-sizing: border-box; background-color: transparent; color: white; text-decoration-line: none; transition: color 0.2s ease-in-out 0s;"><span style="box-sizing: border-box; font-size: 9px; word-break: normal; border-radius: 10px; padding: 1px; background-color: #4f4f4f;">cs</span></a></td>
            </tr>
         </tbody>
      </table>
   </div>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">Line 3 : 보통은 웹서버의 포트를 80으로 쓰기때문에 80으로 설정했습니다.(변경 가능합니다.)</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">그리고 만약에 포트를 넣지않으면 자동 80번입이다.&nbsp;</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">ESP8266WebServer.h에 80번 기본 설정되어 있습니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">다음으로 Webpage를 만들고 설정을 해줍니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<div class="colorscripter-code" style="box-sizing: border-box; font-size: 14px; background-color: #ffffff; color: #f0f0f0; overflow: auto; font-family: Consolas, &quot;Liberation Mono&quot;, Menlo, Courier, monospace !important; position: relative !important;">
   <table class="colorscripter-code-table" cellspacing="0" cellpadding="0" style="border-spacing: 0px; background-color: #272727; margin: 0px; padding: 0px; border-width: initial; border-style: none; border-color: initial; border-radius: 4px;">
      <tbody style="box-sizing: border-box;">
         <tr style="box-sizing: border-box;">
            <td style="box-sizing: border-box; padding: 6px; border-right: 2px solid rgb(79, 79, 79);">
               <div style="box-sizing: border-box; margin: 0px; padding: 0px; word-break: normal; text-align: right; color: #aaaaaa; line-height: 18.2px;">
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">1</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">2</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">3</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">4</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">5</span></div>
                  </div>
               </td>
            <td style="box-sizing: border-box; padding: 6px 0px;">
               <div style="box-sizing: border-box; margin: 0px; padding: 0px; color: #f0f0f0; line-height: 18.2px;">
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">ESP8266WebServer&nbsp;Web(</span><span style="box-sizing: border-box; color: #c10aff; font-size: 10pt;">80</span><span style="box-sizing: border-box; font-size: 10pt;">);</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">Web.on(</span><span style="box-sizing: border-box; color: #ffd500; font-size: 10pt;">"/"</span><span style="box-sizing: border-box; font-size: 10pt;">,indexpage);</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">Web.on(</span><span style="box-sizing: border-box; color: #ffd500; font-size: 10pt;">"/save"</span><span style="box-sizing: border-box; font-size: 10pt;">,savepage);</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">Web.</span><span style="box-sizing: border-box; color: #4be6fa; font-size: 10pt;">begin</span><span style="box-sizing: border-box; font-size: 10pt;">();</span></div>
                  </div>
               </td>
            <td style="box-sizing: border-box; padding: 0px 2px 4px 0px; vertical-align: bottom;"><a href="http://colorscripter.com/info#e" target="_blank" style="box-sizing: border-box; background-color: transparent; color: white; text-decoration-line: none; transition: color 0.2s ease-in-out 0s;"><span style="box-sizing: border-box; font-size: 9px; word-break: normal; border-radius: 10px; padding: 1px; background-color: #4f4f4f;">cs</span></a></td>
            </tr>
         </tbody>
      </table>
   </div>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">Line 3~4 : WebPage 설정부분입니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">Line 3 : WebPage의 루트(/)는 indexpage라는 함수에 정의되어 있고,</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">Line 4 : /save 는 savepage라는 함수에 정의되어 있습니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">Line 5 : 정의를 한 다음 begin메소드를 사용하여 준비시킵니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">여기까지는 setup() 안에서 해주면 됩니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<div class="colorscripter-code" style="box-sizing: border-box; font-size: 14px; background-color: #ffffff; color: #f0f0f0; overflow: auto; font-family: Consolas, &quot;Liberation Mono&quot;, Menlo, Courier, monospace !important; position: relative !important;">
   <table class="colorscripter-code-table" cellspacing="0" cellpadding="0" style="border-spacing: 0px; background-color: #272727; margin: 0px; padding: 0px; border-width: initial; border-style: none; border-color: initial; border-radius: 4px;">
      <tbody style="box-sizing: border-box;">
         <tr style="box-sizing: border-box;">
            <td style="box-sizing: border-box; padding: 6px; border-right: 2px solid rgb(79, 79, 79);">
               <div style="box-sizing: border-box; margin: 0px; padding: 0px; word-break: normal; text-align: right; color: #aaaaaa; line-height: 18.2px;">
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">1</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">2</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">3</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">4</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">5</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">6</span></div>
                  </div>
               </td>
            <td style="box-sizing: border-box; padding: 6px 0px;">
               <div style="box-sizing: border-box; margin: 0px; padding: 0px; color: #f0f0f0; line-height: 18.2px;">
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">void</span><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;indexpage()&nbsp;{</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;Web.send(</span><span style="box-sizing: border-box; color: #c10aff; font-size: 10pt;">200</span><span style="box-sizing: border-box; font-size: 10pt;">,&nbsp;</span><span style="box-sizing: border-box; color: #ffd500; font-size: 10pt;">"text/html"</span><span style="box-sizing: border-box; font-size: 10pt;">,&nbsp;</span><span style="box-sizing: border-box; color: #ffd500; font-size: 10pt;">"&lt;p&gt;JME&nbsp;PLUG&nbsp;Wifi(AP)&nbsp;Setting!!&lt;p&gt;&lt;/br&gt;&lt;form&nbsp;method='post'&nbsp;action='save'&gt;</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; color: #ffd500; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;SSID&lt;input&nbsp;type='text'&nbsp;name='ssid'&nbsp;&gt;&lt;/br&gt;</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; color: #ffd500; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;PASSWORD&lt;input&nbsp;type='text'&nbsp;name='pw'&nbsp;&gt;&lt;/br&gt;</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; color: #ffd500; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type='submit'&nbsp;value='Save'&gt;&lt;/form&gt;"</span><span style="box-sizing: border-box; font-size: 10pt;">);</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">}</span></div>
                  </div>
               <div style="box-sizing: border-box; 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="box-sizing: border-box; background-color: transparent; color: #4f4f4f; text-decoration-line: none; transition: color 0.2s ease-in-out 0s;"><span style="box-sizing: border-box; font-size: 10pt;">Colored by Color Scripter</span></a></div>
               </td>
            <td style="box-sizing: border-box; padding: 0px 2px 4px 0px; vertical-align: bottom;"><a href="http://colorscripter.com/info#e" target="_blank" style="box-sizing: border-box; background-color: transparent; color: white; text-decoration-line: none; transition: color 0.2s ease-in-out 0s;"><span style="box-sizing: border-box; font-size: 9px; word-break: normal; border-radius: 10px; padding: 1px; background-color: #4f4f4f;">cs</span></a></td>
            </tr>
         </tbody>
      </table>
   </div>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">이 부분이 루트(/)페이지 입니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">기본적으로 html을 알아야 사용 할 수 있겠네요.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<div class="colorscripter-code" style="box-sizing: border-box; font-size: 14px; background-color: #ffffff; color: #f0f0f0; overflow: auto; font-family: Consolas, &quot;Liberation Mono&quot;, Menlo, Courier, monospace !important; position: relative !important;">
   <table class="colorscripter-code-table" cellspacing="0" cellpadding="0" style="border-spacing: 0px; background-color: #272727; margin: 0px; padding: 0px; border-width: initial; border-style: none; border-color: initial; border-radius: 4px;">
      <tbody style="box-sizing: border-box;">
         <tr style="box-sizing: border-box;">
            <td style="box-sizing: border-box; padding: 6px; border-right: 2px solid rgb(79, 79, 79);">
               <div style="box-sizing: border-box; margin: 0px; padding: 0px; word-break: normal; text-align: right; color: #aaaaaa; line-height: 18.2px;">
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">1</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">2</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">3</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">4</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">5</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">6</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">7</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">8</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">9</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">10</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">11</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">12</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">13</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">14</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">15</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">16</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">17</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">18</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">19</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">20</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">21</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">22</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">23</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">24</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">25</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">26</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">27</span></div>
                  <div style="box-sizing: border-box; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">28</span></div>
                  </div>
               </td>
            <td style="box-sizing: border-box; padding: 6px 0px;">
               <div style="box-sizing: border-box; margin: 0px; padding: 0px; color: #f0f0f0; line-height: 18.2px;">
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">void</span><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;savepage()&nbsp;{</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;Web.send(</span><span style="box-sizing: border-box; color: #c10aff; font-size: 10pt;">200</span><span style="box-sizing: border-box; font-size: 10pt;">,&nbsp;</span><span style="box-sizing: border-box; color: #ffd500; font-size: 10pt;">"text/html"</span><span style="box-sizing: border-box; font-size: 10pt;">,&nbsp;</span><span style="box-sizing: border-box; color: #ffd500; font-size: 10pt;">"&lt;p&gt;Your&nbsp;AP&nbsp;information&nbsp;is&nbsp;saved&nbsp;successfully&lt;p&gt;&lt;/br&gt;"</span><span style="box-sizing: border-box; font-size: 10pt;">);</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;String&nbsp;rcvSSID</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">=</span><span style="box-sizing: border-box; font-size: 10pt;">Web.arg(</span><span style="box-sizing: border-box; color: #ffd500; font-size: 10pt;">"ssid"</span><span style="box-sizing: border-box; font-size: 10pt;">);</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;String&nbsp;rcvPW</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">=</span><span style="box-sizing: border-box; font-size: 10pt;">Web.arg(</span><span style="box-sizing: border-box; color: #ffd500; font-size: 10pt;">"pw"</span><span style="box-sizing: border-box; font-size: 10pt;">);</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;</span><span style="box-sizing: border-box; color: #4be6fa; font-size: 10pt;">int</span><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;lengthSSID</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">=</span><span style="box-sizing: border-box; font-size: 10pt;">rcvSSID.length();</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;</span><span style="box-sizing: border-box; color: #4be6fa; font-size: 10pt;">int</span><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;lengthPW</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">=</span><span style="box-sizing: border-box; font-size: 10pt;">rcvPW.length();</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;Serial1.print(</span><span style="box-sizing: border-box; color: #ffd500; font-size: 10pt;">"ssid="</span><span style="box-sizing: border-box; font-size: 10pt;">);</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;Serial1.println(rcvSSID);</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;Serial1.print(</span><span style="box-sizing: border-box; color: #ffd500; font-size: 10pt;">"password="</span><span style="box-sizing: border-box; font-size: 10pt;">);</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;Serial1.println(rcvPW);&nbsp;&nbsp;</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">const</span><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;</span><span style="box-sizing: border-box; color: #4be6fa; font-size: 10pt;">char</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">*</span><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;sid</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">=</span><span style="box-sizing: border-box; font-size: 10pt;">rcvSSID.c_str();</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">const</span><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;</span><span style="box-sizing: border-box; color: #4be6fa; font-size: 10pt;">char</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">*</span><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;pid</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">=</span><span style="box-sizing: border-box; font-size: 10pt;">rcvPW.c_str();</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;EEPROM.write(addr_mode,station);&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">for</span><span style="box-sizing: border-box; font-size: 10pt;">(</span><span style="box-sizing: border-box; color: #4be6fa; font-size: 10pt;">int</span><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;i</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">=</span><span style="box-sizing: border-box; color: #c10aff; font-size: 10pt;">0</span><span style="box-sizing: border-box; font-size: 10pt;">;i</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">&lt;</span><span style="box-sizing: border-box; font-size: 10pt;">lengthSSID;i</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">+</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">+</span><span style="box-sizing: border-box; font-size: 10pt;">){</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;EEPROM.write(addr_ssid</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">+</span><span style="box-sizing: border-box; font-size: 10pt;">i,sid[i]);&nbsp;</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Serial1.print(sid[i]);&nbsp;&nbsp;&nbsp;</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;}</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">for</span><span style="box-sizing: border-box; font-size: 10pt;">(</span><span style="box-sizing: border-box; color: #4be6fa; font-size: 10pt;">int</span><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;i</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">=</span><span style="box-sizing: border-box; color: #c10aff; font-size: 10pt;">0</span><span style="box-sizing: border-box; font-size: 10pt;">;i</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">&lt;</span><span style="box-sizing: border-box; font-size: 10pt;">lengthPW;i</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">+</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">+</span><span style="box-sizing: border-box; font-size: 10pt;">){</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;EEPROM.write(addr_pwd</span><span style="box-sizing: border-box; color: #ff3399; font-size: 10pt;">+</span><span style="box-sizing: border-box; font-size: 10pt;">i,pid[i]);</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Serial1.print(pid[i]);</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;EEPROM.write(addr_ssid_length,lengthSSID);</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;EEPROM.write(addr_pwd_length,lengthPW);&nbsp;&nbsp;&nbsp;</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;EEPROM.commit();&nbsp;</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;Serial1.println(</span><span style="box-sizing: border-box; color: #ffd500; font-size: 10pt;">"JME&nbsp;Plug&nbsp;reboot"</span><span style="box-sizing: border-box; font-size: 10pt;">);</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;EspClass&nbsp;esp;</span></div>
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;&nbsp;esp.restart();&nbsp;</span></div>
                  <div style="box-sizing: border-box; background-color: #303030; padding: 0px 6px; white-space: pre; line-height: 18.2px;"><span style="box-sizing: border-box; font-size: 10pt;">&nbsp;</span><span style="box-sizing: border-box; font-size: 10pt; line-height: 17.3333px; background-color: #272727;">}</span></div>
                  </div>
               <div style="box-sizing: border-box; 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="box-sizing: border-box; background-color: transparent; color: #4f4f4f; text-decoration-line: none; transition: color 0.2s ease-in-out 0s;"><span style="box-sizing: border-box; font-size: 10pt;">Colored by Color Scripter</span></a></div>
               </td>
            <td style="box-sizing: border-box; padding: 0px 2px 4px 0px; vertical-align: bottom;"><a href="http://colorscripter.com/info#e" target="_blank" style="box-sizing: border-box; background-color: transparent; color: white; text-decoration-line: none; transition: color 0.2s ease-in-out 0s;"><span style="box-sizing: border-box; font-size: 9px; word-break: normal; border-radius: 10px; padding: 1px; background-color: #4f4f4f;">cs</span></a></td>
            </tr>
         </tbody>
      </table>
   </div>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">그리고 위 코드가 savepage입니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">웹에 띄워주는 부분은 Line 2이며, 그 밑으로는 ESP8266 내부적으로 돌아가는 부분입니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">여기까지 하고 돌리면 웹서버가 동작하지 않습니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">가장 중요한건 이 부분인데 loop()에 넣어주시면 됩니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<div class="colorscripter-code" style="box-sizing: border-box; font-size: 14px; background-color: #ffffff; color: #f0f0f0; overflow: auto; font-family: Consolas, &quot;Liberation Mono&quot;, Menlo, Courier, monospace !important; position: relative !important;">
   <table class="colorscripter-code-table" cellspacing="0" cellpadding="0" style="border-spacing: 0px; background-color: #272727; margin: 0px; padding: 0px; border-width: initial; border-style: none; border-color: initial; border-radius: 4px;">
      <tbody style="box-sizing: border-box;">
         <tr style="box-sizing: border-box;">
            <td style="box-sizing: border-box; padding: 6px; border-right: 2px solid rgb(79, 79, 79);">
               <div style="box-sizing: border-box; margin: 0px; padding: 0px; word-break: normal; text-align: right; color: #aaaaaa; line-height: 18.2px;">
                  <div style="box-sizing: border-box; line-height: 18.2px;">1</div>
                  </div>
               </td>
            <td style="box-sizing: border-box; padding: 6px 0px;">
               <div style="box-sizing: border-box; margin: 0px; padding: 0px; color: #f0f0f0; line-height: 18.2px;">
                  <div style="box-sizing: border-box; padding: 0px 6px; white-space: pre; line-height: 18.2px;">Web.handleClient();</div>
                  </div>
               </td>
            <td style="box-sizing: border-box; padding: 0px 2px 4px 0px; vertical-align: bottom;"><a href="http://colorscripter.com/info#e" target="_blank" style="box-sizing: border-box; background-color: transparent; color: white; text-decoration-line: none; transition: color 0.2s ease-in-out 0s;"><span style="box-sizing: border-box; font-size: 9px; word-break: normal; border-radius: 10px; padding: 1px; background-color: #4f4f4f;">cs</span></a></td>
            </tr>
         </tbody>
      </table>
   </div>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">여기까지 하시면 웹페이지를 보실 수 있습니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">WIFI를 통하여 ESP8266에 접속합니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: center; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff; clear: none; float: none;"><span class="imageblock" style="box-sizing: border-box; max-width: 100%; height: auto; display: inline-block; width: 554px;"><img srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=http%3A%2F%2Fcfile30.uf.tistory.com%2Fimage%2F273A843E5763990A107A91" src="https://t1.daumcdn.net/cfile/tistory/273A843E5763990A10" width="554" filename="ap1.jpg" filemime="image/jpeg" style="box-sizing: border-box; border: 0px; vertical-align: middle; max-width: 100%; height: auto;" /></span></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: center; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff; clear: none; float: none;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff; clear: none; float: none;">접속을 하시면 SSID와 PASSWORD를 적는 곳 나옵니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: center; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff; clear: none; float: none;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: center; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff; clear: none; float: none;"><span class="imageblock" style="box-sizing: border-box; max-width: 100%; height: auto; display: inline-block; width: 522px;"><img srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=http%3A%2F%2Fcfile25.uf.tistory.com%2Fimage%2F250B8A3E5763990B3578B1" src="https://t1.daumcdn.net/cfile/tistory/250B8A3E5763990B35" width="522" filename="ap2.jpg" filemime="image/jpeg" style="box-sizing: border-box; border: 0px; vertical-align: middle; max-width: 100%; height: auto;" /></span></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: center; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff; clear: none; float: none;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff; clear: none; float: none;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff; clear: none; float: none;">적어준 후 Save버튼을 클릭합니다.<br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff; clear: none; float: none;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: center; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff; clear: none; float: none;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: center; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff; clear: none; float: none;"><span class="imageblock" style="box-sizing: border-box; max-width: 100%; height: auto; display: inline-block; width: 588px;"><img srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=http%3A%2F%2Fcfile7.uf.tistory.com%2Fimage%2F2746C93E5763990C074A57" src="https://t1.daumcdn.net/cfile/tistory/2746C93E5763990C07" width="588" filename="save.jpg" filemime="image/jpeg" style="box-sizing: border-box; border: 0px; vertical-align: middle; max-width: 100%; height: auto;" /></span></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">페이지가 이동되면서 저장이 되었다는 문구가 나타납니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">UART로 연결된 debug 메세지입니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: center; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff; clear: none; float: none;"><span class="imageblock" style="box-sizing: border-box; max-width: 100%; height: auto; display: inline-block; width: 418px;"><img srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=http%3A%2F%2Fcfile23.uf.tistory.com%2Fimage%2F2106333757639989353726" src="https://t1.daumcdn.net/cfile/tistory/210633375763998935" width="418" filename="serial.jpg" filemime="image/jpeg" style="box-sizing: border-box; border: 0px; vertical-align: middle; max-width: 100%; height: auto;" /></span></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">루트(/)에서 입력한 SSID와 PASSWORD값이 정확히 전달되었음을 알 수 있습니다.<br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">사실 이 소스코드를 그대로 사용하는데에는 무리가 있습니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">집안의 SSID를 알고있으면 상관이 없지만, SSID의 이름을 실수로 한글자만 틀려도 접속이 안됩니다.</p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;"><br style="box-sizing: border-box;" /></p>
<p style="box-sizing: border-box; margin-bottom: 10px; text-align: justify; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">다음 포스트에서는 ESP8266에서 주변 AP 리스트를 검색하여 선택한 후 접속하는 방법으로 해보겠습니다.</p>
<p><br style="box-sizing: border-box; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;" /><br style="box-sizing: border-box; color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;" /><span style="color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">출처:&nbsp;</span><a href="https://answerofgod.tistory.com/582" style="box-sizing: border-box; background-color: #ffffff; color: #303030; text-decoration-line: none; transition: color 0.2s ease-in-out 0s; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px;" target="_blank">https://answerofgod.tistory.com/582</a><span style="color: #333333; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ffffff;">&nbsp;[The Answer's Engineering Blog]</span></p>