-- Dumping data for table `g5_write_Link`
--

INSERT INTO `g5_write_Link` VALUES (1,-1,'',1,0,0,'','','html1','DFPlayer + amplifier give weird noise','<p style=\"margin-bottom: 1em; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; font-family: Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 15px; vertical-align: baseline; box-sizing: inherit; clear: both; color: #242729; background-color: #ffffff;\">Important: Add R10, R9 to you circuit. Best way - use different power suply for mp3 module and ampflifier:</p>\r\n<p style=\"margin-bottom: 1em; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; font-family: Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 15px; vertical-align: baseline; box-sizing: inherit; clear: both; color: #242729; background-color: #ffffff;\">-for mp3 3.3V DC, -for ampflifier 5V DC</p>','https://electronics.stackexchange.com/questions/354932/dfplayer-amplifier-give-weird-noise/379121#379121','',0,0,2,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2019-04-03 17:19:15',2,'2019-04-03 17:19:15','210.101.103.92','','','','','','','','','','','',''),(2,-2,'',2,0,0,'','','html1','MPU9250 사용방법','<p><span style=\"color: #161616; font-family: AppleSDGothicNeo-Bold; font-size: 12px; background-color: #ffffff;\">MPU9250 사용방법 링크</span></p>\r\n<p><span style=\"color: #161616; font-family: AppleSDGothicNeo-Bold; font-size: 12px; background-color: #ffffff;\">&nbsp;</span></p>\r\n<p><span style=\"color: #161616; font-family: AppleSDGothicNeo-Bold; font-size: 12px; background-color: #ffffff;\">*참고로 I2C 설명&nbsp;</span></p>\r\n<p><a href=\"https://m.blog.naver.com/PostView.nhn?blogId=darknisia&amp;logNo=220669400101&amp;proxyReferer=https%3A%2F%2Fwww.google.com%2F\" style=\"font-family: sans-serif; font-size: 14px;\" target=\"_blank\">https://m.blog.naver.com/PostView.nhn?blogId=darknisia&amp;logNo=220669400101&amp;proxyReferer=https%3A%2F%2Fwww.google.com%2F</a></p>\r\n<div class=\"author_area\" style=\"overflow: hidden; padding: 24px 100px 0px 0px; -webkit-font-smoothing: antialiased; font-family: sans-serif; font-size: 14px; background-color: #ffffff;\"><a href=\"https://m.blog.naver.com/PostList.nhn?blogId=yuninjae1234\" class=\"se_thumbnail\" style=\"color: #000000; text-decoration-line: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); float: left; position: relative; padding-right: 10px;\" target=\"_blank\"></a></div>','https://m.blog.naver.com/PostView.nhn?blogId=yuninjae1234&logNo=220943497661&proxyReferer=https%3A%2F%2Fwww.google.com%2F','',1,0,2,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2019-04-07 06:07:45',0,'2019-04-07 06:07:45','192.168.219.103','','','','','','','','','','','',''),(3,-3,'',3,0,0,'','','html1','Dotstar LED 사용법','<p>Dotstar LED 사용법</p>','http://lhdangerous.godohosting.com/wiki/index.php/DotStar_LED_Strip','',3,0,3,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2019-04-09 20:04:12',0,'2019-04-09 20:04:12','192.168.219.103','','','','','','','','','','','',''),(6,-5,'',6,0,0,'','','html1','LED관련 재미있는 제품들','<div class=\"post-header\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px rgb(255, 255, 255); margin: 0px; line-height: 1.6; color: #222222; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 14px;\">\r\n   <div class=\"post-head\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 15px 0px 0px; border-width: 1px 0px 0px; border-top-style: solid; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: #f8f8f8; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; vertical-align: baseline; background: 0px 0px; margin: 0px 0px 10px; position: relative;\">\r\n      <h3 class=\"tit\" style=\"margin: 0px; padding: 0px; overflow: hidden; font-size: 19px; font-weight: 700; line-height: 26px; text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal;\">알에서 새가 깨어나는 감성 디자인 무드등, \'에그라이트\'</h3>\r\n      <h1 class=\"post-title entry-title\" itemprop=\"name headline\" style=\"outline: 0px; transition: all 0.3s ease 0s; margin: 0px 0px 5px; position: relative; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; font-family: Montserrat; display: inline-block; font-size: 32px; line-height: 40px; letter-spacing: -0.4px; color: #000000;\">\r\n         <div class=\"tit_wrap2\" style=\"padding: 38px 0px 25px; color: #1a1a1a; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, 나눔고딕, NanumGothic, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: normal;\">\r\n            <div class=\"tit_inn\" style=\"position: relative; width: 594px; margin: 0px auto; padding-right: 302px;\">\r\n               <div class=\"tit_area\" style=\"display: inline-block; max-width: 100%; margin-bottom: 5px;\">&nbsp;</div>\r\n               <div id=\"worksUserAreaTop\" class=\"info\" style=\"overflow: hidden; color: #959595; font-size: 13px;\">\r\n                  <div class=\"date\" style=\"display: inline-block; vertical-align: middle;\">2019.02.08</div>\r\n                  &nbsp;\r\n                  <div class=\"bar\" style=\"display: inline-block; vertical-align: middle; width: 1px; height: 10px; margin: 0px 7px 0px 6px; font-size: 0px; background-color: #d0d0d0;\">&nbsp;</div>\r\n                  &nbsp;\r\n                  <div class=\"date\" style=\"display: inline-block; vertical-align: middle;\">조회<span class=\"\" data-c=\"1351132\" data-u=\"http://www.grafolio.com/works/detail.grfl?projectNo=754718\" style=\"margin-left: 3px;\">5,036</span></div>\r\n                  </div>\r\n               <div class=\"badge\" style=\"position: absolute; right: 0px; top: 2px;\"><strong class=\"blind\" style=\"position: absolute; clip: rect(0px, 0px, 0px, 0px); width: 1px; height: 1px; margin: -1px; overflow: hidden;\">수여받은 배지</strong>\r\n                  <ul style=\"margin: 0px; padding: 0px; list-style: none;\">\r\n                     <li style=\"margin: 0px; padding: 0px; float: left;\"><a href=\"https://www.grafolio.com/badge/list.grfl?badgeNo=80\" style=\"text-decoration-line: none; color: #1a1a1a; cursor: pointer; display: block;\" target=\"_blank\"><img src=\"https://g-grafolio.pstatic.net/20170822_46/1503384276125pvk9M_PNG/dev130.png?type=f48_48\" width=\"48\" height=\"48\" alt=\"DEBUT\" title=\"DEBUT\" style=\"border: none; vertical-align: top;\" /></a></li>\r\n                     </ul>\r\n                  </div>\r\n               </div>\r\n            </div>\r\n         <div id=\"content\" style=\"position: relative; width: 1264px; margin: 0px; padding: 0px; color: #1a1a1a; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, 나눔고딕, NanumGothic, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: normal; background-color: #f4f4f4;\">\r\n            <div id=\"end_content\" class=\"end_ty\" style=\"width: 1264px; margin: 0px; word-break: keep-all; overflow-wrap: break-word; line-height: 22px; padding: 0px;\">\r\n               <div class=\"end_wrap\" style=\"width: 1264px; margin: 0px; padding: 0px 0px 26px; background-color: #ffffff;\">\r\n                  <div class=\"end_inn\" style=\"width: 896px; margin: 0px auto; position: relative;\"><a href=\"https://www.grafolio.com/works/754718#\" class=\"pf_img img_cnts zoom\" style=\"text-decoration-line: none; color: #1a1a1a; cursor: pointer; display: block; margin: 0px auto 28px; text-align: center;\" target=\"_blank\"><img src=\"https://g-grafolio.pstatic.net/20190208_181/1549620892770W9bti_JPEG/Egg_light_01.jpg?type=w896_4\" alt=\"\" style=\"border: none; vertical-align: top; max-width: 100%; cursor: -webkit-zoom-in;\" /></a></div>\r\n                  </div>\r\n               </div>\r\n            </div>\r\n         </h1>\r\n      </div>\r\n   <div class=\"post-head\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 15px 0px 0px; border-width: 1px 0px 0px; border-top-style: solid; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: #f8f8f8; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; vertical-align: baseline; background: 0px 0px; margin: 0px 0px 10px; position: relative;\">\r\n      <h1 class=\"post-title entry-title\" itemprop=\"name headline\" style=\"outline: 0px; transition: all 0.3s ease 0s; margin: 0px 0px 5px; position: relative; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; font-family: Montserrat; display: inline-block; font-size: 32px; line-height: 40px; letter-spacing: -0.4px; color: #000000;\"><br /></h1>\r\n      </div>\r\n   <div class=\"post-head\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 15px 0px 0px; border-width: 1px 0px 0px; border-top-style: solid; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: #f8f8f8; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; vertical-align: baseline; background: 0px 0px; margin: 0px 0px 10px; position: relative;\">\r\n      <h1 class=\"post-title entry-title\" itemprop=\"name headline\" style=\"outline: 0px; transition: all 0.3s ease 0s; margin: 0px 0px 5px; position: relative; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; font-family: Montserrat; display: inline-block; font-size: 32px; line-height: 40px; letter-spacing: -0.4px; color: #000000;\">Moore\'sCloud app-controlled light startup in liquidation</h1>\r\n      </div>\r\n   <div class=\"post-meta\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px; font-size: 12px; line-height: 1.3em;\"><span class=\"post-author vcard\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px;\"><span class=\"fn\" itemprop=\"author\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Person\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px;\">by&nbsp;<a class=\"g-profile\" href=\"https://www.blogger.com/profile/12670057475929109413\" rel=\"author\" title=\"blognews\" data-gapiscan=\"true\" data-onload=\"true\" data-gapiattached=\"true\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px; color: #222222; text-decoration-line: none;\" target=\"_blank\"><span itemprop=\"name\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px;\"><strong style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px;\">blognews</strong></span></a></span>&nbsp;</span><span class=\"post-timestamp\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px;\"><a class=\"timestamp-link\" href=\"http://leds-news.blogspot.com/2014/12/moorescloud-app-controlled-light.html\" rel=\"bookmark\" title=\"permanent link\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px; color: #222222; text-decoration-line: none;\" target=\"_blank\"><abbr class=\"published timeago\" itemprop=\"datePublished dateModified\" title=\"06:00\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px; position: relative; display: inline-block; font-size: 11px; text-transform: uppercase; font-family: Montserrat, sans-serif; color: #b7b7b7;\">4 YEARS AGO</abbr></a>&nbsp;<span class=\"reading-time\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px; position: relative; display: inline-block; font-size: 11px; text-transform: uppercase; font-family: Montserrat, sans-serif; color: #757575;\">\r\n            <div class=\"eta\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px 5px 0px 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px; display: inline-block;\">LESS THAN A MINUTE</div>\r\n            READ</span></span></div>\r\n   </div>\r\n<p>\r\n   <div style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px rgb(255, 255, 255); margin: 0px; color: #222222; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 14px; clear: both;\">&nbsp;</div>\r\n   <div class=\"post-footer\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px rgb(255, 255, 255); margin: 0px; line-height: 1.6; color: #222222; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 14px;\">\r\n      <div class=\"label-head\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 20px 0px 0px; position: relative; overflow: hidden;\">&nbsp;</div>\r\n      </div>\r\n   </p>\r\n<article class=\"my-wrapz\" style=\"outline: 0px; transition: all 0.3s ease 0s; display: block; margin-top: 20px; color: #222222; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;\">\r\n   <div class=\"post-detail\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px;\">\r\n      <div class=\"post-body entry-content\" id=\"post-body-8083993099909666522\" itemprop=\"articleBody\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px; width: 748px; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 15px; line-height: 1.5em; overflow: hidden;\">\r\n         <div dir=\"ltr\" trbidi=\"on\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px; text-align: left;\">\r\n            <div class=\"separator\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px; clear: both; text-align: center;\"><a href=\"http://4.bp.blogspot.com/-1luIkh0d1dI/VHbE0kAFaxI/AAAAAAAAJCE/hL4BpaUSxFc/s1600/Light-by-Moore%E2%80%99sCloud-%E2%80%94-Kickstarter.jpg\" imageanchor=\"1\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px; color: #26519e; text-decoration: none; clear: left; float: left;\" target=\"_blank\"><img border=\"0\" src=\"http://4.bp.blogspot.com/-1luIkh0d1dI/VHbE0kAFaxI/AAAAAAAAJCE/hL4BpaUSxFc/s1600/Light-by-Moore%E2%80%99sCloud-%E2%80%94-Kickstarter.jpg\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px; position: relative; max-width: 100%;\" /></a></div>\r\n            Australian technology entrepreneur Mark Pesce\'s app-controlled light startup Moore\'sCloud has been wound up, with the company going<span>&nbsp;</span><a href=\"http://www.zdnet.com/moorescloud-app-controlled-light-startup-in-liquidation-7000036205/\" style=\"outline: 0px; transition: all 0.3s ease 0s; padding: 0px; border: 0px; vertical-align: baseline; background: 0px 0px; margin: 0px; color: #26519e; text-decoration: none;\" target=\"_blank\">into liquidation</a><span>&nbsp;</span>on November 20. Notice of the company\'s liquidation, which Pesce said was voluntary, was published by the Australian Securities and Investments Commission on November 26. Pesce, an inventor, entrepreneur, author, educator, and self-proclaimed futurist, held a position as the company\'s founder and chief executive officer.</div>\r\n         </div>\r\n      </div>\r\n   </article>','https://www.grafolio.com/works/754718','http://leds-news.blogspot.com/2014/12/moorescloud-app-controlled-light.html',0,0,1,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2019-04-26 16:38:19',0,'2019-04-26 16:38:19','210.101.103.92','','','','','','','','','','','',''),(7,-6,'',7,0,0,'','','html1','MPU9250 AHRS...','<p>...</p>','https://github.com/Seeed-Studio/IMU_10DOF/blob/master/MPU9250.cpp','https://github.com/jrowberg/i2cdevlib/tree/master/Arduino/MPU6050',3,2,7,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2019-04-26 16:39:29',0,'2019-04-26 16:39:29','210.101.103.92','','','','','','','','','','','',''),(8,-7,'',8,0,0,'','','html1','ESP32, ESP8266 Tech Bloug \"butluni\'s lab\'','<ul id=\"menu-projects\" class=\"ht-clearfix sf-js-enabled sf-arrows\" style=\"box-sizing: inherit; margin: 0px; padding: 0px; list-style: none; color: #444444; font-family: &quot;Pontano Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;\">\r\n   <li id=\"menu-item-285\" class=\"menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-285\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/\" aria-current=\"page\" style=\"box-sizing: inherit; background: none; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">HOME</a></li>\r\n   <li id=\"menu-item-286\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-286\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/am-radio-transmitter/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">AM RADIO TRANSMITTER</a></li>\r\n   <li id=\"menu-item-291\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-291\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/oscilloscope-as-display/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">OSCILLOSCOPE AS A DISPLAY</a></li>\r\n   <li id=\"menu-item-288\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-288\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/esp32-i2s-camera-ov7670/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">ESP32 I2S CAMERA (OV7670)</a></li>\r\n   <li id=\"menu-item-296\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-296\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/smart-washing-machine/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">SMART WASHING MACHINE</a></li>\r\n   <li id=\"menu-item-295\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-295\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/simple-mqtt-broker-setup-on-a-raspberry-pi/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">SIMPLE MQTT BROKER SETUP ON A RASPBERRY PI</a></li>\r\n   <li id=\"menu-item-290\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-290\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/how-to-node-red/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">HOW TO NODE-RED!</a></li>\r\n   <li id=\"menu-item-294\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-294\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/rc-plane-experiments/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">RC PLANE EXPERIMENTS</a></li>\r\n   <li id=\"menu-item-297\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-297\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/solar-powered-weather-station/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">SOLAR POWERED WEATHER STATION</a></li>\r\n   <li id=\"menu-item-292\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-292\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/ov7670-with-fifo/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">OV7670 WITH FIFO</a></li>\r\n   <li id=\"menu-item-289\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-289\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/hm-10/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">HM-10</a></li>\r\n   <li id=\"menu-item-326\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-326\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/esp32-composite-video/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">ESP32 COMPOSITE VIDEO</a></li>\r\n   <li id=\"menu-item-350\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-350\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/gamepad/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">ARDUINO GAMEPADS</a></li>\r\n   <li id=\"menu-item-374\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-374\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/esp32-composite-audio/\" style=\"box-sizing: inherit; background: rgb(128, 0, 0); color: #ffffff; text-decoration-line: none; transition: none 0s ease 0s; outline: 0px; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">ESP32 COMPOSITE AUDIO</a></li>\r\n   <li id=\"menu-item-398\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-398\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/esp32-color-pal/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">ESP32 COLOR PAL</a></li>\r\n   <li id=\"menu-item-410\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-410\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/electret-microphone-amplifier/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">ELECTRET MICROPHONE AMPLIFIER</a></li>\r\n   <li id=\"menu-item-415\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-415\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/3d-scanner/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">CHEAP ASS DIY 3D SCANNER</a></li>\r\n   <li id=\"menu-item-426\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-426\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/mallets-bot/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">MALLETS BOT</a></li>\r\n   <li id=\"menu-item-443\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-443\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/crt-boy/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">CRT BOY</a></li>\r\n   <li id=\"menu-item-455\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-455\" style=\"box-sizing: inherit; float: left; position: relative; margin-left: 10px;\"><a href=\"http://bitluni.net/esp32-vga/\" style=\"box-sizing: inherit; background-color: transparent; color: #444444; text-decoration-line: none; transition: none 0s ease 0s; display: block; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; line-height: 36px; padding: 0px 15px;\" target=\"_blank\">ESP32 VGA</a></li>\r\n   </ul>','http://bitluni.net/','',0,0,1,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2019-05-10 16:27:42',0,'2019-05-10 16:27:42','210.101.103.92','','','','','','','','','','','',''),(9,-8,'',9,0,0,'','','html1','Raspberry PI High slow camera','<h3 class=\"kiji-midashi\" style=\"font-weight: normal; margin: 50px 0px 20px; font-size: 37px; border-top: 3px solid rgb(224, 224, 224); position: relative; color: #000066; text-align: center; letter-spacing: 2px; font-family: &quot;Noto Sans JP&quot;, &quot;游ゴシック Medium&quot;, 游ゴシック体, meiryo, メイリオ, &quot;ms pgothic&quot;, &quot;ms pゴシック&quot;, sans-serif;\">Feature</h3>\r\n<table cellspacing=\"0\" cellpadding=\"0\" style=\"border-spacing: 0px; max-width: 100%; color: #000000; font-family: &quot;Noto Sans JP&quot;, &quot;游ゴシック Medium&quot;, 游ゴシック体, meiryo, メイリオ, &quot;ms pgothic&quot;, &quot;ms pゴシック&quot;, sans-serif; font-size: 14px; width: 1000px;\">\r\n   <tbody>\r\n      <tr>\r\n         <td style=\"padding: 0px; line-height: 1.9; vertical-align: top;\">CA378-AOIS is a&nbsp; lens module for small footprint product for mobile use, and using a diagonal 7.857 mm (Type 1/2.3) 12.3M effective pixels CMOS Active pixel type stacked image sensor with a square pixel array.&nbsp; Its camera head size is 13.1mm(W)×12.5mm(D)×5.9mm(H), and 34pins of terminals.</td>\r\n         <td style=\"padding: 0px; line-height: 1.9; vertical-align: top;\"><img src=\"https://www.centuryarks.com/en/images/product/camera_p1.png\" data-popupalt-original-=\"\" width=\"263\" height=\"187\" alt=\"camera\" title=\"camera\" class=\"multithumb_blog\" style=\"border: 0px; margin-left: 20px;\" /></td>\r\n         </tr>\r\n      </tbody>\r\n   </table>\r\n<h4 class=\"kiji-midashi-2\" style=\"margin: 35px 0px 17px; font-size: 20px; position: relative; padding: 0.75em 1em 0.75em 1.5em; border: 1px solid rgb(204, 204, 204); background-color: #f7f7f7; font-family: &quot;Noto Sans JP&quot;, &quot;游ゴシック Medium&quot;, 游ゴシック体, meiryo, メイリオ, &quot;ms pgothic&quot;, &quot;ms pゴシック&quot;, sans-serif;\">Product features</h4>\r\n<ol style=\"margin: 0px 0px 0px 20px; font-family: &quot;Noto Sans JP&quot;, &quot;游ゴシック Medium&quot;, 游ゴシック体, meiryo, メイリオ, &quot;ms pgothic&quot;, &quot;ms pゴシック&quot;, sans-serif; font-size: 14px;\">\r\n   <li class=\"open\" style=\"margin-bottom: 15px;\">High sensitivity and low noise　1/2.3”　SONY image sensor<br />　More than 2.4 times high sensitivity and low noise image (comparing with 1μm pixel size)<br />　through the pixel size expanded to 1.55μm.&nbsp;<br />　Even back light can get a clear image both of still and video by SME-HDR technology.</li>\r\n   <li class=\"open\" style=\"margin-bottom: 15px;\">High speed video output and OIS (Optical Image Stabilizer)<br />　Full resolution@60fps, 4K2K@60fps, 1080p@240fps</li>\r\n   <li class=\"open\" style=\"margin-bottom: 15px;\">OIS (Optical Image Stabilizer)<br />　The OIS function has the effect which makes blurring of an image decrease.</li>\r\n   </ol>\r\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-spacing: 0px; max-width: 100%; color: #000000; font-family: &quot;Noto Sans JP&quot;, &quot;游ゴシック Medium&quot;, 游ゴシック体, meiryo, メイリオ, &quot;ms pgothic&quot;, &quot;ms pゴシック&quot;, sans-serif; font-size: 14px;\">\r\n   <tbody>\r\n      <tr>\r\n         <td valign=\"top\" style=\"padding: 0px; line-height: 1.9;\">\r\n            <p style=\"line-height: 1.9;\"><img src=\"https://www.centuryarks.com/en/images/product/camera_p2.png\" data-popupalt-original-=\"\" width=\"480\" height=\"364\" alt=\"camera p2\" title=\"sample480\" class=\"multithumb_blog\" style=\"border: 0px; margin-top: 40px; margin-right: 40px;\" /></p>\r\n            <p style=\"line-height: 1.9;\">Night view</p>\r\n            <p style=\"line-height: 1.9;\">[Environment]<br />Image Size：3968 x 3008<br />ISO sensitivity：ISO800<br />Shutter Speed：1 sec.<br />HDR：1/16</p>\r\n            </td>\r\n         <td valign=\"top\" style=\"padding: 0px; line-height: 1.9;\">\r\n            <p style=\"line-height: 1.9;\"><iframe src=\"https://www.youtube.com/embed/keqj4DfQPrk\" width=\"480\" height=\"364\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" style=\"border-width: medium; border-style: none; margin-top: 40px;\"></iframe></p>\r\n            <p style=\"line-height: 1.9;\">Slow Motion Movie- Milk Crown<br />[Environment]<br />Board: Raspberry Pi3<br />Image Size: 640 x 200<br />Framerate: 500fps</p>\r\n            </td>\r\n         </tr>\r\n      </tbody>\r\n   </table>','https://www.centuryarks.com/en/products/cm','',1,0,2,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2019-05-13 15:10:26',0,'2019-05-13 15:10:26','210.101.103.92','','','','','','','','','','','',''),(11,-9,'',11,0,0,'','','html1','사무실 식물성장 기록 카메라 링크','<p><a href=\"http://www.bk94005.com:8080/gmxplant01_img/\" target=\"_blank\">http://www.bk94005.com:8080/gmxplant01_img/</a></p>\r\n<p>&nbsp;</p>\r\n<p>**아크릴 케이스 주문 링크&nbsp;</p>\r\n<p><a href=\"https://www.acryiae.com/front/product/view.do?productSeq=5&amp;n_media=27758&amp;n_query=%EC%95%84%ED%81%AC%EB%A6%B4%EC%BC%80%EC%9D%B4%EC%8A%A4&amp;n_rank=1&amp;n_ad_group=grp-a001-01-000000012108587&amp;n_ad=nad-a001-01-000000070863384&amp;n_keyword_id=nkw-a001-01-000002235316601&amp;n_keyword=%EC%95%84%ED%81%AC%EB%A6%B4%EC%BC%80%EC%9D%B4%EC%8A%A4&amp;n_campaign_type=1&amp;NaPm=ct%3Dk0egutds%7Cci%3D0zm0002Calvr1Lw831jA%7Ctr%3Dsa%7Chk%3D8920dac84eb9ecff4d34030d637c84d851ee2e34\" target=\"_blank\">https://www.acryiae.com/front/product/view.do?productSeq=5&amp;n_media=27758&amp;n_query=%EC%95%84%ED%81%AC%EB%A6%B4%EC%BC%80%EC%9D%B4%EC%8A%A4&amp;n_rank=1&amp;n_ad_group=grp-a001-01-000000012108587&amp;n_ad=nad-a001-01-000000070863384&amp;n_keyword_id=nkw-a001-01-000002235316601&amp;n_keyword=%EC%95%84%ED%81%AC%EB%A6%B4%EC%BC%80%EC%9D%B4%EC%8A%A4&amp;n_campaign_type=1&amp;NaPm=ct%3Dk0egutds%7Cci%3D0zm0002Calvr1Lw831jA%7Ctr%3Dsa%7Chk%3D8920dac84eb9ecff4d34030d637c84d851ee2e34</a></p>','http://www.bk94005.com:8080/gmxplant01_img/','https://www.acryiae.com/front/product/view.do?productSeq=5&n_media=27758&n_query=%EC%95%84%ED%81%AC%EB%A6%B4%EC%BC%80%EC%9D%B4%EC%8A%A4&n_rank=1&n_ad_group=grp-a001-01-000000012108587&n_ad=nad-a001-01-000000070863384&n_keyword_id=nkw-a001-01-000002235316601&n_keyword=%EC%95%84%ED%81%AC%EB%A6%B4%EC%BC%80%EC%9D%B4%EC%8A%A4&n_campaign_type=1&NaPm=ct%3Dk0egutds%7Cci%3D0zm0002Calvr1Lw831jA%7Ctr%3Dsa%7Chk%3D8920dac84eb9ecff4d34030d637c84d851ee2e34',2,0,7,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2019-09-10 16:52:47',0,'2019-09-10 16:52:47','210.101.103.92','','','','','','','','','','','',''),(12,-10,'',12,0,0,'','','html1','식물재배기 기성품 링크','<p><a href=\"http://ledtheshop.com/product/detail.html?product_no=1044&amp;cate_no=319&amp;display_group=1&amp;cafe_mkt=naver_ks&amp;mkt_in=Y&amp;ghost_mall_id=naver&amp;ref=naver_open&amp;NaPm=ct%3Djyprjips%7Cci%3Dadf81a7c474100b500f9e57421dc99aafc29f1b0%7Ctr%3Dslsl%7Csn%3D249412%7Chk%3Dd46f3c8528b4b8ab9597d45e32eefb29e5decc70\" target=\"_blank\">LED실내재배기-나투라</a></p>\r\n<p>1,690,000원</p>\r\n<p>&nbsp;</p>\r\n<p><a href=\"http://https://www.opcomfarm.com/product.php?Item=7&amp;id=94\" target=\"_blank\">OPCOM(개발중)</a></p>\r\n<p>&nbsp;</p>\r\n<p><a href=\"https://www.youtube.com/watch?v=60htrqei_U0\" target=\"_blank\">FARMBOT(유튜브)</a></p>\r\n<p>&nbsp;</p>\r\n<p><a href=\"https://www.smartfarmkorea.net/main.do\" target=\"_blank\">기타 : 스마트팜</a></p>','','',0,0,5,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2020-03-24 09:22:55',0,'2020-03-24 09:22:55','210.101.103.92','','','','','','','','','','','',''),(13,-11,'',13,0,0,'','','html1','Temp ESP32 BLE ...','<p><a href=\"https://www.hackster.io/botletics/esp32-ble-android-arduino-ide-awesome-81c67d\" target=\"_blank\">https://www.hackster.io/botletics/esp32-ble-android-arduino-ide-awesome-81c67d</a></p>\r\n<p>&nbsp;</p>\r\n<p><a href=\"http://blog.naver.com/PostView.nhn?blogId=kim1417&amp;logNo=221208219795&amp;parentCategoryNo=&amp;categoryNo=76&amp;viewDate=&amp;isShowPopularPosts=false&amp;from=postView\" target=\"_blank\">http://blog.naver.com/PostView.nhn?blogId=kim1417&amp;logNo=221208219795&amp;parentCategoryNo=&amp;categoryNo=76&amp;viewDate=&amp;isShowPopularPosts=false&amp;from=postView</a></p>\r\n<p>&nbsp;</p>\r\n<p>*UUID 생성&nbsp;<a href=\"https://www.uuidgenerator.net/\" target=\"_blank\">https://www.uuidgenerator.net/</a></p>','','',0,0,3,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2020-05-08 17:46:21',0,'2020-05-08 17:46:21','210.101.103.92','','','','','','','','','','','',''),(14,-12,'',14,0,0,'','','html1','Simple ESP32 Internet Radio with OLED Display','<section id=\"overview\" style=\"box-sizing: border-box; color: #4d4d4d; font-family: proxima-nova, helveticaneue, Helvetica, Arial, &quot;lucida grande&quot;, sans-serif; font-size: 18px; background-color: #ffffff;\">\r\n   <h1 class=\"hckui__typography__h1\" itemprop=\"name\" style=\"box-sizing: border-box; font-size: 40px; margin: 0px; font-family: inherit; line-height: 49px; color: #111111;\">Simple ESP32 Internet Radio with OLED Display</h1>\r\n   <p class=\"hckui__typography__bodyL hckui__layout__marginBottom15\" itemprop=\"description\" style=\"box-sizing: border-box; margin-top: 10px; line-height: 26px; color: #4a4a4a;\">A DIY cheap one-button internet radio.</p>\r\n   <div class=\"hckui__typography__bodyS project-details\" style=\"box-sizing: border-box; font-size: 14px; line-height: 18px; color: #4a4a4a;\"><span style=\"box-sizing: border-box; margin-right: 15px;\"><a class=\"hckui__typography__textWithIcon project-difficulty text-warning\" href=\"https://www.hackster.io/projects?difficulty=intermediate\" style=\"box-sizing: border-box; background-color: transparent; color: #f0ad4e; text-decoration-line: none; align-items: center; display: inline-flex;\" target=\"_blank\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box; line-height: 0;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-intermediate\"></use></svg></i><span style=\"box-sizing: border-box; margin-left: 5px;\">Intermediate</span></a></span><span class=\"hckui__typography__textWithIcon\" style=\"box-sizing: border-box; align-items: center; display: inline-flex; margin-right: 15px;\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box; line-height: 0;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-full-instructions\"></use></svg></i><span style=\"box-sizing: border-box; margin-left: 5px;\">Full instructions provided</span></span><span class=\"hckui__typography__textWithIcon\" style=\"box-sizing: border-box; align-items: center; display: inline-flex; margin-right: 15px;\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box; line-height: 0;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-time\"></use></svg></i><span style=\"box-sizing: border-box; margin-left: 5px;\">3 hours</span></span><span class=\"hckui__typography__textWithIcon\" itemprop=\"interactionStatistic\" itemscope=\"\" itemtype=\"http://schema.org/InteractionCounter\" style=\"box-sizing: border-box; align-items: center; display: inline-flex; margin-right: 15px;\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box; line-height: 0;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-eye\"></use></svg></i><span class=\"impressions-stats\" itemprop=\"userInteractionCount\" style=\"box-sizing: border-box; margin-left: 5px;\">6,726</span></span></div>\r\n   <div class=\"hckui__layout__marginTop30\" style=\"box-sizing: border-box; margin-top: 30px !important;\">\r\n      <div class=\"project-cover-image\" itemprop=\"image\" itemscope=\"\" itemtype=\"https://schema.org/ImageObject\" style=\"box-sizing: border-box; border: 1px solid rgb(216, 216, 216); height: 0px; padding-top: 461.25px; position: relative;\"><img alt=\"Simple ESP32 Internet Radio with OLED Display\" src=\"https://hackster.imgix.net/uploads/attachments/1003307/sam_6084_zBRbIQn9qH.JPG?auto=compress%2Cformat&amp;w=900&amp;h=675&amp;fit=min\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; height: 461.25px; left: 0px; position: absolute; top: 0px; width: 613px;\" /></div>\r\n      </div>\r\n   </section>\r\n<div class=\"project-section-break\" style=\"box-sizing: border-box; border-top: 2px solid rgb(216, 216, 216); margin: 45px auto; width: 430.5px; color: #4d4d4d; font-family: proxima-nova, helveticaneue, Helvetica, Arial, &quot;lucida grande&quot;, sans-serif; font-size: 18px; background-color: #ffffff;\">&nbsp;</div>\r\n<div id=\"project_page_simple_ad_portal\" style=\"box-sizing: border-box; color: #4d4d4d; font-family: proxima-nova, helveticaneue, Helvetica, Arial, &quot;lucida grande&quot;, sans-serif; font-size: 18px; background-color: #ffffff;\">&nbsp;</div>\r\n<div id=\"description\" itemprop=\"articleBody\" style=\"box-sizing: border-box; color: #4d4d4d; font-family: proxima-nova, helveticaneue, Helvetica, Arial, &quot;lucida grande&quot;, sans-serif; font-size: 18px; background-color: #ffffff;\">\r\n   <section id=\"things\" style=\"box-sizing: border-box;\">\r\n      <div class=\"project-section-title\" style=\"box-sizing: border-box; margin-bottom: 15px;\">\r\n         <h2 class=\"hckui__typography__h2 title-with-anchor\" style=\"box-sizing: border-box; font-family: inherit; line-height: 44px; color: #111111; margin-top: 0px; margin-bottom: 0px; font-size: 34px;\"><a class=\"anchor\" href=\"https://www.hackster.io/mircemk/simple-esp32-internet-radio-with-oled-display-83e49d#things\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; font-size: 18px; margin-left: -21px; padding-right: 5px; opacity: 0; visibility: hidden;\" target=\"_blank\"><i class=\"hckui__typography__iconWrapper hckui__typography__iconBaselineFix\" style=\"box-sizing: border-box; position: relative; top: 0.125em;\"><svg class=\"hckui__typography__icon hckui__typography__icon20\"><use xlink:href=\"#svg-link\"></use></svg></i></a><span style=\"box-sizing: border-box;\">Things used in this project</span></h2>\r\n         </div>\r\n      <div class=\"project-parts\" style=\"box-sizing: border-box;\">\r\n         <div class=\"view-expanded\" style=\"box-sizing: border-box;\">\r\n            <table class=\"project-parts-table\" style=\"border-spacing: 0px; background-color: transparent; width: 615px;\">\r\n               <tbody style=\"box-sizing: border-box;\">\r\n                  <tr class=\"head\" style=\"box-sizing: border-box;\">\r\n                     <td colspan=\"6\" style=\"box-sizing: border-box; padding: 10px 0px; border-top: 0px;\">\r\n                        <h3 class=\"hckui__typography__h3\" style=\"box-sizing: border-box; font-family: inherit; line-height: 32px; color: #111111; margin-top: 0px; margin-bottom: 0px; font-size: 24px;\">Hardware components</h3>\r\n                        </td>\r\n                     </tr>\r\n                  <tr style=\"box-sizing: border-box;\">\r\n                     <td class=\"part-img\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8; width: 58px;\"><img srcset=\"https://hackster.imgix.net/uploads/attachments/195388/ESP32.jpg?auto=compress%2Cformat&amp;w=96&amp;h=96&amp;fit=fill&amp;bg=ffffff 2x, https://hackster.imgix.net/uploads/attachments/195388/ESP32.jpg?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" alt=\"Generic ESP32 IC\" src=\"https://hackster.imgix.net/uploads/attachments/195388/ESP32.jpg?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; height: 48px; width: 48px;\" /></td>\r\n                     <td style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\">\r\n                        <table style=\"border-spacing: 0px; background-color: transparent; width: 443px;\">\r\n                           <tbody style=\"box-sizing: border-box;\">\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; padding: 0px; font-size: 18px; line-height: 26px; color: #4a4a4a;\"><a data-ha=\"{&quot;eventName&quot;:&quot;Clicked link&quot;,&quot;customProps&quot;:{&quot;value&quot;:&quot;Espressif Generic ESP32 IC&quot;,&quot;href&quot;:&quot;/Espressif/products/generic-esp32-ic?ref=project-83e49d&quot;,&quot;type&quot;:&quot;part&quot;,&quot;location&quot;:&quot;things&quot;},&quot;clickOpts&quot;:{&quot;delayRedirect&quot;:true}}\" class=\"hckui__typography__linkBlue\" href=\"https://www.hackster.io/Espressif/products/generic-esp32-ic?ref=project-83e49d\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; cursor: pointer;\" target=\"_blank\">Espressif Generic ESP32 IC</a></td>\r\n                                 </tr>\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyS hckui__typography__pebble hckui__typography__breakWord\" style=\"box-sizing: border-box; padding: 0px; font-size: 14px; line-height: 18px; word-break: break-word; color: #767676 !important;\"></td>\r\n                                 </tr>\r\n                              </tbody>\r\n                           </table>\r\n                        </td>\r\n                     <td class=\"hckui__typography__bodyL times\" style=\"box-sizing: border-box; padding: 10px; font-size: 18px; line-height: 26px; color: #4a4a4a; border-top-style: solid; border-top-color: #d8d8d8; text-align: center; vertical-align: middle;\">×</td>\r\n                     <td class=\"hckui__typography__bodyL quantity\" style=\"box-sizing: border-box; padding: 10px 10px 10px 0px; font-size: 18px; line-height: 26px; color: #4a4a4a; border-top-style: solid; border-top-color: #d8d8d8; text-align: center; vertical-align: middle;\">1</td>\r\n                     <td class=\"actions\" style=\"box-sizing: border-box; padding: 10px 0px 10px 20px; border-top-style: solid; border-top-color: #d8d8d8; text-align: right;\">\r\n                        <div class=\"hckui__buttons__group\" style=\"box-sizing: border-box; display: inline-flex; position: relative; vertical-align: middle;\"><a target=\"_blank\" rel=\"nofollow noopener\" class=\"hckui__buttons__md hckui__buttons__icon hckui__buttons__outlineBlack\" title=\"Buy\" data-ha=\"{&quot;eventName&quot;:&quot;Clicked part buy link&quot;,&quot;customProps&quot;:{&quot;part_id&quot;:28366,&quot;link_id&quot;:12614,&quot;retailer_id&quot;:null,&quot;link_position&quot;:0}}\" href=\"https://www.hackster.io/products/buy/12614?s=BAhJIhMyNDgwMjcsUHJvamVjdAY6BkVG%0A\" style=\"box-sizing: border-box; background-color: transparent; color: #4a4a4a; text-decoration-line: none; border: 1px solid rgb(74, 74, 74); border-radius: 4px; outline: none; font-size: 16px; line-height: 0; padding: 10px; cursor: pointer; display: inline-block; text-align: center;\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-cart\"></use></svg></i></a></div>\r\n                        </td>\r\n                     </tr>\r\n                  <tr style=\"box-sizing: border-box;\">\r\n                     <td class=\"part-img\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8; width: 0px;\"></td>\r\n                     <td style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\">\r\n                        <table style=\"border-spacing: 0px; background-color: transparent; width: 443px;\">\r\n                           <tbody style=\"box-sizing: border-box;\">\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; padding: 0px; font-size: 18px; line-height: 26px; color: #4a4a4a;\">VS1053 MP3 Module Development Board</td>\r\n                                 </tr>\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyS hckui__typography__pebble hckui__typography__breakWord\" style=\"box-sizing: border-box; padding: 0px; font-size: 14px; line-height: 18px; word-break: break-word; color: #767676 !important;\"></td>\r\n                                 </tr>\r\n                              </tbody>\r\n                           </table>\r\n                        </td>\r\n                     <td class=\"hckui__typography__bodyL times\" style=\"box-sizing: border-box; padding: 10px; font-size: 18px; line-height: 26px; color: #4a4a4a; border-top-style: solid; border-top-color: #d8d8d8; text-align: center; vertical-align: middle;\">×</td>\r\n                     <td class=\"hckui__typography__bodyL quantity\" style=\"box-sizing: border-box; padding: 10px 10px 10px 0px; font-size: 18px; line-height: 26px; color: #4a4a4a; border-top-style: solid; border-top-color: #d8d8d8; text-align: center; vertical-align: middle;\">1</td>\r\n                     <td class=\"actions\" style=\"box-sizing: border-box; padding: 10px 0px 10px 20px; border-top-style: solid; border-top-color: #d8d8d8; text-align: right;\"></td>\r\n                     </tr>\r\n                  <tr style=\"box-sizing: border-box;\">\r\n                     <td class=\"part-img\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8; width: 0px;\"></td>\r\n                     <td style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\">\r\n                        <table style=\"border-spacing: 0px; background-color: transparent; width: 443px;\">\r\n                           <tbody style=\"box-sizing: border-box;\">\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; padding: 0px; font-size: 18px; line-height: 26px; color: #4a4a4a;\">128X64 OLED Display Module For Arduino 0.96\" IIC</td>\r\n                                 </tr>\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyS hckui__typography__pebble hckui__typography__breakWord\" style=\"box-sizing: border-box; padding: 0px; font-size: 14px; line-height: 18px; word-break: break-word; color: #767676 !important;\"></td>\r\n                                 </tr>\r\n                              </tbody>\r\n                           </table>\r\n                        </td>\r\n                     <td class=\"hckui__typography__bodyL times\" style=\"box-sizing: border-box; padding: 10px; font-size: 18px; line-height: 26px; color: #4a4a4a; border-top-style: solid; border-top-color: #d8d8d8; text-align: center; vertical-align: middle;\">×</td>\r\n                     <td class=\"hckui__typography__bodyL quantity\" style=\"box-sizing: border-box; padding: 10px 10px 10px 0px; font-size: 18px; line-height: 26px; color: #4a4a4a; border-top-style: solid; border-top-color: #d8d8d8; text-align: center; vertical-align: middle;\">1</td>\r\n                     <td class=\"actions\" style=\"box-sizing: border-box; padding: 10px 0px 10px 20px; border-top-style: solid; border-top-color: #d8d8d8; text-align: right;\"></td>\r\n                     </tr>\r\n                  <tr style=\"box-sizing: border-box;\">\r\n                     <td class=\"part-img\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8; width: 58px;\"><img srcset=\"https://hackster.imgix.net/uploads/attachments/838273/29C8785-40.jpg?auto=compress%2Cformat&amp;w=96&amp;h=96&amp;fit=fill&amp;bg=ffffff 2x, https://hackster.imgix.net/uploads/attachments/838273/29C8785-40.jpg?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" alt=\"Pushbutton Switch, Momentary\" src=\"https://hackster.imgix.net/uploads/attachments/838273/29C8785-40.jpg?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; height: 48px; width: 48px;\" /></td>\r\n                     <td style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\">\r\n                        <table style=\"border-spacing: 0px; background-color: transparent; width: 443px;\">\r\n                           <tbody style=\"box-sizing: border-box;\">\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; padding: 0px; font-size: 18px; line-height: 26px; color: #4a4a4a;\">Pushbutton Switch, Momentary</td>\r\n                                 </tr>\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyS hckui__typography__pebble hckui__typography__breakWord\" style=\"box-sizing: border-box; padding: 0px; font-size: 14px; line-height: 18px; word-break: break-word; color: #767676 !important;\"></td>\r\n                                 </tr>\r\n                              </tbody>\r\n                           </table>\r\n                        </td>\r\n                     <td class=\"hckui__typography__bodyL times\" style=\"box-sizing: border-box; padding: 10px; font-size: 18px; line-height: 26px; color: #4a4a4a; border-top-style: solid; border-top-color: #d8d8d8; text-align: center; vertical-align: middle;\">×</td>\r\n                     <td class=\"hckui__typography__bodyL quantity\" style=\"box-sizing: border-box; padding: 10px 10px 10px 0px; font-size: 18px; line-height: 26px; color: #4a4a4a; border-top-style: solid; border-top-color: #d8d8d8; text-align: center; vertical-align: middle;\">1</td>\r\n                     <td class=\"actions\" style=\"box-sizing: border-box; padding: 10px 0px 10px 20px; border-top-style: solid; border-top-color: #d8d8d8; text-align: right;\">\r\n                        <div class=\"hckui__buttons__group\" style=\"box-sizing: border-box; display: inline-flex; position: relative; vertical-align: middle;\"><a target=\"_blank\" rel=\"nofollow noopener\" class=\"hckui__buttons__md hckui__buttons__icon hckui__buttons__outlineBlack\" title=\"Buy\" data-ha=\"{&quot;eventName&quot;:&quot;Clicked part buy link&quot;,&quot;customProps&quot;:{&quot;part_id&quot;:94073,&quot;link_id&quot;:51642,&quot;retailer_id&quot;:3,&quot;link_position&quot;:0}}\" href=\"https://www.hackster.io/products/buy/51642?s=BAhJIhMyNDgwMjcsUHJvamVjdAY6BkVG%0A\" style=\"box-sizing: border-box; background-color: transparent; color: #4a4a4a; text-decoration-line: none; border: 1px solid rgb(74, 74, 74); border-radius: 4px; outline: none; font-size: 16px; line-height: 0; padding: 10px; cursor: pointer; display: inline-block; text-align: center;\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-cart\"></use></svg></i></a></div>\r\n                        </td>\r\n                     </tr>\r\n                  <tr style=\"box-sizing: border-box;\">\r\n                     <td class=\"part-img\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8; width: 58px;\"><img srcset=\"https://hackster.imgix.net/uploads/image/file/95945/10722-01.jpg?auto=compress%2Cformat&amp;w=96&amp;h=96&amp;fit=fill&amp;bg=ffffff 2x, https://hackster.imgix.net/uploads/image/file/95945/10722-01.jpg?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" alt=\"Speaker: 0.25W, 8 ohms\" src=\"https://hackster.imgix.net/uploads/image/file/95945/10722-01.jpg?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; height: 48px; width: 48px;\" /></td>\r\n                     <td style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\">\r\n                        <table style=\"border-spacing: 0px; background-color: transparent; width: 443px;\">\r\n                           <tbody style=\"box-sizing: border-box;\">\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; padding: 0px; font-size: 18px; line-height: 26px; color: #4a4a4a;\">Speaker: 0.25W, 8 ohms</td>\r\n                                 </tr>\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyS hckui__typography__pebble hckui__typography__breakWord\" style=\"box-sizing: border-box; padding: 0px; font-size: 14px; line-height: 18px; word-break: break-word; color: #767676 !important;\"></td>\r\n                                 </tr>\r\n                              </tbody>\r\n                           </table>\r\n                        </td>\r\n                     <td class=\"hckui__typography__bodyL times\" style=\"box-sizing: border-box; padding: 10px; font-size: 18px; line-height: 26px; color: #4a4a4a; border-top-style: solid; border-top-color: #d8d8d8; text-align: center; vertical-align: middle;\">×</td>\r\n                     <td class=\"hckui__typography__bodyL quantity\" style=\"box-sizing: border-box; padding: 10px 10px 10px 0px; font-size: 18px; line-height: 26px; color: #4a4a4a; border-top-style: solid; border-top-color: #d8d8d8; text-align: center; vertical-align: middle;\">1</td>\r\n                     <td class=\"actions\" style=\"box-sizing: border-box; padding: 10px 0px 10px 20px; border-top-style: solid; border-top-color: #d8d8d8; text-align: right;\">\r\n                        <div class=\"hckui__buttons__group\" style=\"box-sizing: border-box; display: inline-flex; position: relative; vertical-align: middle;\"><a target=\"_blank\" rel=\"nofollow noopener\" class=\"hckui__buttons__md hckui__buttons__icon hckui__buttons__outlineBlack\" title=\"Buy\" data-ha=\"{&quot;eventName&quot;:&quot;Clicked part buy link&quot;,&quot;customProps&quot;:{&quot;part_id&quot;:15400,&quot;link_id&quot;:277,&quot;retailer_id&quot;:2,&quot;link_position&quot;:0}}\" href=\"https://www.hackster.io/products/buy/277?s=BAhJIhMyNDgwMjcsUHJvamVjdAY6BkVG%0A\" style=\"box-sizing: border-box; background-color: transparent; color: #4a4a4a; text-decoration-line: none; border: 1px solid rgb(74, 74, 74); border-radius: 4px; outline: none; font-size: 16px; line-height: 0; padding: 10px; cursor: pointer; display: inline-block; text-align: center;\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-cart\"></use></svg></i></a></div>\r\n                        </td>\r\n                     </tr>\r\n                  <tr class=\"head\" style=\"box-sizing: border-box;\">\r\n                     <td colspan=\"6\" style=\"box-sizing: border-box; padding: 10px 0px; border-top: 0px;\">\r\n                        <h3 class=\"hckui__typography__h3\" style=\"box-sizing: border-box; font-family: inherit; line-height: 32px; color: #111111; margin-top: 0px; margin-bottom: 0px; font-size: 24px;\">Software apps and online services</h3>\r\n                        </td>\r\n                     </tr>\r\n                  <tr style=\"box-sizing: border-box;\">\r\n                     <td class=\"part-img\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8; width: 58px;\"><img srcset=\"https://hackster.imgix.net/uploads/image/file/144203/IDE_web.jpg?auto=compress%2Cformat&amp;w=96&amp;h=96&amp;fit=fill&amp;bg=ffffff 2x, https://hackster.imgix.net/uploads/image/file/144203/IDE_web.jpg?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" alt=\"Arduino IDE\" src=\"https://hackster.imgix.net/uploads/image/file/144203/IDE_web.jpg?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; height: 48px; width: 48px;\" /></td>\r\n                     <td style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\">\r\n                        <table style=\"border-spacing: 0px; background-color: transparent; width: 443px;\">\r\n                           <tbody style=\"box-sizing: border-box;\">\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; padding: 0px; font-size: 18px; line-height: 26px; color: #4a4a4a;\"><a data-ha=\"{&quot;eventName&quot;:&quot;Clicked link&quot;,&quot;customProps&quot;:{&quot;value&quot;:&quot;Arduino IDE&quot;,&quot;href&quot;:&quot;/arduino/products/arduino-ide?ref=project-83e49d&quot;,&quot;type&quot;:&quot;part&quot;,&quot;location&quot;:&quot;things&quot;},&quot;clickOpts&quot;:{&quot;delayRedirect&quot;:true}}\" class=\"hckui__typography__linkBlue\" href=\"https://www.hackster.io/arduino/products/arduino-ide?ref=project-83e49d\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; cursor: pointer;\" target=\"_blank\">Arduino IDE</a></td>\r\n                                 </tr>\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyS hckui__typography__pebble hckui__typography__breakWord\" style=\"box-sizing: border-box; padding: 0px; font-size: 14px; line-height: 18px; word-break: break-word; color: #767676 !important;\"></td>\r\n                                 </tr>\r\n                              </tbody>\r\n                           </table>\r\n                        </td>\r\n                     <td colspan=\"2\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\"></td>\r\n                     <td class=\"actions\" style=\"box-sizing: border-box; padding: 10px 0px 10px 20px; border-top-style: solid; border-top-color: #d8d8d8; text-align: right;\"><a target=\"_blank\" rel=\"nofollow noopener\" class=\"hckui__buttons__md hckui__buttons__icon hckui__buttons__outlineBlack\" title=\"More info\" href=\"https://www.arduino.cc/en/main/software\" style=\"box-sizing: border-box; background-color: transparent; color: #4a4a4a; text-decoration-line: none; border: 1px solid rgb(74, 74, 74); border-radius: 4px; outline: none; font-size: 16px; line-height: 0; padding: 10px; cursor: pointer; display: inline-block; text-align: center;\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-external-link\"></use></svg></i></a></td>\r\n                     </tr>\r\n                  <tr class=\"head\" style=\"box-sizing: border-box;\">\r\n                     <td colspan=\"6\" style=\"box-sizing: border-box; padding: 10px 0px; border-top: 0px;\">\r\n                        <h3 class=\"hckui__typography__h3\" style=\"box-sizing: border-box; font-family: inherit; line-height: 32px; color: #111111; margin-top: 0px; margin-bottom: 0px; font-size: 24px;\">Hand tools and fabrication machines</h3>\r\n                        </td>\r\n                     </tr>\r\n                  <tr style=\"box-sizing: border-box;\">\r\n                     <td class=\"part-img\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8; width: 58px;\"><img srcset=\"https://hackster.imgix.net/uploads/image/file/79853/09507-01.jpg?auto=compress%2Cformat&amp;w=96&amp;h=96&amp;fit=fill&amp;bg=ffffff 2x, https://hackster.imgix.net/uploads/image/file/79853/09507-01.jpg?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" alt=\"Soldering iron (generic)\" src=\"https://hackster.imgix.net/uploads/image/file/79853/09507-01.jpg?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; height: 48px; width: 48px;\" /></td>\r\n                     <td style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\">\r\n                        <table style=\"border-spacing: 0px; background-color: transparent; width: 443px;\">\r\n                           <tbody style=\"box-sizing: border-box;\">\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; padding: 0px; font-size: 18px; line-height: 26px; color: #4a4a4a;\">Soldering iron (generic)</td>\r\n                                 </tr>\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyS hckui__typography__pebble hckui__typography__breakWord\" style=\"box-sizing: border-box; padding: 0px; font-size: 14px; line-height: 18px; word-break: break-word; color: #767676 !important;\"></td>\r\n                                 </tr>\r\n                              </tbody>\r\n                           </table>\r\n                        </td>\r\n                     <td colspan=\"2\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\"></td>\r\n                     <td class=\"actions\" style=\"box-sizing: border-box; padding: 10px 0px 10px 20px; border-top-style: solid; border-top-color: #d8d8d8; text-align: right;\"></td>\r\n                     </tr>\r\n                  </tbody>\r\n               </table>\r\n            </div>\r\n         </div>\r\n      </section>\r\n   <div class=\"project-section-break\" style=\"box-sizing: border-box; border-top: 2px solid rgb(216, 216, 216); margin: 45px auto; width: 430.5px;\">&nbsp;</div>\r\n   <section id=\"story\" style=\"box-sizing: border-box;\">\r\n      <div class=\"project-section-title\" style=\"box-sizing: border-box; margin-bottom: 15px;\">\r\n         <h2 class=\"hckui__typography__h2 title-with-anchor\" style=\"box-sizing: border-box; font-family: inherit; line-height: 44px; color: #111111; margin-top: 0px; margin-bottom: 0px; font-size: 34px;\"><a class=\"anchor\" href=\"https://www.hackster.io/mircemk/simple-esp32-internet-radio-with-oled-display-83e49d#story\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; font-size: 18px; margin-left: -21px; padding-right: 5px; opacity: 0; visibility: hidden;\" target=\"_blank\"><i class=\"hckui__typography__iconWrapper hckui__typography__iconBaselineFix\" style=\"box-sizing: border-box; position: relative; top: 0.125em;\"><svg class=\"hckui__typography__icon hckui__typography__icon20\"><use xlink:href=\"#svg-link\"></use></svg></i></a><span style=\"box-sizing: border-box;\">Story</span></h2>\r\n         </div>\r\n      <div class=\"project-story collapsible-section collapsed hljs-active hljs-monokai\" itemprop=\"text\" style=\"box-sizing: border-box;\">\r\n         <div class=\"embed-frame\" style=\"box-sizing: border-box; margin: 0px 0px 30px; padding-top: 0px;\">\r\n            <figure class=\"youtube\" style=\"box-sizing: border-box; margin: 0px;\">\r\n               <div class=\"embed widescreen\" style=\"box-sizing: border-box; height: 0px; padding-bottom: 352.078px; position: relative;\"><iframe width=\"100%\" height=\"100%\" src=\"https://www.youtube.com/embed/RYibMfwQqhc?rel=0\" frameborder=\"0\" allowfullscreen=\"\" style=\"box-sizing: border-box; position: absolute; top: 0px; left: 0px; width: 615px; height: 352.078px;\"></iframe></div>\r\n               </figure>\r\n            </div>\r\n         <p class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin-bottom: 10px; line-height: 26px; color: #4a4a4a;\">Commercial internet radio receivers are still relatively expensive and cost $ 100 and up. So I decided to make a device that is functional, easy to make and manage and inexpensive. On the site \"electronicsforu.com\" is given exactly such device that uses cheap MP3 VS1053 codec processor from \"aliexpress.com\" and ESP32 MCU. Optional can be added OLED display to know which station is playing.</p>\r\n         <p class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin-top: 15px; margin-bottom: 10px; line-height: 26px; color: #4a4a4a;\">The ESP32 is connected on the streaming site at the fixed port and then receive the streaming data in an exact chunk of 32 bytes at a time. On the other hand, the board will keep on processing the data like an inflow/outflow machine and the stream will continue to play. For changing stations is used a GPIO (D13 ) pin as a push-to-on-switch to soft Reset the VS1053 board to tune in to the next station. The entire device is powered through the micro-usb port of the ESP32.</p>\r\n         <div data-hypernova-key=\"ImageCarousel\" data-hypernova-id=\"0236b2cf-e6fe-47d2-90dd-2cbcf37cf5e8\" style=\"box-sizing: border-box;\">\r\n            <div data-reactroot=\"\" style=\"box-sizing: border-box;\">\r\n               <div class=\"image_carousel__container__hMJxn undefined\" style=\"box-sizing: border-box; width: 615px; height: 402px; margin: 30px 0px;\">\r\n                  <div class=\"image_carousel__wrapper__102VA lazy_image__fade__pGh1K lazy_image__fadeIn__1kICV\" style=\"box-sizing: border-box; opacity: 1; transition: opacity 0.2s ease-in-out 0s; position: relative; height: 402px; user-select: none; width: 615px;\">\r\n                     <div class=\"hckui__layout__noScrollBar image_carousel__scrollContainer__3mmPE  \" style=\"box-sizing: border-box; display: flex; align-items: center; width: 615px; height: 402px; overflow: auto; user-select: none;\">\r\n                        <div class=\"image_carousel__imageContainer__22WPm\" style=\"box-sizing: border-box; min-width: 100%; display: flex; justify-content: center; height: 402px; user-select: none;\">\r\n                           <div class=\"image_carousel__imageWrapper__39AG2\" style=\"box-sizing: border-box; display: flex; justify-content: center; height: 402px; flex-direction: column; align-items: center; max-width: 960px; position: relative; user-select: none;\"><img class=\"image_carousel__image__2-CjO  \" alt=\"\" srcset=\"\" src=\"https://hackster.imgix.net/uploads/attachments/1003314/esp832-internet-500x327_z3R9sdQtvu.png?auto=compress%2Cformat&amp;w=740&amp;h=555&amp;fit=max\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; cursor: zoom-in; opacity: 1; max-height: 100%; user-select: none;\" /></div>\r\n                           </div>\r\n                        </div>\r\n                     </div>\r\n                  </div>\r\n               <div style=\"box-sizing: border-box;\">&nbsp;</div>\r\n               </div>\r\n            </div>\r\n         <p class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin-bottom: 10px; line-height: 26px; color: #4a4a4a;\"><span style=\"box-sizing: border-box;\">For connecting to the WiFi system, replace the SSID &amp; password to the beginning of the code and then upload in the normal Arduino way. Once uploaded the ESP32 will first say ‘Hello’ to indicate that the VS1053 is up and ready. It will then wait for couple of seconds to get connected [ Keep a watch on the Serial output] of the computer. Once on the Internet it will then tune to the station in host [6] and then the beautiful streaming voice will start pouring in. Press the switch once [connected to D13] and the next station will be tuned. The char *sname[7] variable is optional. You can have your choice names against each radio stations which are set.. Additional station names can be added in the host, path and port arrays. You can find streaming informations of various radios by genre (ip adress, port...) at:&nbsp;</span><a href=\"https://www.xatworld.com/radio-search/\" class=\"hckui__typography__linkBlue\" data-ha=\"{&quot;eventName&quot;:&quot;Clicked link&quot;,&quot;customProps&quot;:{&quot;value&quot;:&quot;https://www.xatworld.com/radio-search/.&quot;,&quot;href&quot;:&quot;https://www.xatworld.com/radio-search/.&quot;,&quot;type&quot;:&quot;story&quot;,&quot;location&quot;:&quot;story&quot;},&quot;clickOpts&quot;:{&quot;delayRedirect&quot;:true}}\" rel=\"nofollow\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; cursor: pointer;\" target=\"_blank\">https://www.xatworld.com/radio-search/.</a></p>\r\n         <p class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin-top: 15px; margin-bottom: 10px; line-height: 26px; color: #4a4a4a;\">Schematic code and libraries are given below:</p>\r\n         </div>\r\n      </section>\r\n   <div class=\"project-section-break\" style=\"box-sizing: border-box; border-top: 2px solid rgb(216, 216, 216); margin: 45px auto; width: 430.5px;\">&nbsp;</div>\r\n   <section id=\"schematics\" style=\"box-sizing: border-box;\">\r\n      <div class=\"project-section-title\" style=\"box-sizing: border-box; margin-bottom: 15px;\">\r\n         <h2 class=\"hckui__typography__h2 title-with-anchor\" style=\"box-sizing: border-box; font-family: inherit; line-height: 44px; color: #111111; margin-top: 0px; margin-bottom: 0px; font-size: 34px;\"><a class=\"anchor\" href=\"https://www.hackster.io/mircemk/simple-esp32-internet-radio-with-oled-display-83e49d#schematics\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; font-size: 18px; margin-left: -21px; padding-right: 5px; opacity: 0; visibility: hidden;\" target=\"_blank\"><i class=\"hckui__typography__iconWrapper hckui__typography__iconBaselineFix\" style=\"box-sizing: border-box; position: relative; top: 0.125em;\"><svg class=\"hckui__typography__icon hckui__typography__icon20\"><use xlink:href=\"#svg-link\"></use></svg></i></a><span style=\"box-sizing: border-box;\">Schematics</span></h2>\r\n         </div>\r\n      <div class=\"project-attachment\" style=\"box-sizing: border-box; border-radius: 2px 2px 0px 0px;\">\r\n         <div class=\"header\" style=\"box-sizing: border-box; border-width: 1px 1px 0px; border-style: solid; border-color: #d8d8d8; border-image: initial; border-radius: 2px 2px 0px 0px; padding: 15px; align-items: center; display: flex; justify-content: space-between;\">\r\n            <div class=\"text\" style=\"box-sizing: border-box; word-break: break-word;\">\r\n               <h3 class=\"hckui__typography__h3\" style=\"box-sizing: border-box; font-family: inherit; line-height: 32px; color: #111111; margin: 0px; font-size: 24px;\">Schematic</h3>\r\n               </div>\r\n            <div class=\"actions\" style=\"box-sizing: border-box; margin-left: 20px;\"><a class=\"hckui__buttons__md hckui__buttons__outlineBlack hckui__buttons__icon\" href=\"https://hacksterio.s3.amazonaws.com/uploads/attachments/1003316/untitled_sketch_bb_vkrrSmeM3f.jpg\" title=\"Download\" style=\"box-sizing: border-box; background-color: transparent; color: #4a4a4a; text-decoration-line: none; border: 1px solid rgb(74, 74, 74); border-radius: 4px; outline: none; font-size: 16px; line-height: 0; padding: 10px; cursor: pointer; display: inline-block; text-align: center;\" target=\"_blank\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-download-file\"></use></svg></i></a></div>\r\n            </div>\r\n         <div class=\"embed original boxed hckui__typography__textCenter\" style=\"box-sizing: border-box; height: initial; padding-bottom: initial; position: relative; text-align: center; min-height: 50px; border: 1px solid rgb(216, 216, 216);\"><img src=\"https://hackster.imgix.net/uploads/attachments/1003316/untitled_sketch_bb_vkrrSmeM3f.jpg\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%;\" /></div>\r\n         </div>\r\n      </section>\r\n   <div class=\"project-section-break\" style=\"box-sizing: border-box; border-top: 2px solid rgb(216, 216, 216); margin: 45px auto; width: 430.5px;\">&nbsp;</div>\r\n   <section id=\"code\" style=\"box-sizing: border-box;\">\r\n      <div class=\"project-section-title\" style=\"box-sizing: border-box; margin-bottom: 15px;\">\r\n         <h2 class=\"hckui__typography__h2 title-with-anchor\" style=\"box-sizing: border-box; font-family: inherit; line-height: 44px; color: #111111; margin-top: 0px; margin-bottom: 0px; font-size: 34px;\"><a class=\"anchor\" href=\"https://www.hackster.io/mircemk/simple-esp32-internet-radio-with-oled-display-83e49d#code\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; font-size: 18px; margin-left: -21px; padding-right: 5px; opacity: 0; visibility: hidden;\" target=\"_blank\"><i class=\"hckui__typography__iconWrapper hckui__typography__iconBaselineFix\" style=\"box-sizing: border-box; position: relative; top: 0.125em;\"><svg class=\"hckui__typography__icon hckui__typography__icon20\"><use xlink:href=\"#svg-link\"></use></svg></i></a><span style=\"box-sizing: border-box;\">Code</span></h2>\r\n         </div>\r\n      <div class=\"project-attachment project-code-widget\" style=\"box-sizing: border-box; border-radius: 2px 2px 0px 0px; position: relative;\">\r\n         <div class=\"tabs hckui__typography__bodyS\" style=\"box-sizing: border-box; font-size: 14px; line-height: 18px; color: #4a4a4a; margin-bottom: -1px;\">\r\n            <ul style=\"box-sizing: border-box; margin: 0px; display: flex; list-style: none; overflow-x: scroll; padding: 0px; width: 615px;\">\r\n               <li class=\"active\" style=\"box-sizing: border-box; display: block; position: relative; margin-right: 5px; min-width: 60px; max-width: 200px;\"><a data-target=\"#code-widget-349741\" style=\"box-sizing: border-box; background-color: transparent; color: #444444; display: block; border-width: 1px; border-style: solid; border-color: #d8d8d8 rgb(216, 216, 216) rgb(255, 255, 255); border-image: initial; border-radius: 2px 2px 0px 0px; overflow: hidden; padding: 8px 12px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 200px; font-weight: 700;\">ESP32 Internet Radio CODE and Libraries</a></li>\r\n               <li style=\"box-sizing: border-box; display: block; position: relative; margin-right: 5px; min-width: 60px; max-width: 200px;\"><a data-target=\"#code-widget-411753\" style=\"box-sizing: border-box; background-color: transparent; color: #444444; display: block; border: 1px solid rgb(216, 216, 216); border-radius: 2px 2px 0px 0px; overflow: hidden; padding: 8px 12px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 140.203px;\">Code in ZIP format</a></li>\r\n               </ul>\r\n            </div>\r\n         <div class=\"preview-container\" style=\"box-sizing: border-box;\">\r\n            <div class=\"preview-pane active\" id=\"code-widget-349741\" style=\"box-sizing: border-box; height: 500px; overflow: hidden;\">\r\n               <div class=\"header\" style=\"box-sizing: border-box; border-width: 1px 1px 0px; border-style: solid; border-color: #d8d8d8; border-image: initial; border-radius: 0px; padding: 15px; align-items: center; display: flex; justify-content: space-between;\">\r\n                  <div class=\"text\" style=\"box-sizing: border-box; word-break: break-word;\">\r\n                     <div class=\"title\" style=\"box-sizing: border-box;\">\r\n                        <h3 class=\"hckui__typography__h3\" style=\"box-sizing: border-box; font-family: inherit; line-height: 32px; color: #111111; margin: 0px 5px 0px 0px; font-size: 24px; display: inline;\">ESP32 Internet Radio CODE and Libraries</h3>\r\n                        <span class=\"hckui__typography__bodyS hckui__typography__pebble\" style=\"box-sizing: border-box; font-size: 14px; line-height: 18px; color: #767676 !important;\">Arduino</span></div>\r\n                     </div>\r\n                  <div class=\"actions\" style=\"box-sizing: border-box; margin-left: 20px; display: flex;\"><a class=\"hckui__buttons__md hckui__buttons__icon hckui__buttons__outlineBlack\" href=\"https://hacksterio.s3.amazonaws.com/uploads/attachments/1003315/esp8266internetradio.rar\" title=\"Download\" style=\"box-sizing: border-box; background-color: transparent; color: #4a4a4a; text-decoration-line: none; border: 1px solid rgb(74, 74, 74); border-radius: 4px; outline: none; font-size: 16px; line-height: 0; padding: 10px; cursor: pointer; display: inline-block; text-align: center;\" target=\"_blank\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-download-file\"></use></svg></i></a></div>\r\n                  </div>\r\n               <div class=\"preview-body pygments-syntax arduino\" style=\"box-sizing: border-box; height: 431px; overflow: scroll; border: 1px solid rgb(221, 221, 221);\">\r\n                  <pre style=\"box-sizing: border-box; overflow: visible; font-family: Menlo, Monaco, Consolas, &quot;courier new&quot;, monospace; font-size: 13px; padding: 9.5px 20px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: #ffffff; word-break: normal; overflow-wrap: normal; background-color: #23241f; border: 0px; border-radius: 0px; white-space: pre-wrap; max-height: none; counter-reset: linenumbers 0; height: 412px;\">No preview (download only).</pre>\r\n                  </div>\r\n               </div>\r\n            </div>\r\n         </div>\r\n      </section>\r\n   <div class=\"project-section-break\" style=\"box-sizing: border-box; border-top: 2px solid rgb(216, 216, 216); margin: 45px auto; width: 430.5px;\">&nbsp;</div>\r\n   <section id=\"team\" style=\"box-sizing: border-box;\">\r\n      <div class=\"project-section-title\" style=\"box-sizing: border-box; margin-bottom: 15px;\">\r\n         <h2 class=\"hckui__typography__h2 title-with-anchor\" style=\"box-sizing: border-box; font-family: inherit; line-height: 44px; color: #111111; margin-top: 0px; margin-bottom: 0px; font-size: 34px;\"><a class=\"anchor\" href=\"https://www.hackster.io/mircemk/simple-esp32-internet-radio-with-oled-display-83e49d#team\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; font-size: 18px; margin-left: -21px; padding-right: 5px; opacity: 0; visibility: hidden;\" target=\"_blank\"><i class=\"hckui__typography__iconWrapper hckui__typography__iconBaselineFix\" style=\"box-sizing: border-box; position: relative; top: 0.125em;\"><svg class=\"hckui__typography__icon hckui__typography__icon20\"><use xlink:href=\"#svg-link\"></use></svg></i></a><span style=\"box-sizing: border-box;\">Credits</span></h2>\r\n         </div>\r\n      <div style=\"box-sizing: border-box;\">\r\n         <div class=\"user-card media\" style=\"box-sizing: border-box; margin-top: 0px; overflow: hidden; zoom: 1; margin-bottom: 30px;\">\r\n            <div class=\"media-left\" style=\"box-sizing: border-box; padding-right: 12px; display: table-cell; vertical-align: top;\"><a href=\"https://www.hackster.io/mircemk\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none;\" target=\"_blank\"><img class=\"img-circle media-object\" srcset=\"https://hackster.imgix.net/uploads/attachments/760437/t-rex_PUBDQt5vkw.png?auto=compress%2Cformat&amp;w=120&amp;h=120&amp;fit=min 2x, https://hackster.imgix.net/uploads/attachments/760437/t-rex_PUBDQt5vkw.png?auto=compress%2Cformat&amp;w=60&amp;h=60&amp;fit=min\" alt=\"Mirko Pavleski\" src=\"https://hackster.imgix.net/uploads/attachments/760437/t-rex_PUBDQt5vkw.png?auto=compress%2Cformat&amp;w=60&amp;h=60&amp;fit=min\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: none; border-radius: 50%; display: inline-block; height: 50px; width: 50px;\" /></a></div>\r\n            <div class=\"media-body\" style=\"box-sizing: border-box; overflow: hidden; zoom: 1; width: 10000px; display: table-cell; vertical-align: top;\">\r\n               <h3 class=\"hckui__typography__h3\" style=\"box-sizing: border-box; font-family: inherit; line-height: 32px; color: #111111; margin-top: 0px; margin-bottom: 0px; font-size: 24px;\"><a class=\"hckui__typography__link\" href=\"https://www.hackster.io/mircemk\" style=\"box-sizing: border-box; background-color: transparent; color: #4a4a4a; text-decoration-line: none;\" target=\"_blank\">Mirko Pavleski</a></h3>\r\n               <div class=\"hckui__typography__bodyS hckui__typography__pebble\" style=\"box-sizing: border-box; font-size: 14px; line-height: 18px; color: #767676 !important;\">5 projects • 164 followers</div>\r\n               <div class=\"hckui__layout__marginTop15\" style=\"box-sizing: border-box; margin-top: 15px !important;\"><span style=\"box-sizing: border-box; display: inline-block; vertical-align: bottom; margin-right: 10px;\"><span data-hypernova-key=\"UserRelationButton\" data-hypernova-id=\"d44ce2d0-237e-4371-b169-441a73aec24d\" style=\"box-sizing: border-box;\"><button class=\"hckui__buttons__sm \" type=\"button\" data-reactroot=\"\" style=\"color: #ffffff; font-style: inherit; font-variant: inherit; font-weight: 700; font-stretch: inherit; font-size: 14px; line-height: 18px; font-family: inherit; margin: 0px; overflow: visible; cursor: pointer; background-color: #2e9fe6; border-width: 1px; border-style: solid; border-color: #2e9fe6; border-radius: 4px; outline: none; padding: 5px 10px;\">Follow</button></span></span><span class=\"user-signed-out\" style=\"box-sizing: border-box;\"><a class=\"hckui__buttons__sm hckui__buttons__secondary reactPortal\" action=\"SigninDialog\" data-redirect-to=\"/messages/new?recipient_id=168805\" data-source=\"user_contact\" data-react=\"{&quot;currentPanel&quot;:&quot;signup&quot;,&quot;simplified&quot;:true}\" href=\"https://www.hackster.io/users/sign_up?redirect_to=%2Fmessages%2Fnew%3Frecipient_id%3D168805&amp;source=user_contact\" style=\"box-sizing: border-box; background-color: #075b8b; color: #ffffff; text-decoration-line: none; border: 1px solid rgb(7, 91, 139); border-radius: 4px; outline: none; font-weight: 700; font-size: 14px; line-height: 18px; padding: 5px 10px; cursor: pointer; display: inline-block; text-align: center;\" target=\"_blank\">Contact</a></span></div>\r\n               </div>\r\n            </div>\r\n         </div>\r\n      </section>\r\n   <div class=\"project-section-break\" style=\"box-sizing: border-box; border-top: 2px solid rgb(216, 216, 216); margin: 45px auto; width: 430.5px;\">&nbsp;</div>\r\n   <section id=\"comments\" style=\"box-sizing: border-box;\">\r\n      <div class=\"project-section-title\" style=\"box-sizing: border-box; margin-bottom: 15px;\">\r\n         <h2 class=\"hckui__typography__h2 title-with-anchor\" style=\"box-sizing: border-box; font-family: inherit; line-height: 44px; color: #111111; margin-top: 0px; margin-bottom: 0px; font-size: 34px;\"><a class=\"anchor\" href=\"https://www.hackster.io/mircemk/simple-esp32-internet-radio-with-oled-display-83e49d#comments\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; font-size: 18px; margin-left: -21px; padding-right: 5px; opacity: 0; visibility: hidden;\" target=\"_blank\"><i class=\"hckui__typography__iconWrapper hckui__typography__iconBaselineFix\" style=\"box-sizing: border-box; position: relative; top: 0.125em;\"><svg class=\"hckui__typography__icon hckui__typography__icon20\"><use xlink:href=\"#svg-link\"></use></svg></i></a><span style=\"box-sizing: border-box;\">Comments</span></h2>\r\n         </div>\r\n      <div class=\"comments\" style=\"box-sizing: border-box;\">\r\n         <div data-hacksternova-key=\"ProjectComments\" data-hacksternova-props=\"{&quot;commentable&quot;:{&quot;id&quot;:&quot;83e49d&quot;,&quot;type&quot;:&quot;projects&quot;},&quot;newCommentsDisabled&quot;:false,&quot;placeholder&quot;:&quot;Share your thoughts! What do you like about this project? How could it be improved? Be respectful and constructive – most Hackster members create and share personal projects in their free time.&quot;}\" style=\"box-sizing: border-box;\">\r\n            <div class=\"r-comments\" style=\"box-sizing: border-box;\">\r\n               <p style=\"box-sizing: border-box; margin-bottom: 10px;\">Please&nbsp;<a style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6;\">log in</a>&nbsp;or&nbsp;<a style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6;\">sign up</a>&nbsp;to comment.</p>\r\n               <div class=\"\" data-intersect-callback-id=\"34bcd932-765d-4f88-bfb0-d6c3497e6420\" style=\"box-sizing: border-box;\">\r\n                  <div style=\"box-sizing: border-box;\">\r\n                     <div class=\"comment\" id=\"comment_113061\" style=\"box-sizing: border-box; margin-top: 40px; padding-top: 40px; border-top: 1px solid rgb(221, 221, 221); font-size: 16px;\">\r\n                        <div class=\"comment-title\" style=\"box-sizing: border-box; display: flex; position: relative; margin-bottom: 10px;\">\r\n                           <div class=\"avatar\" style=\"box-sizing: border-box; margin-right: 10px;\"><a href=\"https://www.hackster.io/BoulderTech\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none;\" target=\"_blank\"><img src=\"https://gravatar.com/avatar/eb081d1c5b22a3d7dcec4658245ef2b6.png?d=retro&amp;s=40\" alt=\"Don Vukovic\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; border-radius: 50%; width: 40px; height: 40px;\" /></a></div>\r\n                           <div class=\"profile-name\" style=\"box-sizing: border-box;\">\r\n                              <h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin: 0px; font-size: 1em;\"><span style=\"box-sizing: border-box; font-weight: 700;\"><a href=\"https://www.hackster.io/BoulderTech\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none;\" target=\"_blank\">Don Vukovic</a></span></h4>\r\n                              <span class=\"text-muted comment-date\" style=\"box-sizing: border-box; color: #777777; font-size: 0.9em;\">7 months ago</span></div>\r\n                           </div>\r\n                        <div class=\"comment-body\" style=\"box-sizing: border-box; margin-bottom: 10px;\">\r\n                           <p style=\"box-sizing: border-box;\">The archive is either in unknown format or damaged.</p>\r\n                           </div>\r\n                        </div>\r\n                     <div style=\"box-sizing: border-box;\">\r\n                        <div class=\"comment comment-nested\" id=\"comment_116088\" style=\"box-sizing: border-box; margin-top: 40px; padding-top: 40px; border-top: 1px solid rgb(221, 221, 221); font-size: 16px; margin-left: 50px; position: relative;\">\r\n                           <div class=\"comment-title\" style=\"box-sizing: border-box; display: flex; position: relative; margin-bottom: 10px;\">\r\n                              <div class=\"avatar\" style=\"box-sizing: border-box; margin-right: 10px;\"><a href=\"https://www.hackster.io/BoulderTech\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none;\" target=\"_blank\"><img src=\"https://gravatar.com/avatar/eb081d1c5b22a3d7dcec4658245ef2b6.png?d=retro&amp;s=40\" alt=\"Don Vukovic\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; border-radius: 50%; width: 40px; height: 40px;\" /></a></div>\r\n                              <div class=\"profile-name\" style=\"box-sizing: border-box;\">\r\n                                 <h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin: 0px; font-size: 1em;\"><span style=\"box-sizing: border-box; font-weight: 700;\"><a href=\"https://www.hackster.io/BoulderTech\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none;\" target=\"_blank\">Don Vukovic</a></span></h4>\r\n                                 <span class=\"text-muted comment-date\" style=\"box-sizing: border-box; color: #777777; font-size: 0.9em;\">6 months ago</span></div>\r\n                              </div>\r\n                           <div class=\"comment-body\" style=\"box-sizing: border-box; margin-bottom: 10px;\">\r\n                              <p style=\"box-sizing: border-box; margin-bottom: 10px;\">Would you please create a .ZIP file of this archive ?<br style=\"box-sizing: border-box;\" />Would you please create a github repository ?<br style=\"box-sizing: border-box;\" />The rar file is in unknown format or damaged.</p>\r\n                              <p style=\"box-sizing: border-box;\">Thank You</p>\r\n                              </div>\r\n                           </div>\r\n                        </div>\r\n                     </div>\r\n                  <div style=\"box-sizing: border-box;\">\r\n                     <div class=\"comment\" id=\"comment_115775\" style=\"box-sizing: border-box; margin-top: 40px; padding-top: 40px; border-top: 1px solid rgb(221, 221, 221); font-size: 16px;\">\r\n                        <div class=\"comment-title\" style=\"box-sizing: border-box; display: flex; position: relative; margin-bottom: 10px;\">\r\n                           <div class=\"avatar\" style=\"box-sizing: border-box; margin-right: 10px;\"><a href=\"https://www.hackster.io/schuh\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none;\" target=\"_blank\"><img src=\"https://gravatar.com/avatar/a84c4df86685789d94ca1e4d541c3118.png?d=retro&amp;s=40\" alt=\"schuh\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; border-radius: 50%; width: 40px; height: 40px;\" /></a></div>\r\n                           <div class=\"profile-name\" style=\"box-sizing: border-box;\">\r\n                              <h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin: 0px; font-size: 1em;\"><span style=\"box-sizing: border-box; font-weight: 700;\"><a href=\"https://www.hackster.io/schuh\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none;\" target=\"_blank\">schuh</a></span></h4>\r\n                              <span class=\"text-muted comment-date\" style=\"box-sizing: border-box; color: #777777; font-size: 0.9em;\">6 months ago</span></div>\r\n                           </div>\r\n                        <div class=\"comment-body\" style=\"box-sizing: border-box; margin-bottom: 10px;\">\r\n                           <p style=\"box-sizing: border-box;\">I have built this project and upon booting, it successfully connects to the first station and plays well. However after pushing the tune button, the display changes to the next station but there is no audio. If I reset the ESP32 the system reboots and the next station shows on the display and plays fine ....... until the tune button is pushed .... and so on.<br style=\"box-sizing: border-box;\" />Can anyone suggest where I\'m going wrong? Thanks.</p>\r\n                           </div>\r\n                        <ul class=\"comment-actions\" style=\"box-sizing: border-box; margin: 0px; font-size: 14px; list-style: none; padding: 0px;\">\r\n                           <li class=\"r-comments-counter\" style=\"box-sizing: border-box; display: inline-block; color: #1cacf7;\"><span style=\"box-sizing: border-box;\">1&nbsp;thank</span></li>\r\n                           </ul>\r\n                        </div>\r\n                     <div style=\"box-sizing: border-box;\">\r\n                        <div class=\"comment comment-nested\" id=\"comment_127157\" style=\"box-sizing: border-box; margin-top: 40px; padding-top: 40px; border-top: 1px solid rgb(221, 221, 221); font-size: 16px; margin-left: 50px; position: relative;\">\r\n                           <div class=\"comment-title\" style=\"box-sizing: border-box; display: flex; position: relative; margin-bottom: 10px;\">\r\n                              <div class=\"avatar\" style=\"box-sizing: border-box; margin-right: 10px;\"><a href=\"https://www.hackster.io/bartakmil2\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none;\" target=\"_blank\"><img src=\"https://lh5.googleusercontent.com/-EY5VuUgMOwc/AAAAAAAAAAI/AAAAAAAAAAA/AKF05nAbA3foOe0-JrnpxAKta03UATevbA/photo.jpg\" alt=\"Milan Bartak\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; border-radius: 50%; width: 40px; height: 40px;\" /></a></div>\r\n                              <div class=\"profile-name\" style=\"box-sizing: border-box;\">\r\n                                 <h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin: 0px; font-size: 1em;\"><span style=\"box-sizing: border-box; font-weight: 700;\"><a href=\"https://www.hackster.io/bartakmil2\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none;\" target=\"_blank\">Milan Bartak</a></span></h4>\r\n                                 <span class=\"text-muted comment-date\" style=\"box-sizing: border-box; color: #777777; font-size: 0.9em;\">2 months ago</span></div>\r\n                              </div>\r\n                           <div class=\"comment-body\" style=\"box-sizing: border-box; margin-bottom: 10px;\">\r\n                              <p style=\"box-sizing: border-box; margin-bottom: 10px;\">HI, I have came to the same problem - I just tried to put again player begin instead of soft reset and now it works fine.</p>\r\n                              <p style=\"box-sizing: border-box;\"><a href=\"https://player.softreset/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none;\">//player.softReset</a>();<br style=\"box-sizing: border-box;\" />SPI.begin();<br style=\"box-sizing: border-box;\" />player.begin();<br style=\"box-sizing: border-box;\" />player.setVolume(VOLUME);</p>\r\n                              </div>\r\n                           </div>\r\n                        </div>\r\n                     <div style=\"box-sizing: border-box;\">\r\n                        <div class=\"comment comment-nested\" id=\"comment_129297\" style=\"box-sizing: border-box; margin-top: 40px; padding-top: 40px; border-top: 1px solid rgb(221, 221, 221); font-size: 16px; margin-left: 50px; position: relative;\">\r\n                           <div class=\"comment-title\" style=\"box-sizing: border-box; display: flex; position: relative; margin-bottom: 10px;\">\r\n                              <div class=\"avatar\" style=\"box-sizing: border-box; margin-right: 10px;\"><a href=\"https://www.hackster.io/franz-josef-haffner\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none;\" target=\"_blank\"><img src=\"https://lh3.googleusercontent.com/a-/AOh14GgnUhn41rDYFoDtMj4k2SbJLSCjAuvpg-O8FT7DDQ\" alt=\"Franz-Josef Haffner\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; border-radius: 50%; width: 40px; height: 40px;\" /></a></div>\r\n                              <div class=\"profile-name\" style=\"box-sizing: border-box;\">\r\n                                 <h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin: 0px; font-size: 1em;\"><span style=\"box-sizing: border-box; font-weight: 700;\"><a href=\"https://www.hackster.io/franz-josef-haffner\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none;\" target=\"_blank\">Franz-Josef Haffner</a></span></h4>\r\n                                 <span class=\"text-muted comment-date\" style=\"box-sizing: border-box; color: #777777; font-size: 0.9em;\">a month ago</span></div>\r\n                              </div>\r\n                           <div class=\"comment-body\" style=\"box-sizing: border-box; margin-bottom: 10px;\">\r\n                              <p style=\"box-sizing: border-box; margin-bottom: 10px;\">Hello, great project, I love it. So simple and cheap.<br style=\"box-sizing: border-box;\" />Had to remove some bugs:</p>\r\n                              <ul style=\"box-sizing: border-box; margin-top: 0px; margin-bottom: 10px;\">\r\n                                 <li style=\"box-sizing: border-box;\">critical VS-Boards need the correction code \"player.switchToMp3Mode();\" after every station_connect. I.E.:</li>\r\n                                 </ul>\r\n                              <p style=\"box-sizing: border-box; margin-bottom: 10px;\">...player.softReset();<br style=\"box-sizing: border-box;\" />x=true;<br style=\"box-sizing: border-box;\" />station_connect(new_counter);<br style=\"box-sizing: border-box;\" />player.switchToMp3Mode();<br style=\"box-sizing: border-box;\" />preferences.putUInt(\"counter\",new_counter);...</p>\r\n    ','https://www.hackster.io/mircemk/simple-esp32-internet-radio-with-oled-display-83e49d','',1,0,5,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2020-05-14 16:08:37',1,'2020-05-14 16:08:37','210.101.103.92','','','','','','','','','','','',''),(5,-4,'',5,0,0,'','','html1','번영사이트 - 워크몬','<p>&nbsp;http://www.workmon.co.kr/cv/366</p>\r\n<p><br /></p>','http://www.workmon.co.kr/cv/366','',0,0,1,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2019-04-26 16:37:36',0,'2019-04-26 16:37:36','210.101.103.92','','','','','','','','','','','',''),(15,-13,'',15,0,0,'','','html1','클라우드 iot ubidots','<p><a href=\"https://kocoafab.cc/tutorial/view/656\" target=\"_blank\">https://kocoafab.cc/tutorial/view/656</a></p>\r\n<p>&nbsp;</p>\r\n<p><a href=\"https://ubidots.com/\" target=\"_blank\">https://ubidots.com/</a></p>','','',0,0,3,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2020-05-28 17:58:24',0,'2020-05-28 17:58:24','210.101.103.92','','','','','','','','','','','',''),(16,-14,'',16,0,0,'','','html1','ESP32 Battery Read voltage','<p><a href=\"https://randomnerdtutorials.com/power-esp32-esp8266-solar-panels-battery-level-monitoring/\" target=\"_blank\">https://randomnerdtutorials.com/power-esp32-esp8266-solar-panels-battery-level-monitoring/</a></p>\r\n<p>&nbsp;</p>\r\n<p><a href=\"https://en.ovcharov.me/2020/02/29/how-to-measure-battery-level-with-esp32-microcontroller/\" target=\"_blank\">https://en.ovcharov.me/2020/02/29/how-to-measure-battery-level-with-esp32-microcontroller/</a></p>','','',0,0,4,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2020-06-29 16:29:41',0,'2020-06-29 16:29:41','210.101.103.92','','','','','','','','','','','',''),(20,-15,'',20,0,0,'','','','족욕기','족욕기 링크 http://gs1.cn/Barcode/show?typeId=1#!/productDetail?typeId=1&gtin=06972835070005','http://gs1.cn/Barcode/show?typeId=1#!/productDetail?typeId=1&gtin=06972835070005','',0,0,5,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2020-10-03 23:35:52',0,'2020-10-03 23:35:52','192.168.0.1','','','','','','','','','','','',''),(21,-16,'',21,0,0,'','','html1','아두이노가 말을 한다 ESP32를 이용한 TTS기능','<p><iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/llK8JKr8JFM\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"></iframe><br /></p>','https://www.youtube.com/watch?v=llK8JKr8JFM&feature=youtu.be','',3,0,5,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-01-19 09:19:34',0,'2021-01-19 09:19:34','210.101.103.93','','','','','','','','','','','',''),(22,-17,'',22,0,0,'','','','maxim max77651/77654','https://www.maximintegrated.com/en/products/power/power-management-ics/MAX77654.html\r\n\r\nhttps://www.digikey.kr/ko/product-highlight/m/maxim-integrated/max77650-max77651-pmic?utm_adgroup=General&utm_source=google&utm_medium=cpc&utm_campaign=Dynamic%20Search_KR_Product&utm_term=&productid=&gclid=Cj0KCQiA0rSABhDlARIsAJtjfCerm1TVJLfHDyyIXLfzOIHAs7Uz1xiryvIku7alHG-jUcwYZ36QuSwaAon3EALw_wcB','','',0,0,3,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-01-25 13:35:44',0,'2021-01-25 13:35:44','210.101.103.92','','','','','','','','','','','',''),(23,-18,'',23,0,0,'','','html1','ESP32 | MPU6050 | MahonyAHRS - Adding BLE module(ft. String vs Float)','<p><iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/lpnG7K0-E88\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"></iframe><br /></p>','https://www.youtube.com/watch?v=lpnG7K0-E88','',0,0,2,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-02-01 22:37:49',0,'2021-02-01 22:37:49','192.168.219.101','','','','','','','','','','','',''),(24,-19,'',24,0,0,'','','html1','10k NTC Thermisotr 사용하기','<p>https://m.blog.naver.com/PostView.nhn?blogId=ann_arbor&amp;logNo=221437037824&amp;proxyReferer=https:%2F%2Fwww.google.com%2F</p>','https://m.blog.naver.com/PostView.nhn?blogId=ann_arbor&logNo=221437037824&proxyReferer=https:%2F%2Fwww.google.com%2F','',0,0,2,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-02-02 10:51:31',0,'2021-02-02 10:51:31','222.113.38.2','','','','','','','','','','','',''),(25,-20,'',25,0,0,'','','html1','트로이달 트랜스','<div class=\"img\" style=\"font-family: &quot;Nanum Gothic&quot;, serif; width: 210px; height: 210px; margin: 0px auto;\">\r\n   <div class=\"show\" style=\"width: 210px; background-color: #ffffff; overflow: hidden; margin-bottom: 10px;\"><a href=\"http://www.asiatr.kr/bbs/view_image.php?bo_table=21&amp;fn=1794608194_b3WKRY7T_thumb-522bb2e745ebb34c3a0b83accfd16deb_1461139210_38_600x514.jpg\" target=\"_blank\" class=\"view_image\" style=\"color: #000000; text-decoration-line: none;\"><img src=\"http://www.asiatr.kr/data/file/21/1794608194_b3WKRY7T_thumb-522bb2e745ebb34c3a0b83accfd16deb_1461139210_38_600x514.jpg\" alt=\"\" title=\"\" style=\"margin: 0px; padding: 0px; border: 0px; vertical-align: middle; width: 210px;\" /></a></div>\r\n   </div>\r\n<div style=\"font-family: &quot;Nanum Gothic&quot;, serif; clear: both;\">&nbsp;</div>\r\n<div id=\"bo_v_con\" style=\"font-family: &quot;Nanum Gothic&quot;, serif; margin: 20px 0px 0px 30px; width: 826.5px; line-height: 1.9em; word-break: break-all; overflow: hidden; letter-spacing: 0.02em; color: #444444;\">\r\n   <p style=\"padding: 0px; word-break: break-all;\"><a href=\"http://www.asiatr.kr/bbs/view_image.php?fn=http%3A%2F%2Fasea.barunweb.co.kr%2F%2Fdata%2Feditor%2F1604%2F522bb2e745ebb34c3a0b83accfd16deb_1461139209_96.jpg\" target=\"_blank\" class=\"view_image\" style=\"color: #000000;\"><img src=\"http://www.asiatr.kr/data/editor/1604/thumb-522bb2e745ebb34c3a0b83accfd16deb_1461139209_96_600x363.jpg\" alt=\"522bb2e745ebb34c3a0b83accfd16deb_1461139\" width=\"600\" title=\"\" style=\"margin: 0px; padding: 0px; border: 0px; vertical-align: middle; max-width: 100%; height: auto;\" /></a></p>\r\n   <div align=\"center\" style=\"text-align: center;\"><a href=\"http://www.asiatr.kr/bbs/view_image.php?fn=http%3A%2F%2Fasea.barunweb.co.kr%2F%2Fdata%2Feditor%2F1604%2F522bb2e745ebb34c3a0b83accfd16deb_1461139210_04.jpg\" target=\"_blank\" class=\"view_image\" style=\"color: #000000;\"><img src=\"http://www.asiatr.kr/data/editor/1604/thumb-522bb2e745ebb34c3a0b83accfd16deb_1461139210_04_600x340.jpg\" alt=\"522bb2e745ebb34c3a0b83accfd16deb_1461139\" width=\"600\" title=\"\" style=\"margin: 0px; padding: 0px; border: 0px; vertical-align: middle; max-width: 100%; height: auto;\" /></a></div>\r\n   <div align=\"center\" style=\"text-align: center;\"><a href=\"http://www.asiatr.kr/bbs/view_image.php?fn=http%3A%2F%2Fasea.barunweb.co.kr%2F%2Fdata%2Feditor%2F1604%2F522bb2e745ebb34c3a0b83accfd16deb_1461139210_14.jpg\" target=\"_blank\" class=\"view_image\" style=\"color: #000000;\"><img src=\"http://www.asiatr.kr/data/editor/1604/thumb-522bb2e745ebb34c3a0b83accfd16deb_1461139210_14_600x555.jpg\" alt=\"522bb2e745ebb34c3a0b83accfd16deb_1461139\" width=\"600\" title=\"\" style=\"margin: 0px; padding: 0px; border: 0px; vertical-align: middle; max-width: 100%; height: auto;\" /></a></div>\r\n   <div align=\"center\" style=\"text-align: center;\"><a href=\"http://www.asiatr.kr/bbs/view_image.php?fn=http%3A%2F%2Fasea.barunweb.co.kr%2F%2Fdata%2Feditor%2F1604%2F522bb2e745ebb34c3a0b83accfd16deb_1461139210_22.jpg\" target=\"_blank\" class=\"view_image\" style=\"color: #000000;\"><img src=\"http://www.asiatr.kr/data/editor/1604/thumb-522bb2e745ebb34c3a0b83accfd16deb_1461139210_22_600x207.jpg\" alt=\"522bb2e745ebb34c3a0b83accfd16deb_1461139\" width=\"600\" style=\"margin: 0px; padding: 0px; border: 0px; vertical-align: middle; max-width: 100%; height: auto;\" /></a></div>\r\n   <div align=\"center\" style=\"text-align: center;\"><a href=\"http://www.asiatr.kr/bbs/view_image.php?fn=http%3A%2F%2Fasea.barunweb.co.kr%2F%2Fdata%2Feditor%2F1604%2F522bb2e745ebb34c3a0b83accfd16deb_1461139210_29.jpg\" target=\"_blank\" class=\"view_image\" style=\"color: #000000;\"><img src=\"http://www.asiatr.kr/data/editor/1604/thumb-522bb2e745ebb34c3a0b83accfd16deb_1461139210_29_600x114.jpg\" alt=\"522bb2e745ebb34c3a0b83accfd16deb_1461139\" width=\"600\" title=\"522bb2e745ebb34c3a0b83accfd16deb_1461139\" style=\"margin: 0px; padding: 0px; border: 0px; vertical-align: middle; max-width: 100%; height: auto;\" /></a></div>\r\n   <div style=\"text-align: center;\"><br style=\"letter-spacing: 0.24px; background-color: #ffffff;\" /></div>\r\n   </div>','http://www.asiatr.kr/bbs/board.php?bo_table=21&wr_id=18&page=2','',0,0,2,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-02-07 22:19:16',0,'2021-02-07 22:19:16','192.168.219.101','','','','','','','','','','','',''),(26,-21,'',26,0,0,'','','html1','Why most Arduino Soil Moisture Sensors suck','<p><iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/udmJyncDvw0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"></iframe></p>','https://www.youtube.com/watch?v=udmJyncDvw0&feature=emb_title','https://www.dfrobot.com/product-599.html',0,2,4,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-02-09 12:44:42',0,'2021-02-09 12:44:42','210.101.103.92','','','','','','','','','','','',''),(27,-22,'',27,0,0,'','','html1','http://jsonplaceholder.typicode.com/','<p><a href=\"http://jsonplaceholder.typicode.com/\" target=\"_blank\">http://jsonplaceholder.typicode.com/</a></p>','','',0,0,4,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-02-28 12:15:30',0,'2021-02-28 12:15:30','192.168.219.104','','','','','','','','','','','',''),(28,-23,'',28,0,0,'','','html1','Nextion LCD 사용법 블로그1','<p>첫번째 링크 : 전체적인 사용법 강의 ---&gt; 에디터 및 화면구성에 대한 내용</p>\r\n<p>두번째 링크 : 간략한 사용법 강의 ---&gt; 실제 아두이노와 연동사용법 설명 간략</p>\r\n<p>&nbsp;</p>\r\n<p>** Nextion LCD Instruction Set **</p>\r\n<p><a href=\"https://nextion.tech/instruction-set/\" target=\"_blank\">https://nextion.tech/instruction-set/</a></p>','https://blog.naver.com/PostView.nhn?blogId=ansdbtls4067&logNo=221528025281&categoryNo=47&parentCategoryNo=0&viewDate=&currentPage=1&postListTopCurrentPage=1&from=postList&userTopListOpen=true&userTopListCount=30&userTopListManageOpen=false&userTopListCurrentPage=1','https://kwonkyo.tistory.com/132',12,10,14,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-03-01 11:13:26',0,'2021-03-01 11:13:26','210.101.103.92','','','','','','','','','','','',''),(29,-24,'',29,0,0,'','','html1','Nextion LCD 시리얼 통신(with 아두이노)','<p>아두이노와 시리얼 통신으로 Nextion LCD 사용하기</p>','https://m.blog.naver.com/PostView.nhn?blogId=damtaja&logNo=221723236891&targetKeyword=&targetRecommendationCode=1','',13,0,14,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-03-01 14:05:39',0,'2021-03-01 14:05:39','210.101.103.92','','','','','','','','','','','',''),(30,-25,'',30,0,0,'','','html1','TensorFlow ML/DL 예제 교육 코드','<h1 style=\"box-sizing: border-box; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; line-height: 1.25; padding-bottom: 0.3em; border-bottom: 1px solid var(--color-border-secondary); color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff; margin-top: 0px !important;\">Python 기반 AI 관련 오픈소스 라이브러리 활용</h1>\r\n<h2 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; line-height: 1.25; padding-bottom: 0.3em; border-bottom: 1px solid var(--color-border-secondary); color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-1-ai를-위한-python-핵심-리뷰\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#1-ai%EB%A5%BC-%EC%9C%84%ED%95%9C-python-%ED%95%B5%EC%8B%AC-%EB%A6%AC%EB%B7%B0\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>1. AI를 위한 Python 핵심 리뷰</h2>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-1-개발환경-구축\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#1-%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>1) 개발환경 구축</h3>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-2-파이썬-리뷰-i\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#2-%ED%8C%8C%EC%9D%B4%EC%8D%AC-%EB%A6%AC%EB%B7%B0-i\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>2) 파이썬 리뷰 I</h3>\r\n<ul style=\"box-sizing: border-box; padding-left: 2em; margin-top: 0px; margin-bottom: 16px; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; font-size: 16px; background-color: #ffffff;\">\r\n   <li style=\"box-sizing: border-box;\">기본 자료형과 연산자, 자료형 변환, 리스트, 조건문과 반복문, 함수, 문자열 처리</li>\r\n   </ul>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-3-파이썬-리뷰-ii\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#3-%ED%8C%8C%EC%9D%B4%EC%8D%AC-%EB%A6%AC%EB%B7%B0-ii\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>3) 파이썬 리뷰 II</h3>\r\n<ul style=\"box-sizing: border-box; padding-left: 2em; margin-top: 0px; margin-bottom: 16px; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; font-size: 16px; background-color: #ffffff;\">\r\n   <li style=\"box-sizing: border-box;\">Stack, Queue, Tuple, Set, Dictionary, collections</li>\r\n   </ul>\r\n<h2 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; line-height: 1.25; padding-bottom: 0.3em; border-bottom: 1px solid var(--color-border-secondary); color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-2-데이터-사용의-기초-numpy\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#2-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EC%82%AC%EC%9A%A9%EC%9D%98-%EA%B8%B0%EC%B4%88-numpy\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>2. 데이터 사용의 기초 Numpy</h2>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-1-scipynumpy-소개\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#1-scipynumpy-%EC%86%8C%EA%B0%9C\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>1) Scipy/Numpy 소개</h3>\r\n<ul style=\"box-sizing: border-box; padding-left: 2em; margin-top: 0px; margin-bottom: 16px; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; font-size: 16px; background-color: #ffffff;\">\r\n   <li style=\"box-sizing: border-box;\">Numpy 기본 구문 I</li>\r\n   </ul>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-2-ndarray-slicing--indexing-reshape\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#2-ndarray-slicing--indexing-reshape\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>2) ndarray, slicing &amp; indexing, reshape</h3>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-3-numpy-기본-구문-ii\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#3-numpy-%EA%B8%B0%EB%B3%B8-%EA%B5%AC%EB%AC%B8-ii\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>3) Numpy 기본 구문 II</h3>\r\n<ul style=\"box-sizing: border-box; padding-left: 2em; margin-top: 0px; margin-bottom: 16px; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; font-size: 16px; background-color: #ffffff;\">\r\n   <li style=\"box-sizing: border-box;\">vector &amp; matrix 연산, 차원 확장과 병합, random 기능 이용, broadcast 연산</li>\r\n   </ul>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-4-numpy-ai-활용\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#4-numpy-ai-%ED%99%9C%EC%9A%A9\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>4) Numpy AI 활용</h3>\r\n<ul style=\"box-sizing: border-box; padding-left: 2em; margin-top: 0px; margin-bottom: 16px; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; font-size: 16px; background-color: #ffffff;\">\r\n   <li style=\"box-sizing: border-box;\">matplotlib 활용, ML/DL 활용, 공공데이터 활용</li>\r\n   </ul>\r\n<h2 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; line-height: 1.25; padding-bottom: 0.3em; border-bottom: 1px solid var(--color-border-secondary); color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-3-pandas를-이용한-데이터-핸들링\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#3-pandas%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-%EB%8D%B0%EC%9D%B4%ED%84%B0-%ED%95%B8%EB%93%A4%EB%A7%81\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>3. Pandas를 이용한 데이터 핸들링</h2>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-1-pandas-개요와-pandas-자료구조\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#1-pandas-%EA%B0%9C%EC%9A%94%EC%99%80-pandas-%EC%9E%90%EB%A3%8C%EA%B5%AC%EC%A1%B0\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>1) Pandas 개요와 Pandas 자료구조</h3>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-2-pandas-기본-구문\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#2-pandas-%EA%B8%B0%EB%B3%B8-%EA%B5%AC%EB%AC%B8\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>2) Pandas 기본 구문</h3>\r\n<ul style=\"box-sizing: border-box; padding-left: 2em; margin-top: 0px; margin-bottom: 16px; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; font-size: 16px; background-color: #ffffff;\">\r\n   <li style=\"box-sizing: border-box;\">Series, DataFrame, Indexing, Boolean Indexing, Data Handling</li>\r\n   </ul>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-3-pandas-데이터-분석용-함수들\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#3-pandas-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EB%B6%84%EC%84%9D%EC%9A%A9-%ED%95%A8%EC%88%98%EB%93%A4\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>3) Pandas 데이터 분석용 함수들</h3>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-4-pandas-aggregation-함수-활용-eda\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#4-pandas-aggregation-%ED%95%A8%EC%88%98-%ED%99%9C%EC%9A%A9-eda\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>4) Pandas Aggregation 함수 활용 EDA</h3>\r\n<ul style=\"box-sizing: border-box; padding-left: 2em; margin-top: 0px; margin-bottom: 16px; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; font-size: 16px; background-color: #ffffff;\">\r\n   <li style=\"box-sizing: border-box;\">groupby, sum. mean, max, min, agg, pivot, crosstab</li>\r\n   </ul>\r\n<h2 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; line-height: 1.25; padding-bottom: 0.3em; border-bottom: 1px solid var(--color-border-secondary); color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-4-ai를-위한-다양한-eda-도구-활용\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#4-ai%EB%A5%BC-%EC%9C%84%ED%95%9C-%EB%8B%A4%EC%96%91%ED%95%9C-eda-%EB%8F%84%EA%B5%AC-%ED%99%9C%EC%9A%A9\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>4. AI를 위한 다양한 EDA 도구 활용</h2>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-1-matplotlib와-seaborn을-이용한-데이터-시각화\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#1-matplotlib%EC%99%80-seaborn%EC%9D%84-%EC%9D%B4%EC%9A%A9%ED%95%9C-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EC%8B%9C%EA%B0%81%ED%99%94\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>1) Matplotlib와 Seaborn을 이용한 데이터 시각화</h3>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-2-eda-실습---공공-데이터-분석\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#2-eda-%EC%8B%A4%EC%8A%B5---%EA%B3%B5%EA%B3%B5-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EB%B6%84%EC%84%9D\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>2) EDA 실습 - 공공 데이터 분석</h3>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-3-follium을-이용한-위치기반-데이터-처리\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#3-follium%EC%9D%84-%EC%9D%B4%EC%9A%A9%ED%95%9C-%EC%9C%84%EC%B9%98%EA%B8%B0%EB%B0%98-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EC%B2%98%EB%A6%AC\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>3) Follium을 이용한 위치기반 데이터 처리</h3>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-4-eda-실습---서울시-범죄-현황-분석\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#4-eda-%EC%8B%A4%EC%8A%B5---%EC%84%9C%EC%9A%B8%EC%8B%9C-%EB%B2%94%EC%A3%84-%ED%98%84%ED%99%A9-%EB%B6%84%EC%84%9D\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>4) EDA 실습 - 서울시 범죄 현황 분석</h3>\r\n<h2 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; line-height: 1.25; padding-bottom: 0.3em; border-bottom: 1px solid var(--color-border-secondary); color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-5-ai-프로젝트를-위한-git-활용\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#5-ai-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EB%A5%BC-%EC%9C%84%ED%95%9C-git-%ED%99%9C%EC%9A%A9\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>5. AI 프로젝트를 위한 git 활용</h2>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-1-git-개요-및-설치\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#1-git-%EA%B0%9C%EC%9A%94-%EB%B0%8F-%EC%84%A4%EC%B9%98\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>1) Git 개요 및 설치</h3>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-2-git-사용-기초\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#2-git-%EC%82%AC%EC%9A%A9-%EA%B8%B0%EC%B4%88\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>2) Git 사용 기초</h3>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-3-git의-원리\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#3-git%EC%9D%98-%EC%9B%90%EB%A6%AC\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>3) Git의 원리</h3>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff;\"><a id=\"user-content-4-git의-혁신--branch\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#4-git%EC%9D%98-%ED%98%81%EC%8B%A0--branch\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>4) Git의 혁신 – branch</h3>\r\n<h3 style=\"box-sizing: border-box; margin-top: 24px; font-size: 1.25em; line-height: 1.25; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; background-color: #ffffff; margin-bottom: 0px !important;\"><a id=\"user-content-5-원격-저장소-github\" class=\"anchor\" aria-hidden=\"true\" href=\"https://github.com/edu-cafe/ai-libs#5-%EC%9B%90%EA%B2%A9-%EC%A0%80%EC%9E%A5%EC%86%8C-github\" style=\"box-sizing: border-box; background-color: initial; text-decoration-line: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;\" target=\"_blank\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"></path></svg></a>5) 원격 저장소 Github</h3>','https://github.com/edu-cafe/ai-libs','',1,0,3,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-03-09 11:05:08',0,'2021-03-09 11:05:08','192.168.219.104','','','','','','','','','','','',''),(31,-26,'',31,0,0,'','','html1','ESP32 제품선택 가이드 페이지(제조사 espressif)','<div data-v-02686594=\"\" class=\"right-top-content-left\" style=\"margin: 0px 4px 0px 0px; padding: 0px; border: 0px; outline: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; -webkit-box-flex: 0; flex: 0 0 190px; max-width: 360px; min-width: 190px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; color: #2c3e50; font-family: HelveticaNeue-Light, &quot;Helvetica Neue Light&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, PingFangSC-Light, &quot;PingFang SC Light&quot;, 黑体, sans-serif; text-align: center; width: 190px !important;\">\r\n   <div data-v-02686594=\"\" class=\"features-img\" style=\"margin: 0px 0px 4px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: rgb(255, 255, 255); -webkit-box-flex: 0; flex: 0 0 60%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; overflow: hidden;\">\r\n      <div data-v-02686594=\"\" class=\"features-img-content SoC\" style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; overflow: hidden; width: 9vw; height: 9vw; max-width: 180px; max-height: 180px; border-radius: 100%; box-shadow: rgba(178, 178, 178, 0.8) 0px 0px 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;\"><img data-v-02686594=\"\" src=\"http://products.espressif.com:7000/iot-solution-api/description?picture=11\" class=\"image\" style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; width: 51.75px; height: auto; cursor: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWEAYAAACUJLB4AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAABoZJREFUSMfNV21QVOcVfs7ddQHBrMYCTlFkNWgaB2sMSSDsJY6IWRgMMeWjEMB1NDqoYBqnArVGauMIGMCp2tQYY9WIwNS920AAkUiUj4hmlWnQjFGmFTKYqiDykV0X9p7+aPfGEHcW2+lMzq97z+dzz3nPe84ljJOsDSfWhV+cORN3KVNVnJZGW4Vt5BkTAxUvwDSdjjeiijO0WspBOi3v6+NCMmPV5ctCpmzg4dpaa6/mKdQfPTp5clxcc/Pdu+ONO5bIlYC5sjKs28vLNn1Corpk505U4iJFZmZiIbpQotE8cqTNsKO9vx+nqRuf7Njh2RG/qem54mIiIoD5vwY81PmR7/Nl/v7qnfLjE+ZXVfEeLqDMZ59VFDYhHIurq+FDb9JPjh8XYuU8dF66NEpYxOjvn3BCLeAzX195kePX3BARgRo6iBsrV471Q4dpLWebTB5r7XtHw9LSiJKSzs2wWsedAOZD/CJ7etpSpbPirLY2q1WSRJHZFipdE5/v6bG+Z14cOSiKj5pYZmaAyNpgnqcvSU+3HpWKxGPDw4r/GMkiSmVlTr1xO7adMk8X64uLFUeiOVQ/ePOmdXPVwohTgYEu7UxSUeS8pUttgdItsaqpyf6yOTVyT0iIK33rZlNfxCm93togbdH32GzOeFaWWEw0Gt3hFKzzzO+I52fM4PvwxYZ16xTJDdKoJqemehUtu9gS3dXlMoNElZyUkMBX0YIivd7hBx+5IjbWlb5X0auPt0Q3N/MzFE5L8vKUIzIbT2L922+zXFnxVKXrHhEwh0N4KCUFUfwW/D09UY9JfKy+3rMrvvWMo7HRbWkmcSfee6CUT/AzFCgI7sy8tPbh3vx9+2g2Irn866/5MgqwNSDAHqJeN7U1Oto14D8hG90Gg/KlOTBgYUWFW6D/I5GQlHwlyW7nIGRSniQ5+TKEPKQuXerKTg0f/BbP6XQAgPcBx37WUlp7O15EL3YDti5TmP5XBgPeIjW2G43wp0E6/10GeQH7wxgaqnjswz3en5JiyzH/XFz19NMKv5VnccvIiKMOGagvKfH2Xr68udlioT6YuKa9nYEU+hmAjahB05w5WOMCMG2HmXK1Ws5HGgCodKoqoXRgAMAL2A3wn+lJGLOy8C7iKTY2FnjIlRn0wPPvEEyxISEMzge+33wEQIjCcczq7QUANFss8h/RRgfu3SOgCyUAUvlV/NTTE2tw+qGAORqb4HX7NoB/AlOmcAy3yhf8/P4tvn4dW3FINX/9esqF2cEPKdVxRFBOerqz6egvWI1iSUIH3uc36+oUvas0RKGyPGJTXRdKzWYAwBFAmMpXace0aQzyYi8A6djA/gMDLs+SdYnEor/ZrFwvm019Ymdu7njPorVBmiIGHDig2BdI+8XU77rfHdmMkl4/WF7+veuN8/Nd6QvkQx8ipbpa4YiUhyajkbmyMjFRpRpv4Ecl50TlF3AfPXFxTj5fk2vl7AcqMxawh8muEUrLyykZAYi5dQtLYMDBuXOt1yYkfrMyK8tt5HrUInFkRHkvxWKy2+3uzNTzR//mkVZUhHT8hlZ7e1M+gEUWy8Q5v4ht2XPunOsMC0nJZ2hoCC+zHapt25wCGiQd6ouK7v/SHBrx5bJlLh0cdCygjtJSyscK+kdh4WjtyEX50JEjrvStq81r9PqcHL5D5zgiIwN3yYgtsszV1Ill2dnuPvQHs9vmbboZKRw+rDi8CS3XOBy0gj4RphcUeJyhRoe6sJCE+NaW3sFBdwG+/X11cFh3QIBwYjRS7Sgs5M84jtJfe01RKMA+ZAwMqC6RH9n0es1Hr5Sdzfrii3EDdo5G2181u6Z+uXcvDLwFDa+/rhjk0kok9PWhgpOh/fhjGsHf6UOLRb6CG1zT349EdCPGzw8aDKMjIgJv0EJoX3pJmaT/ySi9ganY1dvLh7kYdl9fWkGboLl9W7AhjF6JinIF3O129O1X5rP6wYQEYh6guoICBGIEf5g9253dDwJlUS6/e+ECH2IIPhs34qQcNdLX04NwIVzl9emnEOBDa4KC3AEf9zrnvDXuz/TYfcsUGYm18nq5zGBAILKhCw7mYMxF+6RJ9A49hto7dzhZ3sUTOzp4i2ot1508OfGr+NaW3s8/H+tX+ZNZIFxXxzc2whuZCNLpXAEf//75fyZljV01ul3oP33aWcmxwH80gBXgLjKOD9CGx65c+dEBHgucNqi+Ue87dgx7cB7JbW3/AhNpGBw60CvvAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTExLTEwVDE3OjE4OjM1KzA4OjAwEpluHgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0xMS0xMFQxNzoxODozNSswODowMGPE1qIAAABIdEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uX3VlNnAyZzJzMm0vZmFuZ2RhLnN2Z0ua5PgAAAAASUVORK5CYII=&quot;), auto;\" />\r\n         <div data-v-02686594=\"\" class=\"title\" style=\"margin: 10px 0px 0px; padding: 0px; border: 0px; outline: 0px; font-size: 12px !important; vertical-align: baseline; background: transparent; width: 80.5px; color: #565e66; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\"><span data-v-02686594=\"\" class=\"el-tooltip name item\" aria-describedby=\"el-tooltip-7374\" tabindex=\"0\" style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent;\">ESP32-PICO-D4</span></div>\r\n         </div>\r\n      </div>\r\n   <div data-v-02686594=\"\" class=\"features-list\" style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: rgb(255, 255, 255); -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; overflow: hidden;\">\r\n      <div data-v-02686594=\"\" class=\"features-list-content\" style=\"margin: 0px; padding: 10px 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; max-height: 110px; width: 190px; height: 80px; overflow: hidden auto;\">\r\n         <div data-v-02686594=\"\" class=\"features-item active\" style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent;\"><span data-v-02686594=\"\" style=\"margin: 0px auto; padding: 3px 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; display: flex; -webkit-box-align: center; align-items: center; width: 120px; line-height: 1; text-align: left; color: #f7af3d; cursor: pointer; font-weight: 700;\"><span data-v-02686594=\"\" class=\"iconfont icon-productbrief\" style=\"margin: 0px 5px 0px 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; -webkit-font-smoothing: antialiased; font-weight: 400; font-size: 22px !important; font-family: iconfont !important;\"></span>Product Brief</span></div>\r\n         <div data-v-02686594=\"\" class=\"features-item\" style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent;\"><span data-v-02686594=\"\" style=\"margin: 0px auto; padding: 3px 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; display: flex; -webkit-box-align: center; align-items: center; width: 120px; line-height: 1; text-align: left; color: #565e66; cursor: pointer; font-weight: 700;\"><span data-v-02686594=\"\" class=\"iconfont icon-docs-certs\" style=\"margin: 0px 5px 0px 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; -webkit-font-smoothing: antialiased; font-weight: 400; font-size: 22px !important; font-family: iconfont !important;\"></span>Docs &amp; Certs</span></div>\r\n         <div data-v-02686594=\"\" class=\"features-item\" style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent;\"><span data-v-02686594=\"\" style=\"margin: 0px auto; padding: 3px 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; display: flex; -webkit-box-align: center; align-items: center; width: 120px; line-height: 1; text-align: left; color: #565e66; cursor: pointer; font-weight: 700;\"><span data-v-02686594=\"\" class=\"iconfont icon-boards\" style=\"margin: 0px 5px 0px 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; -webkit-font-smoothing: antialiased; font-weight: 400; font-size: 22px !important; font-family: iconfont !important;\"></span>DevKits</span></div>\r\n         </div>\r\n      </div>\r\n   </div>\r\n<div data-v-02686594=\"\" id=\"right-top-content-right\" class=\"right-top-content-right\" style=\"margin: 0px; padding: 20px 30px; border: 0px; outline: 0px; font-size: 14px; vertical-align: baseline; background: rgb(255, 255, 255); -webkit-box-flex: 1; flex: 1 1 0%; overflow: hidden auto; box-sizing: border-box; position: relative; color: #2c3e50; font-family: HelveticaNeue-Light, &quot;Helvetica Neue Light&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, PingFangSC-Light, &quot;PingFang SC Light&quot;, 黑体, sans-serif; text-align: center;\">\r\n   <div data-v-02686594=\"\" class=\"features-wrap\" style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent;\">\r\n      <div data-v-02686594=\"\" id=\"features-content-text\" class=\"features-content-text\" style=\"margin: 0px 10px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; text-align: left;\">\r\n         <div class=\"header\" style=\"margin: 0px 0px 20px; padding: 0px 0px 15px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: #c4c4c4; border-left-color: initial; border-image: initial; outline: 0px; font-size: 12px; vertical-align: baseline; background: transparent;\">\r\n            <p style=\"margin-top: 8px; margin-bottom: 8px;\">The ESP32-PICO-04 is a System-in-Package (SiP) device that is based on ESP32 with ECO V3 wafer, providing complete Wi-Fi and Bluetooth functionalities. It integrates a 4 MB SPI flash.</p>\r\n            <p style=\"margin-top: 8px; margin-bottom: 8px;\">With its ultra-small size, robust performance and low-energy consumption, ESP32-PICO-V3 is well suited for any space-limited or battery-operated applications, such as wearable electronics, medical equipment, sensors and other IoT products. Comparing to other ESP32 series chips, ESP32-PICO-V3 has an additional pin GPIO20. For chip security purpose, flash pins DI, DO, /HOLD, /WP are not led out.</p>\r\n            </div>\r\n         <span style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 12px; vertical-align: baseline; background: transparent; font-weight: bolder;\">Features:</span>\r\n         <div style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 12px; vertical-align: baseline; background: transparent;\">\r\n            <div class=\"features-describe-img\" id=\"features-describe-img\" style=\"margin: -34px 0px 0px; padding: 0px 0px 0px 15px; border-width: 0px 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: solid; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: #c4c4c4; border-image: initial; outline: 0px; vertical-align: baseline; background: transparent; float: right; width: 245.688px;\">\r\n               <div class=\"features-describe-img-content\" style=\"margin: 0px 0px 0px 49.125px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; width: 196.547px;\">\r\n                  <p style=\"margin-bottom: 22px;\"><strong style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent;\">Block Diagram:</strong></p>\r\n                  <img src=\"http://products.espressif.com:7000/iot-solution-api/description?diagram=11\" style=\"margin: 0px; padding: 15px; border: 1px solid rgb(239, 242, 246); outline: 0px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; position: relative; width: 196.547px; box-shadow: rgb(239, 242, 246) 0px 0px 6px; box-sizing: border-box; cursor: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWEAYAAACUJLB4AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAABoZJREFUSMfNV21QVOcVfs7ddQHBrMYCTlFkNWgaB2sMSSDsJY6IWRgMMeWjEMB1NDqoYBqnArVGauMIGMCp2tQYY9WIwNS920AAkUiUj4hmlWnQjFGmFTKYqiDykV0X9p7+aPfGEHcW2+lMzq97z+dzz3nPe84ljJOsDSfWhV+cORN3KVNVnJZGW4Vt5BkTAxUvwDSdjjeiijO0WspBOi3v6+NCMmPV5ctCpmzg4dpaa6/mKdQfPTp5clxcc/Pdu+ONO5bIlYC5sjKs28vLNn1Corpk505U4iJFZmZiIbpQotE8cqTNsKO9vx+nqRuf7Njh2RG/qem54mIiIoD5vwY81PmR7/Nl/v7qnfLjE+ZXVfEeLqDMZ59VFDYhHIurq+FDb9JPjh8XYuU8dF66NEpYxOjvn3BCLeAzX195kePX3BARgRo6iBsrV471Q4dpLWebTB5r7XtHw9LSiJKSzs2wWsedAOZD/CJ7etpSpbPirLY2q1WSRJHZFipdE5/v6bG+Z14cOSiKj5pYZmaAyNpgnqcvSU+3HpWKxGPDw4r/GMkiSmVlTr1xO7adMk8X64uLFUeiOVQ/ePOmdXPVwohTgYEu7UxSUeS8pUttgdItsaqpyf6yOTVyT0iIK33rZlNfxCm93togbdH32GzOeFaWWEw0Gt3hFKzzzO+I52fM4PvwxYZ16xTJDdKoJqemehUtu9gS3dXlMoNElZyUkMBX0YIivd7hBx+5IjbWlb5X0auPt0Q3N/MzFE5L8vKUIzIbT2L922+zXFnxVKXrHhEwh0N4KCUFUfwW/D09UY9JfKy+3rMrvvWMo7HRbWkmcSfee6CUT/AzFCgI7sy8tPbh3vx9+2g2Irn866/5MgqwNSDAHqJeN7U1Oto14D8hG90Gg/KlOTBgYUWFW6D/I5GQlHwlyW7nIGRSniQ5+TKEPKQuXerKTg0f/BbP6XQAgPcBx37WUlp7O15EL3YDti5TmP5XBgPeIjW2G43wp0E6/10GeQH7wxgaqnjswz3en5JiyzH/XFz19NMKv5VnccvIiKMOGagvKfH2Xr68udlioT6YuKa9nYEU+hmAjahB05w5WOMCMG2HmXK1Ws5HGgCodKoqoXRgAMAL2A3wn+lJGLOy8C7iKTY2FnjIlRn0wPPvEEyxISEMzge+33wEQIjCcczq7QUANFss8h/RRgfu3SOgCyUAUvlV/NTTE2tw+qGAORqb4HX7NoB/AlOmcAy3yhf8/P4tvn4dW3FINX/9esqF2cEPKdVxRFBOerqz6egvWI1iSUIH3uc36+oUvas0RKGyPGJTXRdKzWYAwBFAmMpXace0aQzyYi8A6djA/gMDLs+SdYnEor/ZrFwvm019Ymdu7njPorVBmiIGHDig2BdI+8XU77rfHdmMkl4/WF7+veuN8/Nd6QvkQx8ipbpa4YiUhyajkbmyMjFRpRpv4Ecl50TlF3AfPXFxTj5fk2vl7AcqMxawh8muEUrLyykZAYi5dQtLYMDBuXOt1yYkfrMyK8tt5HrUInFkRHkvxWKy2+3uzNTzR//mkVZUhHT8hlZ7e1M+gEUWy8Q5v4ht2XPunOsMC0nJZ2hoCC+zHapt25wCGiQd6ouK7v/SHBrx5bJlLh0cdCygjtJSyscK+kdh4WjtyEX50JEjrvStq81r9PqcHL5D5zgiIwN3yYgtsszV1Ill2dnuPvQHs9vmbboZKRw+rDi8CS3XOBy0gj4RphcUeJyhRoe6sJCE+NaW3sFBdwG+/X11cFh3QIBwYjRS7Sgs5M84jtJfe01RKMA+ZAwMqC6RH9n0es1Hr5Sdzfrii3EDdo5G2181u6Z+uXcvDLwFDa+/rhjk0kok9PWhgpOh/fhjGsHf6UOLRb6CG1zT349EdCPGzw8aDKMjIgJv0EJoX3pJmaT/ySi9ganY1dvLh7kYdl9fWkGboLl9W7AhjF6JinIF3O129O1X5rP6wYQEYh6guoICBGIEf5g9253dDwJlUS6/e+ECH2IIPhs34qQcNdLX04NwIVzl9emnEOBDa4KC3AEf9zrnvDXuz/TYfcsUGYm18nq5zGBAILKhCw7mYMxF+6RJ9A49hto7dzhZ3sUTOzp4i2ot1508OfGr+NaW3s8/H+tX+ZNZIFxXxzc2whuZCNLpXAEf//75fyZljV01ul3oP33aWcmxwH80gBXgLjKOD9CGx65c+dEBHgucNqi+Ue87dgx7cB7JbW3/AhNpGBw60CvvAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTExLTEwVDE3OjE4OjM1KzA4OjAwEpluHgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0xMS0xMFQxNzoxODozNSswODowMGPE1qIAAABIdEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uX3VlNnAyZzJzMm0vZmFuZ2RhLnN2Z0ua5PgAAAAASUVORK5CYII=&quot;), auto;\" /></div>\r\n               </div>\r\n            <ul class=\"first\" style=\"font-weight: bolder; line-height: 30px;\">\r\n               <li>Core:&nbsp;<span style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-weight: normal;\">Xtensa® dual-core 32-bit LX6 CPU, frequency up to 240MHz</span></li>\r\n               <li>Memories:</li>\r\n               <ul class=\"second\" style=\"font-weight: normal;\">\r\n                  <li>448 KB of ROM</li>\r\n                  <li>520 KB of SRAM</li>\r\n                  <li>16 KB of RTCSRAM</li>\r\n                  <li>4 MB of Flash memory</li>\r\n                  </ul>\r\n               <li>Working Voltage:&nbsp;<span style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-weight: normal;\">2.3 V to 3.6 V</span></li>\r\n               <li>Up to 34 GPIOs</li>\r\n               <li>2*12-bit ADC (up to 18 channels)</li>\r\n               <li>Communication interfaces</li>\r\n               <ul class=\"second\" style=\"font-weight: normal;\">\r\n                  <li>2 I2C interfaces</li>\r\n                  <li>2 I2S interfaces</li>\r\n                  <li>4 SPI interfaces</li>\r\n                  <li>3 UART interfaces</li>\r\n                  </ul>\r\n               <li>Security:</li>\r\n               <ul class=\"second\" style=\"font-weight: normal;\">\r\n                  <li>1024 bit OTP</li>\r\n                  <li>AES, SHA, RSA, ECC, RNG</li>\r\n                  <li>Secure Boot, Flash Encryption</li>\r\n                  </ul>\r\n               <li>Extended temperature range:&nbsp;<span style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-weight: normal;\">-40 to 85 °C</span></li>\r\n               </ul>\r\n            </div>\r\n         </div>\r\n      </div>\r\n   </div>','http://products.espressif.com:8000/#/product-selector?language=en','',1,0,1,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-03-10 09:55:02',0,'2021-03-10 09:55:02','192.168.219.104','','','','','','','','','','','',''),(32,-27,'',32,0,0,'','','html1','10.525G Frequency HW-AC100 AC Load-Type Microwave Induction Module Microwave Sensor Module','<p style=\"outline: 0px; box-sizing: border-box; padding: 8px 0px; font-size: 13px; line-height: 1.8; color: #666666; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff;\"><b style=\"outline: 0px; box-sizing: border-box;\">4</b><b style=\"outline: 0px; box-sizing: border-box;\">. Product Specifications:</b><b style=\"outline: 0px; box-sizing: border-box;\">&nbsp;</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n<table border=\"1\" cellspacing=\"0\" align=\"center\" style=\"outline: 0px; border-spacing: 0px; width: 901px; margin-bottom: 20px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; background-color: #ffffff;\">\r\n   <tbody style=\"outline: 0px; box-sizing: border-box;\">\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">Model</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">HW-ACHB100</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"186\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">V.01version</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"228\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">10.525G fixed frequency module</p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">Input voltage VCC</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">220V-China</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"186\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Note for special country power supply</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"228\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Red-L, Black-N,</p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">load</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">AC 250V/8A</p>\r\n            </td>\r\n         <td colspan=\"2\" valign=\"top\" width=\"415\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">10W-2000W</p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">output method</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">AC -L &nbsp;ON/OFF</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"186\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">L-OUT/Relay L-sw</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"228\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Yellow-&nbsp;AC L-K-OUT, Green-N</p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">Fuse NTC</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">JK250/600</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"186\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">5D-7</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"228\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\"></td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">VDR</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">07D471</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"186\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\"></td>\r\n         <td valign=\"top\" width=\"228\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\"></td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">Induction method</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td colspan=\"3\" valign=\"top\" width=\"574\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Doppler motion detection (SENSOR installation is not movable)</p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">Induction distance</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">SENS:10m-35m</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"186\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">1-2 DIP switch adjustment</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"228\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Refer to catalog picture</p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">Induction Time</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Time:can adjust 10s-30min</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"186\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">3-4-5 DIP switch adjustment</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"228\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Refer to catalog picture</p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">Photosensitive adjustment</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">CDS<span style=\"outline: 0px; box-sizing: border-box; font-family: 宋体;\">：</span><span style=\"outline: 0px; box-sizing: border-box; font-family: Arial;\">10lux-500lux</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"186\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">6-7-8 DIP switch adjustment</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"228\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Refer to catalog picture</p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">Trigger method</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Repeatable trigger (default)</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"186\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">——————</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"228\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Non-repeatable triggering is not supported</p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">Radiation frequency</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">10.525GHz±5MHz</p>\r\n            </td>\r\n         <td colspan=\"2\" valign=\"top\" width=\"415\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\"></td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">Transmit power</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">&lt;0.3W</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"186\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">-30dB</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"228\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\"></td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">Angel</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">90°-360°</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"186\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Angle is determined by space</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"228\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">SENS determines signal strength</p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">Light sensor</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">HW-5p-1 light sensor</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"186\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">When receiving light, block OUT</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"228\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Light sensor (default)</p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">Operating temperature</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">-20~+80℃</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"186\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\"></td>\r\n         <td valign=\"top\" width=\"228\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Ambient temperature</p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">Dimensions</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">L63 X M58 X 45mm</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"186\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Outdoor waterproof case IP65</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"228\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Length-width-height / mm</p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"outline: 0px; box-sizing: border-box;\">\r\n         <td valign=\"top\" width=\"189\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\"><b style=\"outline: 0px; box-sizing: border-box;\">port</b><b style=\"outline: 0px; box-sizing: border-box;\"></b></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"159\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Red-L, Black-N, Yellow-OUT, Green-N</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"186\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Cable length 120mm</p>\r\n            </td>\r\n         <td valign=\"top\" width=\"228\" style=\"outline: 0px; box-sizing: border-box; margin: 0px; padding: 0px 15px; height: 30px; border-style: solid; line-height: 1.5; font-size: 12px; background: rgb(251, 251, 251);\">\r\n            <p align=\"justify\" style=\"outline: 0px; box-sizing: border-box; padding: 5px; line-height: 1.3;\">Please standardize the wiring</p>\r\n            </td>\r\n         </tr>\r\n      </tbody>\r\n   </table>','http://www.szhaiwang.com/hw-ac100-ac-load-type-microwave-induction-module-microwave-sensor-module.html','https://www.aliexpress.com/item/4001205283479.html',0,0,2,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-03-19 13:14:38',1,'2021-03-19 13:14:38','210.101.103.92','','','','','','','','','','','',''),(33,-28,'',33,0,0,'','','html1','KC인증 로라(LoRa)모듈','<p>1. SKT 로라모듈들</p>\r\n<p>https://www.sktiot.com/iot/introduction/network/networkLoraMain1_1</p>\r\n<p>&nbsp;</p>\r\n<p>2. eWBM 로라모듈</p>\r\n<p>https://ewbm.co.kr/sub/product.form&nbsp;</p>\r\n<p>판매사이트&nbsp;https://www.icbanq.com/P011849469</p>\r\n<p>&nbsp;</p>\r\n<p>**담당자 이건우 매니저 010-8994-5756</p>','https://www.sktiot.com/iot/introduction/network/networkLoraMain1_1','https://ewbm.co.kr/sub/product.form',3,3,9,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-03-24 11:42:49',0,'2021-03-24 11:42:49','210.101.103.92','','','','','','','','','','','',''),(35,-30,'',35,0,0,'','','html1','고휘도 LED의 연구 / 파워 LED를 다루는 방법','<p>고휘도 LED의 연구 / 파워 LED를 다루는 방법</p>','http://magazine.hellot.net/magz/article/articleDetail.do?flag=all&showType=showType1&articleId=ARTI_000000000040408&articleAllListSortType=sort_1&page=1&selectYearMonth=200803&subCtgId=','',3,0,3,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-04-16 21:16:21',0,'2021-04-16 21:16:21','192.168.219.104','','','','','','','','','','','',''),(41,-36,'',41,0,0,'','','html1','아프리카 돼지열별 발생현황','<p>https://www.mafra.go.kr/FMD-AI2/map/ASF/ASF_map.jsp</p>','https://www.mafra.go.kr/FMD-AI2/map/ASF/ASF_map.jsp','',0,0,1,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-08-28 12:56:23',0,'2021-08-28 12:56:23','106.101.130.176','','','','','','','','','','','',''),(42,-37,'',42,0,0,'','','html1','ESP32 + MPU9250: 3D Orientation Visualisation','<section id=\"overview\" style=\"font-size: medium; box-sizing: border-box;\">\r\n   <h1 class=\"hckui__typography__h1\" itemprop=\"name\" style=\"box-sizing: border-box; font-size: 40px; margin: 0px; font-family: inherit; line-height: 49px; color: #111111;\">ESP32 + MPU9250: 3D Orientation Visualisation</h1>\r\n   <p class=\"hckui__typography__bodyL hckui__layout__marginBottom15\" itemprop=\"description\" style=\"box-sizing: border-box; margin-top: 10px; font-size: 18px; line-height: 26px; color: #4a4a4a;\">Visualizing MPU9250 3D orientation data on the web page hosted by ESP32. Using websockets and JSON to send orientation data.</p>\r\n   <div class=\"hckui__typography__bodyS project-details\" style=\"box-sizing: border-box; font-size: 14px; line-height: 18px; color: #4a4a4a;\"><span style=\"box-sizing: border-box; margin-right: 15px;\"><a class=\"hckui__typography__textWithIcon project-difficulty text-success\" href=\"https://www.hackster.io/projects?difficulty=beginner\" style=\"box-sizing: border-box; color: #5cb85c; text-decoration-line: none; align-items: center; display: inline-flex;\" target=\"_blank\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box; line-height: 0;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-beginner\"></use></svg></i><span style=\"box-sizing: border-box; margin-left: 5px;\">Beginner</span></a></span><span class=\"hckui__typography__textWithIcon\" style=\"box-sizing: border-box; align-items: center; display: inline-flex; margin-right: 15px;\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box; line-height: 0;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-full-instructions\"></use></svg></i><span style=\"box-sizing: border-box; margin-left: 5px;\">Full instructions provided</span></span><span class=\"hckui__typography__textWithIcon\" style=\"box-sizing: border-box; align-items: center; display: inline-flex; margin-right: 15px;\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box; line-height: 0;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-time\"></use></svg></i><span style=\"box-sizing: border-box; margin-left: 5px;\">1 hour</span></span><span class=\"hckui__typography__textWithIcon\" itemprop=\"interactionStatistic\" itemscope=\"\" itemtype=\"http://schema.org/InteractionCounter\" style=\"box-sizing: border-box; align-items: center; display: inline-flex; margin-right: 15px;\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box; line-height: 0;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-eye\"></use></svg></i><span class=\"impressions-stats\" itemprop=\"userInteractionCount\" style=\"box-sizing: border-box; margin-left: 5px;\">26,573</span></span></div>\r\n   <div class=\"hckui__layout__marginTop30\" style=\"box-sizing: border-box; margin-top: 30px !important;\">\r\n      <div class=\"project-cover-image\" itemprop=\"image\" itemscope=\"\" itemtype=\"https://schema.org/ImageObject\" style=\"box-sizing: border-box; border: 1px solid rgb(216, 216, 216); height: 0px; padding-top: 461.25px; position: relative;\"><img alt=\"ESP32 + MPU9250: 3D Orientation Visualisation\" src=\"https://hackster.imgix.net/uploads/attachments/771259/esp32_mpu9250_Q3KnZduYYF.JPG?auto=compress%2Cformat&amp;w=900&amp;h=675&amp;fit=min\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; height: 461.25px; left: 0px; position: absolute; top: 0px; width: 613px;\" /></div>\r\n      </div>\r\n   </section>\r\n<div class=\"project-section-break\" style=\"font-size: medium; box-sizing: border-box; border-top: 2px solid rgb(216, 216, 216); margin: 45px auto; width: 430.5px;\">&nbsp;</div>\r\n<div id=\"project_page_simple_ad_portal\" style=\"font-size: medium; box-sizing: border-box;\">&nbsp;</div>\r\n<div id=\"description\" itemprop=\"articleBody\" style=\"font-size: medium; box-sizing: border-box;\">\r\n   <section id=\"things\" style=\"box-sizing: border-box; color: #4d4d4d; font-family: proxima-nova, helveticaneue, Helvetica, Arial, &quot;lucida grande&quot;, sans-serif; font-size: 18px; background-color: #ffffff;\">\r\n      <div class=\"project-section-title\" style=\"box-sizing: border-box; margin-bottom: 15px;\">\r\n         <h2 class=\"hckui__typography__h2 title-with-anchor\" style=\"box-sizing: border-box; font-family: inherit; line-height: 44px; color: #111111; margin-top: 0px; margin-bottom: 0px; font-size: 34px;\"><a class=\"anchor\" href=\"https://www.hackster.io/donowak/esp32-mpu9250-3d-orientation-visualisation-467dc1#things\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; font-size: 18px; margin-left: -21px; padding-right: 5px; opacity: 0; visibility: hidden;\" target=\"_blank\"><i class=\"hckui__typography__iconWrapper hckui__typography__iconBaselineFix\" style=\"box-sizing: border-box; position: relative; top: 0.125em;\"><svg class=\"hckui__typography__icon hckui__typography__icon20\"><use xlink:href=\"#svg-link\"></use></svg></i></a><span style=\"box-sizing: border-box;\">Things used in this project</span></h2>\r\n         </div>\r\n      <div class=\"project-parts\" style=\"box-sizing: border-box;\">\r\n         <div class=\"view-expanded\" style=\"box-sizing: border-box;\">\r\n            <table class=\"project-parts-table\" style=\"border-spacing: 0px; background-color: transparent; width: 615px;\">\r\n               <tbody style=\"box-sizing: border-box;\">\r\n                  <tr class=\"head\" style=\"box-sizing: border-box;\">\r\n                     <td colspan=\"6\" style=\"box-sizing: border-box; padding: 10px 0px; border-top: 0px;\">\r\n                        <h3 class=\"hckui__typography__h3\" style=\"box-sizing: border-box; font-family: inherit; line-height: 32px; color: #111111; margin-top: 0px; margin-bottom: 0px; font-size: 24px;\">Hardware components</h3>\r\n                        </td>\r\n                     </tr>\r\n                  <tr style=\"box-sizing: border-box;\">\r\n                     <td class=\"part-img\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8; width: 58px;\"><img srcset=\"https://hackster.imgix.net/uploads/attachments/209612/esp32-module.JPG?auto=compress%2Cformat&amp;w=96&amp;h=96&amp;fit=fill&amp;bg=ffffff 2x, https://hackster.imgix.net/uploads/attachments/209612/esp32-module.JPG?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" alt=\"ESP32S\" src=\"https://hackster.imgix.net/uploads/attachments/209612/esp32-module.JPG?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; height: 48px; width: 48px;\" /></td>\r\n                     <td style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\">\r\n                        <table style=\"border-spacing: 0px; background-color: transparent; width: 410.078px;\">\r\n                           <tbody style=\"box-sizing: border-box;\">\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; padding: 0px; font-size: 18px; line-height: 26px; color: #4a4a4a;\"><a data-ha=\"{&quot;eventName&quot;:&quot;Clicked link&quot;,&quot;customProps&quot;:{&quot;value&quot;:&quot;Espressif ESP32S&quot;,&quot;href&quot;:&quot;/Espressif/products/esp32s?ref=project-467dc1&quot;,&quot;type&quot;:&quot;part&quot;,&quot;location&quot;:&quot;things&quot;},&quot;clickOpts&quot;:{&quot;delayRedirect&quot;:true}}\" class=\"hckui__typography__linkBlue\" href=\"https://www.hackster.io/Espressif/products/esp32s?ref=project-467dc1\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; cursor: pointer;\" target=\"_blank\">Espressif ESP32S</a></td>\r\n                                 </tr>\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyS hckui__typography__pebble hckui__typography__breakWord\" style=\"box-sizing: border-box; padding: 0px; font-size: 14px; line-height: 18px; color: #4a4a4a; word-break: break-word;\"></td>\r\n                                 </tr>\r\n                              </tbody>\r\n                           </table>\r\n                        </td>\r\n                     <td class=\"hckui__typography__bodyL times\" style=\"box-sizing: border-box; padding: 10px; font-size: 18px; line-height: 26px; color: #4a4a4a; border-top-style: solid; border-top-color: #d8d8d8; text-align: center; vertical-align: middle;\">×</td>\r\n                     <td class=\"hckui__typography__bodyL quantity\" style=\"box-sizing: border-box; padding: 10px 10px 10px 0px; font-size: 18px; line-height: 26px; color: #4a4a4a; border-top-style: solid; border-top-color: #d8d8d8; text-align: center; vertical-align: middle;\">1</td>\r\n                     <td class=\"actions\" style=\"box-sizing: border-box; padding: 10px 0px 10px 20px; border-top-style: solid; border-top-color: #d8d8d8; text-align: right;\">\r\n                        <div class=\"hckui__buttons__group\" style=\"box-sizing: border-box; display: inline-flex; position: relative; vertical-align: middle;\"><a target=\"_blank\" rel=\"nofollow noopener\" class=\"hckui__buttons__md hckui__buttons__icon hckui__buttons__outlineBlack\" title=\"Buy\" data-ha=\"{&quot;eventName&quot;:&quot;Clicked part buy link&quot;,&quot;customProps&quot;:{&quot;part_id&quot;:19850,&quot;link_id&quot;:597,&quot;retailer_id&quot;:null,&quot;link_position&quot;:0}}\" href=\"https://www.hackster.io/products/buy/597?s=BAhJIhMxMzMwNzUsUHJvamVjdAY6BkVG%0A\" style=\"box-sizing: border-box; background-color: transparent; color: #4a4a4a; text-decoration-line: none; border: 1px solid rgb(74, 74, 74); border-radius: 4px; outline: none; font-size: 16px; line-height: 0; padding: 10px; cursor: pointer; display: inline-block; text-align: center;\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-cart\"></use></svg></i></a></div>\r\n                        </td>\r\n                     </tr>\r\n                  <tr style=\"box-sizing: border-box;\">\r\n                     <td class=\"part-img\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8; width: 58px;\"><img srcset=\"https://hackster.imgix.net/uploads/attachments/175953/13762-00.jpg?auto=compress%2Cformat&amp;w=96&amp;h=96&amp;fit=fill&amp;bg=ffffff 2x, https://hackster.imgix.net/uploads/attachments/175953/13762-00.jpg?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" alt=\"SparkFun IMU Breakout - MPU-9250\" src=\"https://hackster.imgix.net/uploads/attachments/175953/13762-00.jpg?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; height: 48px; width: 48px;\" /></td>\r\n                     <td style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\">\r\n                        <table style=\"border-spacing: 0px; background-color: transparent; width: 410.078px;\">\r\n                           <tbody style=\"box-sizing: border-box;\">\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; padding: 0px; font-size: 18px; line-height: 26px; color: #4a4a4a;\"><a data-ha=\"{&quot;eventName&quot;:&quot;Clicked link&quot;,&quot;customProps&quot;:{&quot;value&quot;:&quot;SparkFun IMU Breakout - MPU-9250&quot;,&quot;href&quot;:&quot;/sparkfun/products/sparkfun-imu-breakout-mpu-9250?ref=project-467dc1&quot;,&quot;type&quot;:&quot;part&quot;,&quot;location&quot;:&quot;things&quot;},&quot;clickOpts&quot;:{&quot;delayRedirect&quot;:true}}\" class=\"hckui__typography__linkBlue\" href=\"https://www.hackster.io/sparkfun/products/sparkfun-imu-breakout-mpu-9250?ref=project-467dc1\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; cursor: pointer;\" target=\"_blank\">SparkFun IMU Breakout - MPU-9250</a></td>\r\n                                 </tr>\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyS hckui__typography__pebble hckui__typography__breakWord\" style=\"box-sizing: border-box; padding: 0px; font-size: 14px; line-height: 18px; color: #4a4a4a; word-break: break-word;\"></td>\r\n                                 </tr>\r\n                              </tbody>\r\n                           </table>\r\n                        </td>\r\n                     <td class=\"hckui__typography__bodyL times\" style=\"box-sizing: border-box; padding: 10px; font-size: 18px; line-height: 26px; color: #4a4a4a; border-top-style: solid; border-top-color: #d8d8d8; text-align: center; vertical-align: middle;\">×</td>\r\n                     <td class=\"hckui__typography__bodyL quantity\" style=\"box-sizing: border-box; padding: 10px 10px 10px 0px; font-size: 18px; line-height: 26px; color: #4a4a4a; border-top-style: solid; border-top-color: #d8d8d8; text-align: center; vertical-align: middle;\">1</td>\r\n                     <td class=\"actions\" style=\"box-sizing: border-box; padding: 10px 0px 10px 20px; border-top-style: solid; border-top-color: #d8d8d8; text-align: right;\">\r\n                        <div class=\"hckui__buttons__group\" style=\"box-sizing: border-box; display: inline-flex; position: relative; vertical-align: middle;\"><a target=\"_blank\" rel=\"nofollow noopener\" class=\"hckui__buttons__md hckui__buttons__icon hckui__buttons__outlineBlack\" title=\"Buy\" data-ha=\"{&quot;eventName&quot;:&quot;Clicked part buy link&quot;,&quot;customProps&quot;:{&quot;part_id&quot;:26196,&quot;link_id&quot;:857,&quot;retailer_id&quot;:2,&quot;link_position&quot;:0}}\" href=\"https://www.hackster.io/products/buy/857?s=BAhJIhMxMzMwNzUsUHJvamVjdAY6BkVG%0A\" style=\"box-sizing: border-box; background-color: transparent; color: #4a4a4a; text-decoration-line: none; border: 1px solid rgb(74, 74, 74); border-radius: 4px; outline: none; font-size: 16px; line-height: 0; padding: 10px; cursor: pointer; display: inline-block; text-align: center;\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-cart\"></use></svg></i></a></div>\r\n                        </td>\r\n                     </tr>\r\n                  <tr class=\"head\" style=\"box-sizing: border-box;\">\r\n                     <td colspan=\"6\" style=\"box-sizing: border-box; padding: 10px 0px; border-top: 0px;\">\r\n                        <h3 class=\"hckui__typography__h3\" style=\"box-sizing: border-box; font-family: inherit; line-height: 32px; color: #111111; margin-top: 0px; margin-bottom: 0px; font-size: 24px;\">Software apps and online services</h3>\r\n                        </td>\r\n                     </tr>\r\n                  <tr style=\"box-sizing: border-box;\">\r\n                     <td class=\"part-img\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8; width: 58px;\"><img srcset=\"https://hackster.imgix.net/uploads/image/file/144203/IDE_web.jpg?auto=compress%2Cformat&amp;w=96&amp;h=96&amp;fit=fill&amp;bg=ffffff 2x, https://hackster.imgix.net/uploads/image/file/144203/IDE_web.jpg?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" alt=\"Arduino IDE\" src=\"https://hackster.imgix.net/uploads/image/file/144203/IDE_web.jpg?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; height: 48px; width: 48px;\" /></td>\r\n                     <td style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\">\r\n                        <table style=\"border-spacing: 0px; background-color: transparent; width: 410.078px;\">\r\n                           <tbody style=\"box-sizing: border-box;\">\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; padding: 0px; font-size: 18px; line-height: 26px; color: #4a4a4a;\"><a data-ha=\"{&quot;eventName&quot;:&quot;Clicked link&quot;,&quot;customProps&quot;:{&quot;value&quot;:&quot;Arduino IDE&quot;,&quot;href&quot;:&quot;/arduino/products/arduino-ide?ref=project-467dc1&quot;,&quot;type&quot;:&quot;part&quot;,&quot;location&quot;:&quot;things&quot;},&quot;clickOpts&quot;:{&quot;delayRedirect&quot;:true}}\" class=\"hckui__typography__linkBlue\" href=\"https://www.hackster.io/arduino/products/arduino-ide?ref=project-467dc1\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; cursor: pointer;\" target=\"_blank\">Arduino IDE</a></td>\r\n                                 </tr>\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyS hckui__typography__pebble hckui__typography__breakWord\" style=\"box-sizing: border-box; padding: 0px; font-size: 14px; line-height: 18px; color: #4a4a4a; word-break: break-word;\"></td>\r\n                                 </tr>\r\n                              </tbody>\r\n                           </table>\r\n                        </td>\r\n                     <td colspan=\"2\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\"></td>\r\n                     <td class=\"actions\" style=\"box-sizing: border-box; padding: 10px 0px 10px 20px; border-top-style: solid; border-top-color: #d8d8d8; text-align: right;\"><a target=\"_blank\" rel=\"nofollow noopener\" class=\"hckui__buttons__md hckui__buttons__icon hckui__buttons__outlineBlack\" title=\"More info\" href=\"https://www.arduino.cc/en/main/software\" style=\"box-sizing: border-box; background-color: transparent; color: #4a4a4a; text-decoration-line: none; border: 1px solid rgb(74, 74, 74); border-radius: 4px; outline: none; font-size: 16px; line-height: 0; padding: 10px; cursor: pointer; display: inline-block; text-align: center;\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-external-link\"></use></svg></i></a></td>\r\n                     </tr>\r\n                  <tr style=\"box-sizing: border-box;\">\r\n                     <td class=\"part-img\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8; width: 58px;\"><img srcset=\"https://hackster.imgix.net/uploads/attachments/667707/signet_redxxxhdpi_UHLWPyqJwS.png?auto=compress%2Cformat&amp;w=96&amp;h=96&amp;fit=fill&amp;bg=ffffff 2x, https://hackster.imgix.net/uploads/attachments/667707/signet_redxxxhdpi_UHLWPyqJwS.png?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" alt=\"Husarnet client\" src=\"https://hackster.imgix.net/uploads/attachments/667707/signet_redxxxhdpi_UHLWPyqJwS.png?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; height: 48px; width: 48px;\" /></td>\r\n                     <td style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\">\r\n                        <table style=\"border-spacing: 0px; background-color: transparent; width: 410.078px;\">\r\n                           <tbody style=\"box-sizing: border-box;\">\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; padding: 0px; font-size: 18px; line-height: 26px; color: #4a4a4a;\"><a data-ha=\"{&quot;eventName&quot;:&quot;Clicked link&quot;,&quot;customProps&quot;:{&quot;value&quot;:&quot;Husarnet client&quot;,&quot;href&quot;:&quot;/husarnet/products/husarnet-client?ref=project-467dc1&quot;,&quot;type&quot;:&quot;part&quot;,&quot;location&quot;:&quot;things&quot;},&quot;clickOpts&quot;:{&quot;delayRedirect&quot;:true}}\" class=\"hckui__typography__linkBlue\" href=\"https://www.hackster.io/husarnet/products/husarnet-client?ref=project-467dc1\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; cursor: pointer;\" target=\"_blank\">Husarnet client</a></td>\r\n                                 </tr>\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyS hckui__typography__pebble hckui__typography__breakWord\" style=\"box-sizing: border-box; padding: 0px; font-size: 14px; line-height: 18px; color: #4a4a4a; word-break: break-word;\"></td>\r\n                                 </tr>\r\n                              </tbody>\r\n                           </table>\r\n                        </td>\r\n                     <td colspan=\"2\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\"></td>\r\n                     <td class=\"actions\" style=\"box-sizing: border-box; padding: 10px 0px 10px 20px; border-top-style: solid; border-top-color: #d8d8d8; text-align: right;\">\r\n                        <div class=\"hckui__buttons__group\" style=\"box-sizing: border-box; display: inline-flex; position: relative; vertical-align: middle;\"><a target=\"_blank\" rel=\"nofollow noopener\" class=\"hckui__buttons__md hckui__buttons__icon hckui__buttons__outlineBlack\" title=\"Buy\" data-ha=\"{&quot;eventName&quot;:&quot;Clicked part buy link&quot;,&quot;customProps&quot;:{&quot;part_id&quot;:76303,&quot;link_id&quot;:43066,&quot;retailer_id&quot;:null,&quot;link_position&quot;:0}}\" href=\"https://www.hackster.io/products/buy/43066?s=BAhJIhMxMzMwNzUsUHJvamVjdAY6BkVG%0A\" style=\"box-sizing: border-box; background-color: transparent; color: #4a4a4a; text-decoration-line: none; border: 1px solid rgb(74, 74, 74); border-radius: 4px; outline: none; font-size: 16px; line-height: 0; padding: 10px; cursor: pointer; display: inline-block; text-align: center;\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-cart\"></use></svg></i></a></div>\r\n                        </td>\r\n                     </tr>\r\n                  <tr style=\"box-sizing: border-box;\">\r\n                     <td class=\"part-img\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8; width: 58px;\"><img srcset=\"https://hackster.imgix.net/uploads/attachments/1093647/platformio-ide-laptop_93fc8e69_NiSRGMXerI.png?auto=compress%2Cformat&amp;w=96&amp;h=96&amp;fit=fill&amp;bg=ffffff 2x, https://hackster.imgix.net/uploads/attachments/1093647/platformio-ide-laptop_93fc8e69_NiSRGMXerI.png?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" alt=\"PlatformIO IDE\" src=\"https://hackster.imgix.net/uploads/attachments/1093647/platformio-ide-laptop_93fc8e69_NiSRGMXerI.png?auto=compress%2Cformat&amp;w=48&amp;h=48&amp;fit=fill&amp;bg=ffffff\" style=\"box-sizing: border-box; border: 0px; vertical-align: middle; color: transparent; max-width: 100%; height: 48px; width: 48px;\" /></td>\r\n                     <td style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\">\r\n                        <table style=\"border-spacing: 0px; background-color: transparent; width: 410.078px;\">\r\n                           <tbody style=\"box-sizing: border-box;\">\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; padding: 0px; font-size: 18px; line-height: 26px; color: #4a4a4a;\"><a data-ha=\"{&quot;eventName&quot;:&quot;Clicked link&quot;,&quot;customProps&quot;:{&quot;value&quot;:&quot;PlatformIO IDE&quot;,&quot;href&quot;:&quot;/platformio/products/platformio-ide?ref=project-467dc1&quot;,&quot;type&quot;:&quot;part&quot;,&quot;location&quot;:&quot;things&quot;},&quot;clickOpts&quot;:{&quot;delayRedirect&quot;:true}}\" class=\"hckui__typography__linkBlue\" href=\"https://www.hackster.io/platformio/products/platformio-ide?ref=project-467dc1\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; cursor: pointer;\" target=\"_blank\">PlatformIO IDE</a></td>\r\n                                 </tr>\r\n                              <tr style=\"box-sizing: border-box;\">\r\n                                 <td class=\"hckui__typography__bodyS hckui__typography__pebble hckui__typography__breakWord\" style=\"box-sizing: border-box; padding: 0px; font-size: 14px; line-height: 18px; color: #4a4a4a; word-break: break-word;\"></td>\r\n                                 </tr>\r\n                              </tbody>\r\n                           </table>\r\n                        </td>\r\n                     <td colspan=\"2\" style=\"box-sizing: border-box; padding: 10px 0px; border-top-style: solid; border-top-color: #d8d8d8;\"></td>\r\n                     <td class=\"actions\" style=\"box-sizing: border-box; padding: 10px 0px 10px 20px; border-top-style: solid; border-top-color: #d8d8d8; text-align: right;\">\r\n                        <div class=\"hckui__buttons__group\" style=\"box-sizing: border-box; display: inline-flex; position: relative; vertical-align: middle;\"><a target=\"_blank\" rel=\"nofollow noopener\" class=\"hckui__buttons__md hckui__buttons__icon hckui__buttons__outlineBlack\" title=\"Buy\" data-ha=\"{&quot;eventName&quot;:&quot;Clicked part buy link&quot;,&quot;customProps&quot;:{&quot;part_id&quot;:115129,&quot;link_id&quot;:66160,&quot;retailer_id&quot;:null,&quot;link_position&quot;:0}}\" href=\"https://www.hackster.io/products/buy/66160?s=BAhJIhMxMzMwNzUsUHJvamVjdAY6BkVG%0A\" style=\"box-sizing: border-box; background-color: transparent; color: #4a4a4a; text-decoration-line: none; border: 1px solid rgb(74, 74, 74); border-radius: 4px; outline: none; font-size: 16px; line-height: 0; padding: 10px; cursor: pointer; display: inline-block; text-align: center;\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-cart\"></use></svg></i></a></div>\r\n                        </td>\r\n                     </tr>\r\n                  </tbody>\r\n               </table>\r\n            </div>\r\n         </div>\r\n      </section>\r\n   <div class=\"project-section-break\" style=\"box-sizing: border-box; border-top: 2px solid rgb(216, 216, 216); margin: 45px auto; width: 430.5px; color: #4d4d4d; font-family: proxima-nova, helveticaneue, Helvetica, Arial, &quot;lucida grande&quot;, sans-serif; font-size: 18px; background-color: #ffffff;\">&nbsp;</div>\r\n   <section id=\"story\" style=\"box-sizing: border-box; color: #4d4d4d; font-family: proxima-nova, helveticaneue, Helvetica, Arial, &quot;lucida grande&quot;, sans-serif; font-size: 18px; background-color: #ffffff;\">\r\n      <div class=\"project-section-title\" style=\"box-sizing: border-box; margin-bottom: 15px;\">\r\n         <h2 class=\"hckui__typography__h2 title-with-anchor\" style=\"box-sizing: border-box; font-family: inherit; line-height: 44px; color: #111111; margin-top: 0px; margin-bottom: 0px; font-size: 34px;\"><a class=\"anchor\" href=\"https://www.hackster.io/donowak/esp32-mpu9250-3d-orientation-visualisation-467dc1#story\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; font-size: 18px; margin-left: -21px; padding-right: 5px; opacity: 0; visibility: hidden;\" target=\"_blank\"><i class=\"hckui__typography__iconWrapper hckui__typography__iconBaselineFix\" style=\"box-sizing: border-box; position: relative; top: 0.125em;\"><svg class=\"hckui__typography__icon hckui__typography__icon20\"><use xlink:href=\"#svg-link\"></use></svg></i></a><span style=\"box-sizing: border-box;\">Story</span></h2>\r\n         </div>\r\n      <div class=\"project-story collapsible-section collapsed hljs-active hljs-monokai\" itemprop=\"text\" style=\"box-sizing: border-box;\">\r\n         <p class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin-bottom: 10px; line-height: 26px; color: #4a4a4a;\">MPU9250 is one of the most popular IMU (Inertial Measurement Unit) available on the market. It combines not only 3D accelerometer, 3D gyro and 3D compass but also DMP (Digital Motion Processor). Thanks to DMP we can read orientation data in the form of Euler angles or quaternions directly from the chip.</p>\r\n         <div class=\"embed-frame\" style=\"box-sizing: border-box; margin: 30px 0px;\">\r\n            <figure class=\"youtube\" style=\"box-sizing: border-box; margin: 0px;\">\r\n               <div class=\"embed widescreen\" style=\"box-sizing: border-box; height: 0px; padding-bottom: 352.078px; position: relative;\"><iframe width=\"100%\" height=\"100%\" src=\"https://www.youtube.com/embed/TjDmGXQ9rK8?rel=0\" frameborder=\"0\" allowfullscreen=\"\" style=\"box-sizing: border-box; position: absolute; top: 0px; left: 0px; width: 615px; height: 352.078px;\"></iframe></div>\r\n               </figure>\r\n            </div>\r\n         <p class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin-bottom: 10px; line-height: 26px; color: #4a4a4a;\"><span style=\"box-sizing: border-box;\">A web page with a 3D cube visualizing orientation of MPU9250 is hosted by ESP32. Real time data from MPU9250 is sent to a web browser through a websocket. That data is then used by Three.js library (</span><a href=\"https://threejs.org/\" class=\"hckui__typography__linkBlue\" data-ha=\"{&quot;eventName&quot;:&quot;Clicked link&quot;,&quot;customProps&quot;:{&quot;value&quot;:&quot;https://threejs.org/)&quot;,&quot;href&quot;:&quot;https://threejs.org/&quot;,&quot;type&quot;:&quot;story&quot;,&quot;location&quot;:&quot;story&quot;},&quot;clickOpts&quot;:{&quot;delayRedirect&quot;:true}}\" rel=\"nofollow\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; cursor: pointer;\" target=\"_blank\">https://threejs.org/)</a><span style=\"box-sizing: border-box;\">&nbsp;to visualize orientation of the cube in a real time. The web page is available both in LAN and through the internet thanks to Husarnet.</span></p>\r\n         <p class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin-top: 15px; margin-bottom: 10px; line-height: 26px; color: #4a4a4a;\">To run the example, follow the next steps.</p>\r\n         <h3 class=\"hckui__typography__h3 title-with-anchor\" id=\"toc-connect-mpu9250-to-esp32-0\" style=\"box-sizing: border-box; font-family: inherit; line-height: 32px; color: #111111; margin-top: 30px; margin-bottom: 0px; font-size: 24px;\">\r\n            <p style=\"box-sizing: border-box; margin-bottom: 10px;\">&nbsp;</p>\r\n            <p class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin-bottom: 10px; font-size: 18px; line-height: 26px; color: #4a4a4a; font-weight: 400;\">&nbsp;</p>\r\n            <p style=\"box-sizing: border-box; margin-bottom: 10px;\">&nbsp;</p>\r\n            <span style=\"box-sizing: border-box;\">Connect MPU9250 to ESP32</span></h3>\r\n         <p class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin-top: 10px; margin-bottom: 10px; line-height: 26px; color: #4a4a4a;\">Interface between ESP32 and MPU9250 is as follows:</p>\r\n         <pre class=\"hljs xml\" style=\"box-sizing: border-box; overflow: auto scroll; font-family: Menlo, Monaco, Consolas, &quot;courier new&quot;, monospace; font-size: 13px; padding: 0.5em; margin-top: 10px; margin-bottom: 10px; line-height: 1.42857; color: #f8f8f2; word-break: break-all; overflow-wrap: break-word; background: rgb(35, 36, 31); border: none; border-radius: 0px; white-space: pre-wrap; max-height: 400px; text-size-adjust: none;\">\r\n            <code style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;courier new&quot;, monospace; font-size: inherit; padding: 0px; color: inherit; background-color: transparent; border-radius: 0px;\"><span style=\"box-sizing: border-box;\">ESP32 <span class=\"hljs-tag\" style=\"box-sizing: border-box;\">&lt;<span class=\"hljs-name\" style=\"box-sizing: border-box; color: #66d9ef;\">-</span>&gt;</span> MPU9250</span><br style=\"box-sizing: border-box;\" /><span style=\"box-sizing: border-box;\"></span><br style=\"box-sizing: border-box;\" /><span style=\"box-sizing: border-box;\">P22   <span class=\"hljs-tag\" style=\"box-sizing: border-box;\">&lt;<span class=\"hljs-name\" style=\"box-sizing: border-box; color: #66d9ef;\">-</span>&gt;</span> SCL</span><br style=\"box-sizing: border-box;\" /><span style=\"box-sizing: border-box;\">P21   <span class=\"hljs-tag\" style=\"box-sizing: border-box;\">&lt;<span class=\"hljs-name\" style=\"box-sizing: border-box; color: #66d9ef;\">-</span>&gt;</span> SDA</span><br style=\"box-sizing: border-box;\" /><span style=\"box-sizing: border-box;\">P19   <span class=\"hljs-tag\" style=\"box-sizing: border-box;\">&lt;<span class=\"hljs-name\" style=\"box-sizing: border-box; color: #66d9ef;\">-</span>&gt;</span> INT</span><br style=\"box-sizing: border-box;\" /><span style=\"box-sizing: border-box;\"></span><br style=\"box-sizing: border-box;\" /><span style=\"box-sizing: border-box;\">GND   <span class=\"hljs-tag\" style=\"box-sizing: border-box;\">&lt;<span class=\"hljs-name\" style=\"box-sizing: border-box; color: #66d9ef;\">-</span>&gt;</span> GND</span></code>\r\n            </pre>\r\n         <p class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin-bottom: 10px; line-height: 26px; color: #4a4a4a;\">Remember also to provide appropriate power supply both for ESP32 and MPU9250.</p>\r\n         <h3 class=\"hckui__typography__h3 title-with-anchor\" id=\"toc-use-platformio-1\" style=\"box-sizing: border-box; font-family: inherit; line-height: 32px; color: #111111; margin-top: 30px; margin-bottom: 0px; font-size: 24px;\">\r\n            <p style=\"box-sizing: border-box; margin-bottom: 10px;\">&nbsp;</p>\r\n            <p class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin-bottom: 10px; font-size: 18px; line-height: 26px; color: #4a4a4a; font-weight: 400;\">&nbsp;</p>\r\n            <p style=\"box-sizing: border-box; margin-bottom: 10px;\">&nbsp;</p>\r\n            <span style=\"box-sizing: border-box;\">Use PlatformIO</span></h3>\r\n         <ul class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin: 10px 0px 0px 10px; line-height: 26px; color: #4a4a4a; padding: 0px 0px 0px 20px;\">\r\n            <li style=\"box-sizing: border-box;\">Clone the project repo on your disk and open it from Visual Studio Code with platformio installed</li>\r\n            <li style=\"box-sizing: border-box; margin-top: 10px;\"><span style=\"box-sizing: border-box;\">Open&nbsp;</span><span style=\"box-sizing: border-box; font-weight: 700;\">ESP32-MPU9250-web-view.ino</span><span style=\"box-sizing: border-box;\">&nbsp;file</span></li>\r\n            <li style=\"box-sizing: border-box; margin-top: 10px;\"><span style=\"box-sizing: border-box;\">modify line 39 with your&nbsp;</span><span style=\"box-sizing: border-box; font-weight: 700;\">Husarnet join code&nbsp;</span><span style=\"box-sizing: border-box;\">(get on&nbsp;</span><a href=\"https://app.husarnet.com/\" class=\"hckui__typography__linkBlue\" data-ha=\"{&quot;eventName&quot;:&quot;Clicked link&quot;,&quot;customProps&quot;:{&quot;value&quot;:&quot;https://app.husarnet.com&quot;,&quot;href&quot;:&quot;https://app.husarnet.com&quot;,&quot;type&quot;:&quot;story&quot;,&quot;location&quot;:&quot;story&quot;},&quot;clickOpts&quot;:{&quot;delayRedirect&quot;:true}}\" rel=\"nofollow\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; cursor: pointer;\" target=\"_blank\">https://app.husarnet.com</a><span style=\"box-sizing: border-box;\">&nbsp;-&gt; [Create Network] -&gt; [Add Element] -&gt; [Join Code])</span></li>\r\n            <li style=\"box-sizing: border-box; margin-top: 10px;\">modify lines 18 - 27 to add your Wi-Fi network credentials</li>\r\n            <li style=\"box-sizing: border-box; margin-top: 10px;\">upload project to your ESP32 board.</li>\r\n            </ul>\r\n         <p class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin-top: 10px; margin-bottom: 10px; line-height: 26px; color: #4a4a4a;\"><span style=\"box-sizing: border-box;\">If you face any issues in the process, please visit this site:&nbsp;</span><a href=\"https://docs.husarnet.com/docs/begin-esp32-platformio#get-platformio\" class=\"hckui__typography__linkBlue\" data-ha=\"{&quot;eventName&quot;:&quot;Clicked link&quot;,&quot;customProps&quot;:{&quot;value&quot;:&quot;https://docs.husarnet.com/docs/begin-esp32-platformio#get-platformio&quot;,&quot;href&quot;:&quot;https://docs.husarnet.com/docs/begin-esp32-platformio#get-platformio&quot;,&quot;type&quot;:&quot;story&quot;,&quot;location&quot;:&quot;story&quot;},&quot;clickOpts&quot;:{&quot;delayRedirect&quot;:true}}\" rel=\"nofollow\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; cursor: pointer;\" target=\"_blank\">https://docs.husarnet.com/docs/begin-esp32-platformio#get-platformio</a><span style=\"box-sizing: border-box;\">&nbsp;.</span></p>\r\n         <h3 class=\"hckui__typography__h3 title-with-anchor\" id=\"toc-open-a-web-page-hosted-by-esp32-2\" style=\"box-sizing: border-box; font-family: inherit; line-height: 32px; color: #111111; margin-top: 30px; margin-bottom: 0px; font-size: 24px;\">\r\n            <p style=\"box-sizing: border-box; margin-bottom: 10px;\">&nbsp;</p>\r\n            <p class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin-bottom: 10px; font-size: 18px; line-height: 26px; color: #4a4a4a; font-weight: 400;\">&nbsp;</p>\r\n            <p style=\"box-sizing: border-box; margin-bottom: 10px;\">&nbsp;</p>\r\n            <span style=\"box-sizing: border-box;\">Open a web page hosted by ESP32</span></h3>\r\n         <p class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin-top: 10px; margin-bottom: 10px; line-height: 26px; color: #4a4a4a;\">There are two options:</p>\r\n         <ul class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin: 10px 0px 0px 10px; line-height: 26px; color: #4a4a4a; padding: 0px 0px 0px 20px;\">\r\n            <li style=\"box-sizing: border-box;\"><span style=\"box-sizing: border-box;\">log into your account at&nbsp;</span><a href=\"https://app.husarnet.com/\" class=\"hckui__typography__linkBlue\" data-ha=\"{&quot;eventName&quot;:&quot;Clicked link&quot;,&quot;customProps&quot;:{&quot;value&quot;:&quot;https://app.husarnet.com,&quot;,&quot;href&quot;:&quot;https://app.husarnet.com/&quot;,&quot;type&quot;:&quot;story&quot;,&quot;location&quot;:&quot;story&quot;},&quot;clickOpts&quot;:{&quot;delayRedirect&quot;:true}}\" rel=\"nofollow\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; cursor: pointer;\" target=\"_blank\">https://app.husarnet.com,</a><span style=\"box-sizing: border-box;\">&nbsp;find&nbsp;</span>\r\n               <code style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;courier new&quot;, monospace; font-size: 16.2px; padding: 2px 4px; color: #777777; background-color: #f2f2f2; border-radius: 4px;\">box3desp32</code>\r\n               <span style=\"box-sizing: border-box;\">&nbsp;device that you just connected and click&nbsp;</span>\r\n               <code style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;courier new&quot;, monospace; font-size: 16.2px; padding: 2px 4px; color: #777777; background-color: #f2f2f2; border-radius: 4px;\">web UI</code>\r\n               <span style=\"box-sizing: border-box;\">&nbsp;button. You can also click&nbsp;</span>\r\n               <code style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;courier new&quot;, monospace; font-size: 16.2px; padding: 2px 4px; color: #777777; background-color: #f2f2f2; border-radius: 4px;\">box3desp32</code>\r\n               <span style=\"box-sizing: border-box;\">&nbsp;element to open \"Element settings\" and select&nbsp;</span>\r\n               <code style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;courier new&quot;, monospace; font-size: 16.2px; padding: 2px 4px; color: #777777; background-color: #f2f2f2; border-radius: 4px;\">Make the Web UI public</code>\r\n               <span style=\"box-sizing: border-box;\">&nbsp;if you want to have a publically available address. In such a scenerio Husarnet proxy servers are used to provide you a web UI. Works with any web browser: desktop and mobile.</span></li>\r\n            <li style=\"box-sizing: border-box; margin-top: 10px;\">P2P option - add your laptop to the same Husarnet network as ESP32 board. In that scenerio no proxy servers are used and you connect to ESP32 with a very low latency directly with no port forwarding on your router. Currenly only Linux client is available, so open your Linux terminal and type:</li>\r\n            <li style=\"box-sizing: border-box; margin-top: 10px;\">\r\n               <code style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;courier new&quot;, monospace; font-size: 16.2px; padding: 2px 4px; color: #777777; background-color: #f2f2f2; border-radius: 4px;\">$ curl https://install.husarnet.com/install.sh | sudo bash</code>\r\n               <span style=\"box-sizing: border-box;\">&nbsp;to install Husarnet.</span></li>\r\n            <li style=\"box-sizing: border-box; margin-top: 10px;\">\r\n               <code style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;courier new&quot;, monospace; font-size: 16.2px; padding: 2px 4px; color: #777777; background-color: #f2f2f2; border-radius: 4px;\">$ husarnet join XXXXXXXXXXXXXXXXXXXXXXX mylaptop</code>\r\n               <span style=\"box-sizing: border-box;\">&nbsp;replace XXX...X with your own&nbsp;</span>\r\n               <code style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;courier new&quot;, monospace; font-size: 16.2px; padding: 2px 4px; color: #777777; background-color: #f2f2f2; border-radius: 4px;\">join code</code>\r\n               <span style=\"box-sizing: border-box;\">, and click enter.</span></li>\r\n            </ul>\r\n         <p class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin-top: 10px; margin-bottom: 10px; line-height: 26px; color: #4a4a4a;\"><span style=\"box-sizing: border-box;\">At this stage your ESP32 and your laptop are in the same VLAN network. The best hostname support is in Mozilla Firefox web browser (other browsers also work, but you have to use IPv6 address of your device that you will find at&nbsp;</span><a href=\"https://app.husarnet.com/\" class=\"hckui__typography__linkBlue\" data-ha=\"{&quot;eventName&quot;:&quot;Clicked link&quot;,&quot;customProps&quot;:{&quot;value&quot;:&quot;https://app.husarnet.com)&quot;,&quot;href&quot;:&quot;https://app.husarnet.com/&quot;,&quot;type&quot;:&quot;story&quot;,&quot;location&quot;:&quot;story&quot;},&quot;clickOpts&quot;:{&quot;delayRedirect&quot;:true}}\" rel=\"nofollow\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; cursor: pointer;\" target=\"_blank\">https://app.husarnet.com)</a><span style=\"box-sizing: border-box;\">&nbsp;and type:&nbsp;</span>\r\n            <code style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;courier new&quot;, monospace; font-size: 16.2px; padding: 2px 4px; color: #777777; background-color: #f2f2f2; border-radius: 4px;\">http://box3desp32:8000</code>\r\n            <span style=\"box-sizing: border-box;\">&nbsp;You should see a web UI to controll your ESP32 now.</span></p>\r\n         <p class=\"hckui__typography__bodyL\" style=\"box-sizing: border-box; margin-top: 15px; margin-bottom: 10px; line-height: 26px; color: #4a4a4a;\">I hope you will like this project :)</p>\r\n         </div>\r\n      </section>\r\n   <div class=\"project-section-break\" style=\"box-sizing: border-box; border-top: 2px solid rgb(216, 216, 216); margin: 45px auto; width: 430.5px; color: #4d4d4d; font-family: proxima-nova, helveticaneue, Helvetica, Arial, &quot;lucida grande&quot;, sans-serif; font-size: 18px; background-color: #ffffff;\">&nbsp;</div>\r\n   <section id=\"code\" style=\"box-sizing: border-box; color: #4d4d4d; font-family: proxima-nova, helveticaneue, Helvetica, Arial, &quot;lucida grande&quot;, sans-serif; font-size: 18px; background-color: #ffffff;\">\r\n      <div class=\"project-section-title\" style=\"box-sizing: border-box; margin-bottom: 15px;\">\r\n         <h2 class=\"hckui__typography__h2 title-with-anchor\" style=\"box-sizing: border-box; font-family: inherit; line-height: 44px; color: #111111; margin-top: 0px; margin-bottom: 0px; font-size: 34px;\"><a class=\"anchor\" href=\"https://www.hackster.io/donowak/esp32-mpu9250-3d-orientation-visualisation-467dc1#code\" style=\"box-sizing: border-box; background-color: transparent; color: #2e9fe6; text-decoration-line: none; font-size: 18px; margin-left: -21px; padding-right: 5px; opacity: 0; visibility: hidden;\" target=\"_blank\"><i class=\"hckui__typography__iconWrapper hckui__typography__iconBaselineFix\" style=\"box-sizing: border-box; position: relative; top: 0.125em;\"><svg class=\"hckui__typography__icon hckui__typography__icon20\"><use xlink:href=\"#svg-link\"></use></svg></i></a><span style=\"box-sizing: border-box;\">Code</span></h2>\r\n         </div>\r\n      <div class=\"project-attachment\" style=\"box-sizing: border-box; border-radius: 2px 2px 0px 0px;\">\r\n         <div class=\"header\" style=\"box-sizing: border-box; border-width: 1px 1px 0px; border-style: solid; border-color: #d8d8d8; border-image: initial; border-radius: 2px 2px 0px 0px; padding: 15px; align-items: center; display: flex; justify-content: space-between;\">\r\n            <div class=\"text\" style=\"box-sizing: border-box; word-break: break-word;\">\r\n               <h3 class=\"hckui__typography__h3\" style=\"box-sizing: border-box; font-family: inherit; line-height: 32px; color: #111111; margin: 0px; font-size: 24px;\">ESP32-MPU9250-web-view</h3>\r\n               </div>\r\n            <div class=\"actions\" style=\"box-sizing: border-box; margin-left: 20px;\"><a class=\"hckui__buttons__md hckui__buttons__icon hckui__buttons__outlineBlack\" href=\"https://github.com/DominikN/ESP32-MPU9250-web-view\" rel=\"nofollow\" target=\"_blank\" style=\"box-sizing: border-box; background-color: transparent; color: #4a4a4a; text-decoration-line: none; border: 1px solid rgb(74, 74, 74); border-radius: 4px; outline: none; font-size: 16px; line-height: 0; padding: 10px; cursor: pointer; display: inline-block; text-align: center;\"><i class=\"hckui__typography__iconWrapper\" style=\"box-sizing: border-box;\"><svg class=\"hckui__typography__icon hckui__typography__icon16\"><use xlink:href=\"#svg-external-link\"></use></svg></i></a></div>\r\n            </div>\r\n         <div class=\"embed original\" style=\"box-sizing: border-box; height: initial; padding-bottom: initial; position: relative; min-height: 50px;\">\r\n            <div class=\"github-box repo\" style=\"box-sizing: border-box; font-family: helvetica, arial, sans-serif; font-size: 13px; line-height: 18px; background: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); color: #666666; border-radius: 3px;\">\r\n               <div class=\"github-box-title\" style=\"box-sizing: initial; position: relative; border-bottom: 1px solid rgb(221, 221, 221); border-radius: 3px 3px 0px 0px; background: -webkit-linear-gradient(top, rgb(252, 252, 252), rgb(235, 235, 235));\">\r\n                  <h3 style=\"box-sizing: initial; font-weight: normal; line-height: 1.1; color: gray; margin: 0px; font-size: 16px; padding: 10px 10px 10px 30px; background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAXCAMAAAAx3e/WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQjIyNkJERkM0NjYxMUUxOEFDQzk3ODcxRDkzRjhCRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQjIyNkJFMEM0NjYxMUUxOEFDQzk3ODcxRDkzRjhCRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRCMjI2QkREQzQ2NjExRTE4QUNDOTc4NzFEOTNGOEJFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRCMjI2QkRFQzQ2NjExRTE4QUNDOTc4NzFEOTNGOEJFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dka2KgAAAEVQTFRFxMTEyMjI0tLSvb29vr6+zc3Ny8vLxcXFz8/P6enp3t7ex8fH0dHR1NTUw8PDwMDAzs7OvLy8wcHBu7u7v7+/zMzM////budQFwAAABd0Uk5T/////////////////////////////wDmQOZeAAAAcklEQVR42tSQSQ7DMAwD6chOukWs5eX/Ty2coo0T9wOdEzEgdRBuzNmnDofgja52JDyz5TCqUp0O6kfrb4bzSXkRiTviEZZ6JKLMJ5VQ2v8iGbtbfEwXmjFMG0VwdQo10hQNxYqtLMv9O6xvpZ/QeAkwAKjwHiJLaJc3AAAAAElFTkSuQmCC&quot;) 7px center no-repeat;\"><a rel=\"nofollow\" target=\"_blank\" class=\"owner\" href=\"https://github.com/DominikN\" style=\"box-sizing: initial; background-color: transparent; color: #4183c4; text-decoration-line: none; border: 0px;\">DominikN</a>&nbsp;/&nbsp;<a rel=\"nofollow\" target=\"_blank\" class=\"repo\" href=\"https://github.com/DominikN/ESP32-MPU9250-web-view\" style=\"box-sizing: initial; background-color: transparent; color: #4183c4; text-decoration-line: none; border: 0px; font-weight: bold;\">ESP32-MPU9250-web-view</a></h3>\r\n                  <div class=\"github-stats\" style=\"box-sizing: initial; position: absolute; top: 8px; right: 10px; background: white; border: 1px solid rgb(221, 221, 221); border-radius: 3px; font-size: 11px; font-weight: bold; line-height: 21px; height: 21px;\"><a rel=\"nofollow\" target=\"_blank\" class=\"watchers\" href=\"https://github.com/DominikN/ESP32-MPU9250-web-view/watchers\" style=\"box-sizing: initial; background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAqCAMAAACEJ4viAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQjIyNkJEQkM0NjYxMUUxOEFDQzk3ODcxRDkzRjhCRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQjIyNkJEQ0M0NjYxMUUxOEFDQzk3ODcxRDkzRjhCRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRCMjI2QkQ5QzQ2NjExRTE4QUNDOTc4NzFEOTNGOEJFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRCMjI2QkRBQzQ2NjExRTE4QUNDOTc4NzFEOTNGOEJFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+h1kA9gAAAK5QTFRF+fn5sbGx8fHx09PTmpqa2dnZ/f3919fX9PT00NDQ1dXVpKSk+vr6+/v7vb298vLyycnJ8/PztLS0zc3N6enp/v7+q6ur2NjY9/f3srKy/Pz8p6en7u7uoaGhnJyc4eHhtbW1pqam6Ojo9fX17e3toqKirKys1NTUzs7Ox8fHwcHBwMDA5eXlnZ2dpaWl0dHR9vb25ubm4uLi3d3dqqqqwsLCv7+/oKCgmZmZ////8yEsbwAAAMBJREFUeNrE0tcOgjAUBuDSliUoMhTEvfdef9//xUQjgaLX0Ium/ZLT/+SkRPxZpGykvuf5VMJogy5jY9yjDHcWFhqlcRuHc4o6B1QK0BDg+hcZgNDh3NWTwzItH/bRrhvT+g3zSxZkNGCZpoWGIbU0a3Y6zV5VA6keyeDxiw62P0gUqEW0FbDim4nVikFJbU2zZXybUEaxhCqOQqyh5/G0wpWICUwthyqwD4InOMuXJ7/gs7WkoPdVg1vykF8CDACEFanKO3aSYwAAAABJRU5ErkJggg==&quot;) no-repeat; color: #666666; text-decoration-line: none; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: #dddddd; border-bottom-color: initial; border-left-color: initial; border-image: initial; display: inline-block; height: 21px; padding: 0px 5px 0px 18px;\">36</a>&nbsp;<a rel=\"nofollow\" target=\"_blank\" class=\"forks\" href=\"https://github.com/DominikN/ESP32-MPU9250-web-view/forks\" style=\"box-sizing: initial; background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAqCAMAAACEJ4viAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQjIyNkJEQkM0NjYxMUUxOEFDQzk3ODcxRDkzRjhCRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQjIyNkJEQ0M0NjYxMUUxOEFDQzk3ODcxRDkzRjhCRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRCMjI2QkQ5QzQ2NjExRTE4QUNDOTc4NzFEOTNGOEJFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRCMjI2QkRBQzQ2NjExRTE4QUNDOTc4NzFEOTNGOEJFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+h1kA9gAAAK5QTFRF+fn5sbGx8fHx09PTmpqa2dnZ/f3919fX9PT00NDQ1dXVpKSk+vr6+/v7vb298vLyycnJ8/PztLS0zc3N6enp/v7+q6ur2NjY9/f3srKy/Pz8p6en7u7uoaGhnJyc4eHhtbW1pqam6Ojo9fX17e3toqKirKys1NTUzs7Ox8fHwcHBwMDA5eXlnZ2dpaWl0dHR9vb25ubm4uLi3d3dqqqqwsLCv7+/oKCgmZmZ////8yEsbwAAAMBJREFUeNrE0tcOgjAUBuDSliUoMhTEvfdef9//xUQjgaLX0Ium/ZLT/+SkRPxZpGykvuf5VMJogy5jY9yjDHcWFhqlcRuHc4o6B1QK0BDg+hcZgNDh3NWTwzItH/bRrhvT+g3zSxZkNGCZpoWGIbU0a3Y6zV5VA6keyeDxiw62P0gUqEW0FbDim4nVikFJbU2zZXybUEaxhCqOQqyh5/G0wpWICUwthyqwD4InOMuXJ7/gs7WkoPdVg1vykF8CDACEFanKO3aSYwAAAABJRU5ErkJggg==&quot;) -4px -21px no-repeat; color: #666666; text-decoration-line: none; border: 0px; display: inline-block; height: 21px; padding: 0px 5px 0px 15px;\">15</a></div>\r\n                  </div>\r\n               <div class=\"github-box-content\" style=\"box-sizing: initial; padding: 10px;\">\r\n                  <p class=\"description\" style=\"box-sizing: initial;\">Visualizing MPU9250 3D orientation data on the web page hosted by ESP32 —&nbsp;<a rel=\"nofollow\" target=\"_blank\" href=\"https://github.com/DominikN/ESP32-MPU9250-web-view#readme\" style=\"box-sizing: initial; background-color: transparent; color: #4183c4; text-decoration-line: none; border: 0px;\">Read More</a></p>\r\n                  <p class=\"link github-homepage\" style=\"box-sizing: initial; font-weight: bold;\">&nbsp;</p>\r\n                  </div>\r\n               <div class=\"github-box-download\" style=\"box-sizing: initial; position: relative; border-top: 1px solid rgb(221, 221, 221); background: white; border-radius: 0px 0px 3px 3px; padding: 10px; height: 24px;\">\r\n                  <p class=\"updated\" style=\"box-sizing: initial; font-size: 11px; line-height: 24px;\">Latest commit to the&nbsp;<strong style=\"box-sizing: initial; color: #000000;\">master</strong>&nbsp;branch on 11-3-2020</p>\r\n                  <a rel=\"nofollow\" target=\"_blank\" class=\"download\" href=\"https://github.com/DominikN/ESP32-MPU9250-web-view/archive/master.zip\" style=\"box-sizing: initial; background: -webkit-linear-gradient(top, rgb(245, 245, 245), rgb(229, 229, 229)); color: #666666; text-decoration-line: none; border-width: 1px; border-style: solid; border-color: #dddddd rgb(221, 221, 221) rgb(187, 187, 187); border-image: initial; position: absolute; display: block; top: 10px; right: 10px; height: 24px; line-height: 24px; font-size: 12px; font-weight: bold; text-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px; padding: 0px 10px; border-radius: 3px;\">Download as zip</a></div>\r\n               </div>\r\n            </div>\r\n         </div>\r\n      </section>\r\n   </div>\r\n<p>&nbsp;</p>','http://hackster.io/donowak','https://www.hackster.io/donowak/esp32-mpu9250-3d-orientation-visualisation-467dc1',1,0,2,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-09-03 12:30:29',1,'2021-09-03 12:30:29','112.222.138.204','','','','','','','','','','','',''),(36,-31,'',36,0,0,'','','html1','24V SMPS 구매링크','티임텍 HS-100W\r\n<p>&nbsp;</p>\r\n<p><img src=\"http://www.bk94005.com:8080/board/data/editor/2105/20210518122010_5fa5119af244f7be3a7b499a149dcebf_ntza.png\" alt=\"HS-100W.png\" style=\"width: 800px; height: 1142px;\" /></p>','http://www.tmtechled.co.kr/shop/main/index.php?&','',1,0,3,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-05-18 12:13:31',0,'2021-05-18 12:13:31','210.101.103.92','','','','','','','','','','','',''),(37,-32,'',37,0,0,'','','html1','5V 쿨링팬 구매링크','<p><img src=\"http://bk94005.com:8080/board/data/editor/2105/20210523201814_1b747fe05a449c1fb25124def4b31ca4_4b0j.png\" alt=\"dc_fan_.png\" style=\"width: 280px; height: 368px;\" /></p>','https://smartstore.naver.com/yehaus/products/2555412040?NaPm=ct%3Dkp134u48%7Cci%3D11d601c2fcd51554acc5be9cd32ef48818233768%7Ctr%3Dslsl%7Csn%3D662582%7Chk%3Df3e01563ac6304ef3db63263bdba408077757a10','https://blog.naver.com/sktindco1/221849906577',0,0,1,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-05-23 20:18:23',0,'2021-05-23 20:18:23','192.168.219.104','','','','','','','','','','','',''),(38,-33,'',38,0,0,'','','html1','초음파 센서(방수형) 제품링크(디바이스마트)','<p><b>1. <a href=\"https://wiki.dfrobot.com/A01NYUB%20Waterproof%20Ultrasonic%20Sensor%20SKU:%20SEN0313\" target=\"_blank\">https://wiki.dfrobot.com/A01NYUB%20Waterproof%20Ultrasonic%20Sensor%20SKU:%20SEN0313</a></b></p>\r\n<p><b>&nbsp;</b></p>\r\n<p><b>2. <a href=\"https://wiki.dfrobot.com/URM08-RS485_Waterproof_Sonar_Range_Finder_SKU_SEN0246\" target=\"_blank\">https://wiki.dfrobot.com/URM08-RS485_Waterproof_Sonar_Range_Finder_SKU_SEN0246</a>&nbsp;</b></p>\r\n<p><b>&nbsp;</b></p>\r\n<p><b>__________________________________________________________________________________________________________________________________________________________________</b></p>\r\n<div class=\"productInfo\" style=\"box-sizing: border-box; padding: 0px 15px; color: #333333; font-family: hansancn; font-size: 14px; background-color: #ffffff;\">\r\n   <h1 style=\"box-sizing: border-box; margin: 20px 0px 10px; font-size: 36px; font-family: inherit; line-height: 1.1; color: #ffffff; background: rgb(237, 106, 1); padding: 5px;\">Sensor SKU: SEN0313</h1>\r\n   <b style=\"box-sizing: border-box; font-size: 20px; color: #000000; border-bottom: 1px solid rgb(237, 106, 1); padding-bottom: 5px;\"></b></div>\r\n<article class=\"panel-body markdown-body\" id=\"top\" style=\"box-sizing: border-box; padding: 15px; text-size-adjust: 100%; line-height: 1.5; overflow-wrap: break-word; background-color: #ffffff;\">\r\n   <p style=\"color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; box-sizing: border-box; margin-bottom: 16px;\"><a href=\"https://www.dfrobot.com/product-1918.html\" style=\"box-sizing: border-box; background-color: transparent; color: #0366d6; text-decoration-line: none;\" target=\"_blank\"><img src=\"https://github.com/Frances9/WikiImage/blob/master/SEN0313.jpg?raw=true\" width=\"300\" hegiht=\"\" align=\"right/\" style=\"box-sizing: content-box; border: 0px none; vertical-align: middle; max-width: 100%;\" /></a></p>\r\n   <h2 id=\"target_0\" style=\"color: inherit; font-family: inherit; font-size: 16px; box-sizing: border-box; line-height: 1.25; margin-top: -60px; margin-bottom: 16px; padding-bottom: 0.3em; border-bottom: 1px solid rgb(234, 236, 239); padding-top: 60px;\">Introduction</h2>\r\n   <p style=\"color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; box-sizing: border-box; margin-bottom: 16px;\">Ultrasonic distance sensor determines the distance to a target by measuring time lapses between the sending and receiving of the ultrasonic pulse. A01NYUB is an waterproof ultrasoinic sensor module with 7.5m effective ranging distance. It is compatible with 3.3V~5V device like Arduino, Raspberry Pi, etc. The average current of A01NYUB is only 15mA so it can be powered by most controllers\' IO port.</p>\r\n   <p style=\"color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; box-sizing: border-box; margin-bottom: 16px;\">The ultrasonic sensor adopts closed probe of transmitter &amp; receiver, waterproof and dustproof, which could be well suitable for harsh and moist measuring environment. It reserves 2.54-4P interface and adopts UART communication. ME007YS ultrasonic sensor has experienced long-term test and constant optimization so it can offer a pretty fast response time, high stability and sensitivity, and low power consumption.</p>\r\n   <p style=\"color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; box-sizing: border-box; margin-bottom: 16px;\">Use the sensor with Arduino controller to build up your projects, such as backing car annunciator, obstacle avoidance robot, object approaching detection etc.</p>\r\n   <h2 id=\"target_1\" style=\"color: inherit; font-family: inherit; font-size: 16px; box-sizing: border-box; line-height: 1.25; margin-top: -60px; margin-bottom: 16px; padding-bottom: 0.3em; border-bottom: 1px solid rgb(234, 236, 239); padding-top: 60px;\">Specification</h2>\r\n   <ul style=\"box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding-left: 2em;\">\r\n      <li style=\"color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; box-sizing: border-box;\">Operating Voltage: 3.3V-5v</li>\r\n      <li style=\"color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; box-sizing: border-box; margin-top: 0.25em;\">Average Current: ≤15mA</li>\r\n      <li style=\"color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; box-sizing: border-box; margin-top: 0.25em;\">Blind Zone Distance: 0-28cm</li>\r\n      <li style=\"color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; box-sizing: border-box; margin-top: 0.25em;\">Ranging Distance for Flat Object: 28-750cm</li>\r\n      <li style=\"color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; box-sizing: border-box; margin-top: 0.25em;\">Output: UART</li>\r\n      <li style=\"color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; box-sizing: border-box; margin-top: 0.25em;\">Response Time: 100ms</li>\r\n      <li style=\"color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; box-sizing: border-box; margin-top: 0.25em;\">Probe Center Frequency: 40K±1.0K</li>\r\n      <li style=\"color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; box-sizing: border-box; margin-top: 0.25em;\">Operating Temperature: -15~60℃</li>\r\n      <li style=\"color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; box-sizing: border-box; margin-top: 0.25em;\">Storage Temperature: -25~80℃</li>\r\n      <li style=\"color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; box-sizing: border-box; margin-top: 0.25em;\">Protection Rate: IP67</li>\r\n      </ul>\r\n   <p><font color=\"#24292e\" face=\"-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol\"></font></p>\r\n   <div class=\"productInfo\" style=\"box-sizing: border-box; padding: 0px 15px; color: #333333; font-family: hansancn; font-size: 14px;\">&nbsp;</div>\r\n   <div class=\"productInfo\" style=\"box-sizing: border-box; padding: 0px 15px; color: #333333; font-family: hansancn; font-size: 14px;\"><b style=\"box-sizing: border-box; font-size: 20px; color: #000000; border-bottom: 1px solid rgb(237, 106, 1); padding-bottom: 5px;\"><a href=\"https://www.dfrobot.com/product-1903.html\" target=\"_blank\" style=\"box-sizing: border-box; background-color: transparent; color: #000000; text-decoration-line: none;\">SKU:SEN0246</a></b></div>\r\n   <article class=\"panel-body markdown-body\" id=\"top\" style=\"box-sizing: border-box; padding: 15px; text-size-adjust: 100%; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; line-height: 1.5; overflow-wrap: break-word;\">\r\n      <p style=\"box-sizing: border-box; margin-bottom: 16px;\"><a href=\"https://www.dfrobot.com/product-1903.html\" style=\"box-sizing: border-box; background-color: transparent; color: #0366d6; text-decoration-line: none;\" target=\"_blank\"><img src=\"https://github.com/Frances9/WikiImage/blob/master/300px-SEN0246-detail-002.jpg?raw=true\" width=\"300\" height=\"\" align=\"right/\" style=\"box-sizing: content-box; border: 0px none; vertical-align: middle; max-width: 100%;\" /></a></p>\r\n      <h2 id=\"target_0\" style=\"box-sizing: border-box; font-family: inherit; line-height: 1.25; color: inherit; margin-top: -60px; margin-bottom: 16px; padding-bottom: 0.3em; border-bottom: 1px solid rgb(234, 236, 239); padding-top: 60px;\">Introduction</h2>\r\n      <p style=\"box-sizing: border-box; margin-bottom: 16px;\">What is an ultrasonic distance sensor?</p>\r\n      <p style=\"box-sizing: border-box; margin-bottom: 16px;\">Our ultrasonic distance sensor is a ranging directional sensor equipped with an IC chip. The distance from the sensor to an obstacle can be calculated by the time difference between sending an ultrasonic signal and receiving that reflected sound. Ultrasonic sensors are widely applied to various industries and robot control areas, and offer convenient control and high efficiency in real time data feedback.</p>\r\n      <p style=\"box-sizing: border-box; margin-bottom: 16px;\">URM08-RS485 waterproof sonar range finder from DFRobot is an ultrasonic distance sensor designed for professional industry controls and robotic controls. The sensor is equipped with distance and temperature measurement functions. Additionaly, the built-in temperature compensation greatly enhances the accuracy of distance measurement.</p>\r\n      <p style=\"box-sizing: border-box; margin-bottom: 16px;\">The internal elements of the sensor are completely sealed. The sensor adopts all metal outer case, which makes it able to protect against dust, water and corrosion. In the end the sensor has high standard device selections, a much narrower blind area and wider distance detection range.</p>\r\n      <p style=\"box-sizing: border-box; margin-bottom: 16px;\">URM08-RS485 employs RS485 communication interface, and supports modbus protocol and cascaded control functions. This ultrasonic distance sensor is very suitable for a liquid level monitoring system or obstacle avoidance applications.</p>\r\n      <h2 id=\"target_1\" style=\"box-sizing: border-box; font-family: inherit; line-height: 1.25; color: inherit; margin-top: -60px; margin-bottom: 16px; padding-bottom: 0.3em; border-bottom: 1px solid rgb(234, 236, 239); padding-top: 60px;\">Specification</h2>\r\n      <p style=\"box-sizing: border-box; margin-bottom: 16px;\"><img src=\"https://raw.githubusercontent.com/DFRobot/DFRobotMediaWikiImage/master/Image/URM08-RS485_Beam_Angle-DFRobot.jpg\" alt=\"URM08-RS485 Beam Angle-DFRobot\" title=\"URM08-RS485 Beam Angle-DFRobot\" style=\"box-sizing: content-box; border: 0px none; vertical-align: middle; max-width: 100%;\" /></p>\r\n      <ul style=\"box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding-left: 2em;\">\r\n         <li style=\"box-sizing: border-box;\">Operating Voltage: 6V-12V DC</li>\r\n         <li style=\"box-sizing: border-box; margin-top: 0.25em;\">Operating Current: 250 mA</li>\r\n         <li style=\"box-sizing: border-box; margin-top: 0.25em;\">Effective Range: 35~550 cm</li>\r\n         <li style=\"box-sizing: border-box; margin-top: 0.25em;\">Distance Resolution: 1cm</li>\r\n         <li style=\"box-sizing: border-box; margin-top: 0.25em;\">Distance Accuracy: ±1%</li>\r\n         <li style=\"box-sizing: border-box; margin-top: 0.25em;\">Temperature Resolution: 0.1°C</li>\r\n         <li style=\"box-sizing: border-box; margin-top: 0.25em;\">Temperature Accuracy: ±1°C</li>\r\n         <li style=\"box-sizing: border-box; margin-top: 0.25em;\">Measurement Period: 70ms</li>\r\n         <li style=\"box-sizing: border-box; margin-top: 0.25em;\">Operating Temperature Range: -10°C~+70°C</li>\r\n         <li style=\"box-sizing: border-box; margin-top: 0.25em;\">Operating Humidity Range: RH &lt;75%</li>\r\n         <li style=\"box-sizing: border-box; margin-top: 0.25em;\">Acoustic Frequency: 38 ~ 42KHz</li>\r\n         <li style=\"box-sizing: border-box; margin-top: 0.25em;\">Beam Angle: ≤60 °C</li>\r\n         <li style=\"box-sizing: border-box; margin-top: 0.25em;\">Protection Level: IP67</li>\r\n         <li style=\"box-sizing: border-box; margin-top: 0.25em;\">Interface: RS485</li>\r\n         </ul>\r\n      </article>\r\n   </article>','https://www.devicemart.co.kr/goods/catalog?code=000200100001&stock=N&search=&sort_field=price&sort_type=desc&if_count_chk=0&limit=30&page=1','',0,0,1,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-06-10 08:43:05',0,'2021-06-10 08:43:05','210.101.103.92','','','','','','','','','','','',''),(39,-34,'',39,0,0,'','','html1','저 소비전력 LDO들','<p><a id=\"commentProfile83516882\" href=\"https://cafe.naver.com/ca-fe/cafes/10750951/articles/357112?page=1&amp;inCafeSearch=true&amp;searchBy=0&amp;query=atmega&amp;includeAll=&amp;exclude=&amp;include=&amp;exact=&amp;searchdate=all&amp;media=0&amp;sortBy=date&amp;referrerAllArticles=true&amp;oldPath=%2FArticleRead.nhn%3Fclubid%3D10750951%26page%3D1%26inCafeSearch%3Dtrue%26searchBy%3D0%26query%3Datmega%26includeAll%3D%26exclude%3D%26include%3D%26exact%3D%26searchdate%3Dall%26media%3D0%26sortBy%3Ddate%26articleid%3D357112%26referrerAllArticles%3Dtrue#\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\" class=\"text_nickname\" style=\"text-decoration-line: none; margin-right: 3px; font-weight: 700; font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 13px; background-color: #ffffff;\" target=\"_blank\">펌웨어 스터디</a><span class=\"text_comment\" style=\"line-height: 17px; word-break: break-all; overflow-wrap: break-word; vertical-align: top; font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 13px; background-color: #ffffff;\">네, LDO 도 전통적인 design 의 LDO 들은,... 음... 예컨데 LM1117 같은 LDO는 2~4mA 정도를 자체적으로 소비하기도 합니다.<br /><br />LDO 자체적으로 소비하는 전류를 Quiescent Current 또는 idle current 라고 합니다.<br /><br />\"Low Quiescent current LDO\" 이런식으로 검색하시면 수백 nA ~ 수백 uA 이내의 다양한 quiescent current 를 소비하는 LDO들을 찿아보실수 있을겁니다.<br />다만, 최대 입력전압 6Volts 내외의 CMOS 공정을 사용한 low quiescent current LDO 들은 가격도 저렴하고 비교적 흔한데, 그보다 높은 전압의 입력을 허용하는 low quiescent current LDO 들은 대체적으로 가격이 비쌉니다.</span></p>','https://www.google.com/search?q=Low+Quiescent+current+LDO&oq=Low+Quiescent+current+LDO&aqs=chrome..69i57.304j0j7&sourceid=chrome&ie=UTF-8','',1,1,3,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-06-16 07:58:58',0,'2021-06-16 07:58:58','210.101.103.92','','','','','','','','','','','',''),(40,-35,'',40,0,0,'','','html1','플라이백 트랜스포머 제작 방법 (SMPS 키트 플라이백 컨버터 고주파 변압기 제작)','<p><iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/t8mlZ_EtEBg\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"></iframe></p>','https://www.youtube.com/watch?v=t8mlZ_EtEBg','',0,0,2,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-06-16 13:42:00',0,'2021-06-16 13:42:00','210.101.103.92','','','','','','','','','','','',''),(43,-38,'',43,0,0,'','','html1','Learn how computers add numbers and build a 4 bit adder circuit','<p><iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/wvJc9CZcvBc\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"></iframe></p>','https://www.youtube.com/watch?v=wvJc9CZcvBc','',0,0,2,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-09-14 21:19:05',0,'2021-09-14 21:19:05','192.168.219.101','','','','','','','','','','','',''),(44,-39,'',44,0,0,'','','html1','아두이노/3. 아두이노 모듈【 아두이노모듈#30】 #1.기울기 센서(6축 가속도&자이로)에 대해 알아봅시다.(GY-521/MPU6050 센서 실습 #1)','자이로 센서(Gyro Sensor)의 원리는&nbsp; 자이로스코프가 내장된 물체가 회전 운동을 하면 생기는 회전 반발력을 측정하여 전기신호로 바꾸어 출력하고 이를 수치화하여 활용하게 됩니다.&nbsp; 그래서 기울기 센서는 가속도 센서와 자이로 센서의 기능을 통합하여 자세나 위치를 추정할 수 있는 장치를 말하며,&nbsp; 이를 활용한 항공기 및 배(Ship) 등에 사용되는&nbsp;관성항법장치(INS)는&nbsp;이동거리와 방향까지 추정할 수 있도록 되어 있습니다.','https://rasino.tistory.com/m/325','',5,0,7,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-11-23 01:49:21',1,'2021-11-23 01:49:21','192.168.0.1','','','','','','','','','','','',''),(45,-40,'',45,0,0,'','','html1','3D Tracking with IMU','<p><iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/6ijArKE8vKU\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"></iframe></p>','https://www.youtube.com/watch?v=6ijArKE8vKU','',1,0,4,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2021-12-23 23:24:01',0,'2021-12-23 23:24:01','192.168.219.101','','','','','','','','','','','',''),(46,-41,'',46,0,0,'','','html1','Pelco-D-PTZ-Camera-Control/Pelco_d_arduino.ino','<table class=\"highlight tab-size js-file-line-container js-code-nav-container js-tagsearch-file\" data-tab-size=\"8\" data-paste-markdown-skip=\"\" data-tagsearch-lang=\"C++\" data-tagsearch-path=\"Pelco_d_arduino.ino\" style=\"border-spacing: 0px; tab-size: 8; color: #c9d1d9; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;; font-size: 14px; background-color: #0d1117;\">\r\n   <tbody style=\"box-sizing: border-box;\">\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"LC1\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\">#<span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">include</span><span class=\"pl-s\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-string);\"><span class=\"pl-pds\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-string);\">&lt;</span>SoftwareSerial.h<span class=\"pl-pds\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-string);\">&gt;</span></span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L2\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"2\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC2\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L3\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"3\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC3\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span> byte rxPin = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">3</span>;</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L4\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"4\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC4\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span> byte txPin = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">4</span>;</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L5\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"5\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC5\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L6\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"6\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC6\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\">SoftwareSerial SerialRS = SoftwareSerial(rxPin, txPin);</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L7\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"7\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC7\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L8\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"8\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC8\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">int</span> LED = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">13</span>;</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L9\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"9\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC9\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L10\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"10\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC10\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">int</span> P_LEFT = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">12</span>;    <span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\"><span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\">//</span>left</span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L11\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"11\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC11\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">int</span> P_UP = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">11</span>;      <span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\"><span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\">//</span>up</span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L12\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"12\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC12\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">int</span> P_RIGHT = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">10</span>;   <span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\"><span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\">//</span>right</span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L13\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"13\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC13\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">int</span> P_DOWN = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">9</span>;     <span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\"><span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\">//</span>down</span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L14\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"14\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC14\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">int</span> P_ZOOM_IN = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">7</span>;  <span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\"><span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\">//</span>zoom in</span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L15\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"15\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC15\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">int</span> P_ZOOM_OUT = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">8</span>; <span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\"><span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\">//</span>zoom out</span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L16\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"16\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC16\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L17\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"17\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC17\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span> byte address = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">1</span>; <span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\"><span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\">//</span>camera address</span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L18\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"18\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC18\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\">byte speed = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">100</span>; <span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\"><span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\">//</span> can be changed by pressing left+up or left+down</span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L19\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"19\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC19\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L20\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"20\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC20\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span> byte C_STOP = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">0x00</span>;</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L21\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"21\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC21\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span> byte C_UP = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">0x08</span>;</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L22\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"22\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC22\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span> byte C_DOWN = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">0x10</span>;</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L23\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"23\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC23\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span> byte C_LEFT = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">0x04</span>;</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L24\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"24\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC24\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span> byte C_RIGHT = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">0x02</span>;</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L25\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"25\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC25\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L26\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"26\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC26\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span> byte C_ZOOMIN = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">0x20</span>;</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L27\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"27\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC27\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span> byte C_ZOOMOUT = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">0x40</span>;</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L28\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"28\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC28\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L29\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"29\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC29\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span> byte C_SET_PAN_POSITION = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">0x4B</span>;  <span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\"><span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\">//</span> 1/100ths of degree</span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L30\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"30\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC30\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">const</span> byte C_SET_TILT_POSITION = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">0x4D</span>; <span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\"><span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\">//</span> 1/100ths of degree</span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L31\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"31\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC31\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L32\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"32\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC32\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">bool</span> stoped = <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">false</span>;</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L33\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"33\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC33\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L34\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"34\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC34\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-k\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-keyword);\">void</span><span class=\"pl-en\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-entity);\">setup</span>()</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L35\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"35\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC35\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\">{</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L36\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"36\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC36\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">pinMode</span>(LED, OUTPUT);</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L37\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"37\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC37\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L38\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"38\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC38\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">pinMode</span>(P_LEFT, INPUT);     <span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\"><span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\">//</span>left</span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L39\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"39\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC39\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">pinMode</span>(P_UP, INPUT);       <span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\"><span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\">//</span>up</span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L40\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"40\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC40\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">pinMode</span>(P_RIGHT, INPUT);    <span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\"><span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\">//</span>right</span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L41\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"41\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC41\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">pinMode</span>(P_DOWN, INPUT);     <span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\"><span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\">//</span>down</span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L42\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"42\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC42\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">pinMode</span>(P_ZOOM_IN, INPUT);  <span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\"><span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\">//</span>zoom in</span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L43\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"43\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC43\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">pinMode</span>(P_ZOOM_OUT, INPUT); <span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\"><span class=\"pl-c\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-comment);\">//</span>zoom out</span></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L44\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"44\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC44\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L45\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"45\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC45\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\">  Serial.<span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">begin</span>(<span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">9600</span>);</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L46\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"46\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC46\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\">  SerialRS.<span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">begin</span>(<span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">2400</span>);</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L47\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"47\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC47\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\">  Serial.<span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">println</span>(<span class=\"pl-s\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-string);\"><span class=\"pl-pds\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-string);\">\"</span>Pelco D controller<span class=\"pl-pds\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-string);\">\"</span></span>);</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L48\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"48\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC48\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L49\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"49\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC49\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">sendPelcoDFrame</span>(C_STOP, <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">0</span>, <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">0</span>);</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L50\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"50\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC50\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">delay</span>(<span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">10</span>);</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L51\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"51\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC51\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">sendPelcoDFrame</span>(C_SET_PAN_POSITION, <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">23</span>, <span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">28</span>);</td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; background-color: transparent;\">\r\n         <td id=\"L52\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"52\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC52\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"></td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box;\">\r\n         <td id=\"L53\" class=\"blob-num js-line-number js-code-nav-line-number\" data-line-number=\"53\" style=\"box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;\"></td>\r\n         <td id=\"LC53\" class=\"blob-code blob-code-inner js-file-line\" style=\"box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;\"><span class=\"pl-c1\" style=\"box-sizing: border-box; color: var(--color-prettylights-syntax-constant);\">blinkLED<','https://github.com/eziosoft/Pelco-D-PTZ-Camera-Control/blob/master/Pelco_d_arduino.ino','',2,0,2,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2022-01-14 08:27:20',0,'2022-01-14 08:27:20','112.222.138.204','','','','','','','','','','','',''),(47,-42,'',47,0,0,'','','html1','PCBDN 실무서적 출간(22.2월 중)','<p><span style=\"color: #333333; font-family: 돋움, Dotum, Helvetica, &quot;Apple SD Gothic Neo&quot;, sans-serif; background-color: #ffffff;\">안녕하세요 PCBDN 입니다.</span><br style=\"color: #333333; font-family: 돋움, Dotum, Helvetica, &quot;Apple SD Gothic Neo&quot;, sans-serif;\" /><br style=\"color: #333333; font-family: 돋움, Dotum, Helvetica, &quot;Apple SD Gothic Neo&quot;, sans-serif;\" /><span style=\"color: #333333; font-family: 돋움, Dotum, Helvetica, &quot;Apple SD Gothic Neo&quot;, sans-serif; background-color: #ffffff;\">PCB설계 실무서적 출간에 앞서서 사전 예약 신청을 받습니다.</span><br style=\"color: #333333; font-family: 돋움, Dotum, Helvetica, &quot;Apple SD Gothic Neo&quot;, sans-serif;\" /><br style=\"color: #333333; font-family: 돋움, Dotum, Helvetica, &quot;Apple SD Gothic Neo&quot;, sans-serif;\" /><span style=\"color: #333333; font-family: 돋움, Dotum, Helvetica, &quot;Apple SD Gothic Neo&quot;, sans-serif; background-color: #ffffff;\">2월 중에 출간 예정으로 지금 신청하시면 인쇄가 되는대로 바로 발송해 드립니다.</span><br style=\"color: #333333; font-family: 돋움, Dotum, Helvetica, &quot;Apple SD Gothic Neo&quot;, sans-serif;\" /><span style=\"color: #333333; font-family: 돋움, Dotum, Helvetica, &quot;Apple SD Gothic Neo&quot;, sans-serif; background-color: #ffffff;\">자세한 내용은 아래 링크 참고해 주세요,.</span><br style=\"color: #333333; font-family: 돋움, Dotum, Helvetica, &quot;Apple SD Gothic Neo&quot;, sans-serif;\" /><br style=\"color: #333333; font-family: 돋움, Dotum, Helvetica, &quot;Apple SD Gothic Neo&quot;, sans-serif;\" /><a href=\"https://cafe.naver.com/sosarun/17844\" target=\"_blank\" style=\"color: #0000ee; font-family: 돋움, Dotum, Helvetica, &quot;Apple SD Gothic Neo&quot;, sans-serif;\">https://cafe.naver.com/sosarun/17844</a><br style=\"color: #333333; font-family: 돋움, Dotum, Helvetica, &quot;Apple SD Gothic Neo&quot;, sans-serif;\" /><br style=\"color: #333333; font-family: 돋움, Dotum, Helvetica, &quot;Apple SD Gothic Neo&quot;, sans-serif;\" /><span style=\"color: #333333; font-family: 돋움, Dotum, Helvetica, &quot;Apple SD Gothic Neo&quot;, sans-serif; background-color: #ffffff;\">카페도 자주 방문해 주시고 카페 체계도 일부 변경 되었으니 참고부탁드립니다.</span></p>','https://cafe.naver.com/sosarun/17844','',0,0,1,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2022-01-17 11:51:52',0,'2022-01-17 11:51:52','112.222.138.204','','','','','','','','','','','',''),(48,-43,'',48,0,0,'','','html1','앱인벤터 강좌 블로그','<p>&nbsp;앱인벤터 강좌 블로그</p>','https://blog.naver.com/PostView.naver?blogId=gunzok&logNo=221611693306&parentCategoryNo=&categoryNo=116&viewDate=&isShowPopularPosts=false&from=postList','',2,0,2,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2022-01-27 08:04:32',0,'2022-01-27 08:04:32','112.222.138.204','','','','','','','','','','','',''),(49,-44,'',49,0,0,'','','html1','php로 게시판 만들기','<h2 data-ke-size=\"size26\" style=\"margin: 29px 0px 22px; padding: 0px; clear: both; line-height: 1.5; font-weight: normal; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif;\">개발 환경</h2>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">•웹페이지&nbsp;– php</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">•Database –&nbsp;mysql</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">•Php의&nbsp;css와&nbsp;java script를 통하여 웹 페이지를 구현하고&nbsp;php와 연동 가능한&nbsp;mysql을 데이터 베이스로 사용할 것이다.</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">&nbsp;</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">&nbsp;</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">&nbsp;</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">&nbsp;</p>\r\n<h2 data-ke-size=\"size26\" style=\"margin: 29px 0px 22px; padding: 0px; clear: both; line-height: 1.5; font-weight: normal; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif;\">사이트 맵</h2>\r\n<p data-ke-size=\"size18\" style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; font-size: 1.12em; word-break: break-all; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">페이지는 메인페이지와 로그인페이지, 회원가입페이지, 마이페이지, 게시판 페이지로 이루어져있다.</p>\r\n<p data-ke-size=\"size18\" style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; font-size: 1.12em; word-break: break-all; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">각 게시판들은 구조는 같고 이름과 사용되는 테이블만이 다르다.&nbsp;</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">&nbsp;</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">&nbsp;</p>\r\n<figure class=\"imageblock alignCenter\" data-origin-width=\"0\" data-origin-height=\"0\" data-ke-mobilestyle=\"widthContent\" style=\"margin: 0px auto 20px; max-width: 100%; clear: both; padding: 0px; display: table; position: relative; text-align: center; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; font-size: 16px;\"><span data-url=\"https://blog.kakaocdn.net/dn/GZrQS/btqYKaxsJYw/hSKbb2FAEIts3z9KJt54Mk/img.png\" data-lightbox=\"lightbox\" data-alt=\"\" style=\"cursor: pointer;\"><img src=\"https://blog.kakaocdn.net/dn/GZrQS/btqYKaxsJYw/hSKbb2FAEIts3z9KJt54Mk/img.png\" srcset=\"https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FGZrQS%2FbtqYKaxsJYw%2FhSKbb2FAEIts3z9KJt54Mk%2Fimg.png\" data-origin-width=\"0\" data-origin-height=\"0\" data-ke-mobilestyle=\"widthContent\" style=\"border: none; vertical-align: top; max-width: 100%; display: inline-block; width: 740px; margin: 0px; height: auto;\" /></span></figure>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">&nbsp;</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">&nbsp;</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">&nbsp;</p>\r\n<h2 data-ke-size=\"size26\" style=\"margin: 29px 0px 22px; padding: 0px; clear: both; line-height: 1.5; font-weight: normal; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif;\">로직 플로우</h2>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">&nbsp;</p>\r\n<figure class=\"imageblock alignCenter\" data-origin-width=\"0\" data-origin-height=\"0\" data-ke-mobilestyle=\"widthContent\" style=\"margin: 0px auto 20px; max-width: 100%; clear: both; padding: 0px; display: table; position: relative; text-align: center; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; font-size: 16px;\"><span data-url=\"https://blog.kakaocdn.net/dn/Iq8rx/btqYW1MFksT/7mea9czLrnnzRK8k45YCV0/img.png\" data-lightbox=\"lightbox\" data-alt=\"\" style=\"cursor: pointer;\"><img src=\"https://blog.kakaocdn.net/dn/Iq8rx/btqYW1MFksT/7mea9czLrnnzRK8k45YCV0/img.png\" srcset=\"https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FIq8rx%2FbtqYW1MFksT%2F7mea9czLrnnzRK8k45YCV0%2Fimg.png\" data-origin-width=\"0\" data-origin-height=\"0\" data-ke-mobilestyle=\"widthContent\" style=\"border: none; vertical-align: top; max-width: 100%; display: inline-block; width: 740px; margin: 0px; height: auto;\" /></span></figure>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">&nbsp;</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">&nbsp;</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">&nbsp;</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">&nbsp;</p>\r\n<h2 data-ke-size=\"size26\" style=\"margin: 29px 0px 22px; padding: 0px; clear: both; line-height: 1.5; font-weight: normal; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif;\">데이터 베이스 구조</h2>\r\n<p data-ke-size=\"size14\" style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; font-size: 0.87em; word-break: break-all; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">-mysql</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">Board(notice,board,music,movie)-게시판 글 목록(게시판 분야별로 테이블 이름이 다르지만 구조는 같다)</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">게시글 읽기,&nbsp;쓰기에 사용</p>\r\n<table border=\"1\" width=\"1151\" data-ke-style=\"style15\" style=\"margin-bottom: 20px; width: 740px; border-style: solid; border-color: #e6e6e6; text-align: center; font-size: 0.9375em; line-height: 1.5714; color: #666666; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; height: 122px;\">\r\n   <tbody>\r\n      <tr style=\"height: 54px;\">\r\n         <td width=\"144\" height=\"51\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff; height: 54px;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">Idx(primary)</p>\r\n            </td>\r\n         <td width=\"144\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff; height: 54px;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">id</p>\r\n            </td>\r\n         <td width=\"144\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff; height: 54px;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">name</p>\r\n            </td>\r\n         <td width=\"144\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff; height: 54px;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">title</p>\r\n            </td>\r\n         <td width=\"144\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff; height: 54px;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">Content</p>\r\n            </td>\r\n         <td width=\"144\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff; height: 54px;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">date</p>\r\n            </td>\r\n         <td width=\"144\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff; height: 54px;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">hit</p>\r\n            </td>\r\n         <td width=\"144\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff; height: 54px;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">file</p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"height: 68px;\">\r\n         <td width=\"144\" height=\"69\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6; background-color: #dcdddd; height: 68px;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">게시글 번호</p>\r\n            </td>\r\n         <td width=\"144\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6; height: 68px;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">작성자&nbsp;<span style=\"letter-spacing: 0px;\">아이디</span></p>\r\n            </td>\r\n         <td width=\"144\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6; height: 68px;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">작성자&nbsp;닉네임</p>\r\n            </td>\r\n         <td width=\"144\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6; height: 68px;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">제목</p>\r\n            </td>\r\n         <td width=\"144\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6; height: 68px;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">내용</p>\r\n            </td>\r\n         <td width=\"144\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6; height: 68px;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">작성 일시</p>\r\n            </td>\r\n         <td width=\"144\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6; height: 68px;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">방문 수</p>\r\n            </td>\r\n         <td width=\"144\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6; height: 68px;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">업로드파일</p>\r\n            </td>\r\n         </tr>\r\n      </tbody>\r\n   </table>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">&nbsp;</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">Board(notice,board,music,movie)_reply-댓글 목록(게시판 분야별로 테이블 이름이 다르지만 구조는 같다)</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">댓글 읽기,&nbsp;쓰기에 사용</p>\r\n<table border=\"1\" width=\"1088\" data-ke-style=\"style15\" style=\"margin-bottom: 20px; width: 740px; border-style: solid; border-color: #e6e6e6; text-align: center; font-size: 0.9375em; line-height: 1.5714; color: #666666; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif;\">\r\n   <tbody>\r\n      <tr>\r\n         <td width=\"181\" height=\"55\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">idx(primary)</p>\r\n            </td>\r\n         <td width=\"181\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">Con_num</p>\r\n            </td>\r\n         <td width=\"181\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">id</p>\r\n            </td>\r\n         <td width=\"181\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">name</p>\r\n            </td>\r\n         <td width=\"181\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">content</p>\r\n            </td>\r\n         <td width=\"181\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">Date</p>\r\n            </td>\r\n         </tr>\r\n      <tr>\r\n         <td width=\"181\" height=\"54\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6; background-color: #dcdddd;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">댓글 번호</p>\r\n            </td>\r\n         <td width=\"181\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">게시글 번호</p>\r\n            </td>\r\n         <td width=\"181\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">작성자 아이디</p>\r\n            </td>\r\n         <td width=\"181\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">작성자 닉네임</p>\r\n            </td>\r\n         <td width=\"181\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">댓글 내용</p>\r\n            </td>\r\n         <td width=\"181\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">작성 일시</p>\r\n            </td>\r\n         </tr>\r\n      </tbody>\r\n   </table>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">&nbsp;</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">User-유저 데이터</p>\r\n<p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif; padding-top: 0px !important; padding-bottom: 0px !important;\">로그인,&nbsp;회원가입시 사용</p>\r\n<table border=\"1\" width=\"1097\" data-ke-style=\"style15\" style=\"margin-bottom: 20px; width: 740px; border-style: solid; border-color: #e6e6e6; text-align: center; font-size: 0.9375em; line-height: 1.5714; color: #666666; font-family: AppleSDGothicNeo, &quot;Noto Sans KR&quot;, sans-serif;\">\r\n   <tbody>\r\n      <tr>\r\n         <td width=\"219\" height=\"57\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">idx(primary)</p>\r\n            </td>\r\n         <td width=\"219\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">id</p>\r\n            </td>\r\n         <td width=\"219\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">name</p>\r\n            </td>\r\n         <td width=\"219\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">pw</p>\r\n            </td>\r\n         <td width=\"219\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-style: solid; border-color: #2780d4; background-color: #2780d4; color: #ffffff;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">date</p>\r\n            </td>\r\n         </tr>\r\n      <tr>\r\n         <td width=\"219\" height=\"57\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6; background-color: #dcdddd;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">유저 번호</p>\r\n            </td>\r\n         <td width=\"219\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">유저 아이디</p>\r\n            </td>\r\n         <td width=\"219\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">유저 닉네임</p>\r\n            </td>\r\n         <td width=\"219\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">패스워드</p>\r\n            </td>\r\n         <td width=\"219\" style=\"margin: 0px; padding: 8px; word-break: break-word; border-left-style: solid; border-left-color: #e6e6e6; border-top-style: solid; border-top-color: #e6e6e6;\">\r\n            <p style=\"margin-bottom: 32px; padding-right: 0px; padding-left: 0px; word-break: break-all; font-size: 0.9375em; line-height: 2; color: #555555; padding-top: 0px !important; padding-bottom: 0px !important;\">가입 일시</p>\r\n            <p><br /></p>\r\n            </td>\r\n         </tr>\r\n      </tbody>\r\n   </table>','https://dw3232.tistory.com/39?category=845923','',1,0,3,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2022-02-19 00:15:24',0,'2022-02-19 00:15:24','192.168.219.101','','','','','','','','','','','',''),(50,-45,'',50,0,0,'','','html1','php게시판 만들기...2','<div class=\"se-component se-text se-l-default\" id=\"SE-786b9361-7d21-4962-bba5-4e666e5cb322\" style=\"margin: 20px 0px 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: medium; line-height: inherit; font-family: se-nanumgothic, &quot;\\\\B098눔고딕&quot;, nanumgothic, sans-serif, Meiryo; vertical-align: baseline; position: relative; background-color: #ffffff;\">\r\n   <div class=\"se-component-content\" style=\"margin: 0px auto; padding: 0px 40px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%;\">\r\n      <div class=\"se-section se-section-text se-l-default\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;\">\r\n         <div class=\"se-module se-module-text\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;\">\r\n            <p class=\"se-text-paragraph se-text-paragraph-align-left \" id=\"SE-3eecbaa3-4732-44eb-b0a4-b7962ee03657\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs- se-ff-   \" id=\"SE-5df1f8ed-18ef-4315-863d-adb6ed2908f5\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; vertical-align: baseline;\">이 포스팅을 보시기 전에 개발환경 셋팅을 위해 아래 글을 따라하신 후 진행해주시면 됩니다.</span></p>\r\n            </div>\r\n         </div>\r\n      </div>\r\n   </div>\r\n<div class=\"se-component se-oglink se-l-image __se-component\" id=\"SE-c23d1142-ca01-4f79-af80-adad45d08145\" style=\"margin: 30px 0px 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: medium; line-height: inherit; font-family: se-nanumgothic, &quot;\\\\B098눔고딕&quot;, nanumgothic, sans-serif, Meiryo; vertical-align: baseline; position: relative; background-color: #ffffff;\">\r\n   <div class=\"se-component-content\" style=\"margin: 0px auto; padding: 0px 40px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%;\">\r\n      <div class=\"se-section se-section-oglink se-l-image se-section-align-\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; width: 450px; max-width: 450px;\">\r\n         <div class=\"se-module se-module-oglink\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative; width: 450px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px 0px; cursor: pointer;\"><a href=\"http://swriterit.kr/220692047503\" class=\"se-oglink-thumbnail\" target=\"_blank\" style=\"text-decoration-line: none; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; display: block; position: relative; z-index: 1; width: 110px;\"><img src=\"https://dthumb-phinf.pstatic.net/?src=%22http%3A%2F%2Fblogthumb2.naver.net%2F20160424_144%2Fbgpoilkj_14614827683583YyTv_PNG%2F%25C4%25B8%25C3%25B3.PNG%3Ftype%3Dw2%22&amp;type=ff120\" class=\"se-oglink-thumbnail-resource egjs-visible\" alt=\"\" style=\"border: 0px; margin: 0px; padding: 0px; font: inherit; vertical-align: top; width: 110px; height: auto; min-height: 110px;\" /></a><a href=\"http://swriterit.kr/220692047503\" class=\"se-oglink-info\" target=\"_blank\" style=\"text-decoration-line: none; margin: 0px; padding: 21px 26px 18px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.4; font-family: inherit; vertical-align: baseline; position: absolute; display: block; box-sizing: border-box; inset: 0px 0px 0px 110px;\">&nbsp;\r\n               <div class=\"se-oglink-info-container\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: middle; display: inline-block; max-width: 100%;\"><span class=\"se-oglink-title\" style=\"white-space: nowrap; overflow-wrap: normal; overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: block; line-height: 15px; font-weight: 700; color: #333333; font-size: 15px;\">XAMPP Apache, MySQL 설치하기</span>\r\n                  <p class=\"se-oglink-summary\" style=\"margin-top: 7px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 13px; line-height: 18px; font-family: inherit; vertical-align: baseline; white-space: nowrap; overflow-wrap: normal; overflow: hidden; text-overflow: ellipsis; word-break: break-all; color: #999999;\">안녕하세요. 오늘은 XAMPP라는 프로그램 소개와 설치를 해볼텐데요. 워드프레스 사용이나 웹 사이트 ...</p>\r\n                  <p class=\"se-oglink-url\" style=\"margin-top: 9px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 13px; line-height: 15px; font-family: inherit; vertical-align: baseline; white-space: nowrap; overflow-wrap: normal; overflow: hidden; text-overflow: ellipsis; word-break: break-all; color: #00a832;\">swriterit.kr</p>\r\n                  </div>\r\n               </a></div>\r\n         </div>\r\n      </div>\r\n   </div>\r\n<div class=\"se-component se-text se-l-default\" id=\"SE-7b19f34d-3af3-4302-95d5-08f3cc5518d5\" style=\"margin: 30px 0px 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: medium; line-height: inherit; font-family: se-nanumgothic, &quot;\\\\B098눔고딕&quot;, nanumgothic, sans-serif, Meiryo; vertical-align: baseline; position: relative; background-color: #ffffff;\">\r\n   <div class=\"se-component-content\" style=\"margin: 0px auto; padding: 0px 40px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%;\">\r\n      <div class=\"se-section se-section-text se-l-default\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;\">\r\n         <div class=\"se-module se-module-text\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;\">\r\n            <p class=\"se-text-paragraph se-text-paragraph-align-left \" id=\"SE-b3e7334a-df11-47d8-8b69-06ef043e9fca\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-nanumgothic   \" id=\"SE-e3ed6b88-5264-448a-97a8-5049107e6cb8\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">안녕하세요. 오늘부터 php게시판을 만들어 볼텐데요. 게시판이라함은 우리가 흔히 카페이서 글을쓰거나 커뮤니티에서 글을 쓸 때</span></p>\r\n            <p class=\"se-text-paragraph se-text-paragraph-align-left \" id=\"SE-4fbe6de0-ea63-4540-8591-c8c6dd0eac36\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-nanumgothic   \" id=\"SE-c4d61060-58cf-4b82-933e-631270d1319b\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">보는것이 게시판입니다. 흔히 웹의 꽃은 게시판이라고도 하죠. 먼저 게시판을 만들기 위해서는 게시판 정보를 담는 데이터베이스 DB를 </span></p>\r\n            <p class=\"se-text-paragraph se-text-paragraph-align-left \" id=\"SE-18dc4b59-a852-403b-94b4-092ff09c69c9\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-nanumgothic   \" id=\"SE-f4869ad0-e361-4335-b07b-116ae0117b80\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">만들어야 합니다. </span></p>\r\n            <p class=\"se-text-paragraph se-text-paragraph-align-left \" id=\"SE-6510f313-d769-4f0b-8b2c-c177c8995923\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-nanumgothic   \" id=\"SE-ed95f21f-18f3-4529-8beb-7bc448f81e6e\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">일반적인 게시판 항목은 글번호, 글 제목, 글 내용, 작성자, 날짜, 조회수, 아이디, 비밀번호정도로 나뉘어집니다. 물론 게시판에 들어가는 파일 업로드도 있지만 여기서 다루진 않고 만들면서 천천히 알아보겠습니다. </span></p>\r\n            <p class=\"se-text-paragraph se-text-paragraph-align-left \" id=\"SE-bb14cac1-adee-47de-a460-5eac8b4ebd99\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-nanumgothic   \" id=\"SE-a09bf40b-6ae7-4285-b4ae-7a6fc07106db\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">먼저 phpmyadmin에 접속합니다. 주소창에서 127.0.0.1/phpmyadmin을 입력하면 접속이 됩니다.</span></p>\r\n            </div>\r\n         </div>\r\n      </div>\r\n   </div>\r\n<div class=\"se-component se-image se-l-default\" id=\"SE-281cd4a6-2bfa-4b83-9d01-ebd2335b914a\" style=\"margin: 20px 0px 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: medium; line-height: inherit; font-family: se-nanumgothic, &quot;\\\\B098눔고딕&quot;, nanumgothic, sans-serif, Meiryo; vertical-align: baseline; position: relative; background-color: #ffffff;\">\r\n   <div class=\"se-component-content se-component-content-normal\" style=\"margin: 0px auto; padding: 0px 40px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%;\">\r\n      <div class=\"se-section se-section-image se-l-default se-section-align-justify\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; max-width: 738px;\">\r\n         <div class=\"se-module se-module-image\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;\"><a class=\"se-module-image-link __se_image_link __se_link\" data-linktype=\"img\" data-linkdata=\"{&quot;id&quot; : &quot;SE-281cd4a6-2bfa-4b83-9d01-ebd2335b914a&quot;, &quot;src&quot; : &quot;https://postfiles.pstatic.net/MjAyMDA0MjBfMTk0/MDAxNTg3Mzg4MDYxNjU0.R_Tv28N6n20USxyiqD-2OAyAmGH9UK0b5vIbHssyzT0g.8yCvZeYkpcmYiDMfNBvFrZM6tTnpggvwabhqgaHLNrcg.PNG.bgpoilkj/SE-281cd4a6-2bfa-4b83-9d01-ebd2335b914a.png&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}\" area-hidden=\"true\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block;\"><img src=\"https://postfiles.pstatic.net/MjAyMDA0MjBfMTk0/MDAxNTg3Mzg4MDYxNjU0.R_Tv28N6n20USxyiqD-2OAyAmGH9UK0b5vIbHssyzT0g.8yCvZeYkpcmYiDMfNBvFrZM6tTnpggvwabhqgaHLNrcg.PNG.bgpoilkj/SE-281cd4a6-2bfa-4b83-9d01-ebd2335b914a.png?type=w966\" data-lazy-src=\"\" data-width=\"738\" data-height=\"475\" alt=\"\" class=\"se-image-resource egjs-visible\" style=\"border: 0px; margin: 0px; padding: 0px; font: inherit; vertical-align: top; position: relative; width: 738px;\" /></a></div>\r\n         </div>\r\n      </div>\r\n   </div>\r\n<div class=\"se-component se-text se-l-default\" id=\"SE-94b1e300-58d9-4cae-af04-ee8e740eb003\" style=\"margin: 20px 0px 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: medium; line-height: inherit; font-family: se-nanumgothic, &quot;\\\\B098눔고딕&quot;, nanumgothic, sans-serif, Meiryo; vertical-align: baseline; position: relative; background-color: #ffffff;\">\r\n   <div class=\"se-component-content\" style=\"margin: 0px auto; padding: 0px 40px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%;\">\r\n      <div class=\"se-section se-section-text se-l-default\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;\">\r\n         <div class=\"se-module se-module-text\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;\">\r\n            <p class=\"se-text-paragraph se-text-paragraph-align-left \" id=\"SE-29519a4b-6ed7-4ee5-9895-a0a23be29902\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-nanumgothic   \" id=\"SE-e7119c6e-fbbe-4df5-bc2f-265bb928ab62\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">빨간색표시되어있는 데이터베이스를 클릭합니다.</span></p>\r\n            </div>\r\n         </div>\r\n      </div>\r\n   </div>\r\n<div class=\"se-component se-image se-l-default\" id=\"SE-19f9ef4f-d657-4bf7-be2f-16d109281d15\" style=\"margin: 20px 0px 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: medium; line-height: inherit; font-family: se-nanumgothic, &quot;\\\\B098눔고딕&quot;, nanumgothic, sans-serif, Meiryo; vertical-align: baseline; position: relative; background-color: #ffffff;\">\r\n   <div class=\"se-component-content se-component-content-normal\" style=\"margin: 0px auto; padding: 0px 40px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%;\">\r\n      <div class=\"se-section se-section-image se-l-default se-section-align-justify\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; max-width: 758px;\">\r\n         <div class=\"se-module se-module-image\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;\"><a class=\"se-module-image-link __se_image_link __se_link\" data-linktype=\"img\" data-linkdata=\"{&quot;id&quot; : &quot;SE-19f9ef4f-d657-4bf7-be2f-16d109281d15&quot;, &quot;src&quot; : &quot;https://postfiles.pstatic.net/MjAyMDA0MjBfMjE5/MDAxNTg3Mzg4MDcxMTAx.VDsTjTjx_3VoLwer3j0myKPnANkiaJJDj3KidNWpUVwg.ks2js6XoOfdIaKDmxNtWuOrPoIOpJeCnbS_RC3-YViMg.PNG.bgpoilkj/SE-19f9ef4f-d657-4bf7-be2f-16d109281d15.png&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}\" area-hidden=\"true\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block;\"><img src=\"https://postfiles.pstatic.net/MjAyMDA0MjBfMjE5/MDAxNTg3Mzg4MDcxMTAx.VDsTjTjx_3VoLwer3j0myKPnANkiaJJDj3KidNWpUVwg.ks2js6XoOfdIaKDmxNtWuOrPoIOpJeCnbS_RC3-YViMg.PNG.bgpoilkj/SE-19f9ef4f-d657-4bf7-be2f-16d109281d15.png?type=w966\" data-lazy-src=\"\" data-width=\"758\" data-height=\"547\" alt=\"\" class=\"se-image-resource egjs-visible\" style=\"border: 0px; margin: 0px; padding: 0px; font: inherit; vertical-align: top; position: relative; width: 758px;\" /></a></div>\r\n         </div>\r\n      </div>\r\n   </div>\r\n<div class=\"se-component se-text se-l-default\" id=\"SE-c792de13-17aa-4002-b624-68b196bfaa96\" style=\"margin: 20px 0px 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: medium; line-height: inherit; font-family: se-nanumgothic, &quot;\\\\B098눔고딕&quot;, nanumgothic, sans-serif, Meiryo; vertical-align: baseline; position: relative; background-color: #ffffff;\">\r\n   <div class=\"se-component-content\" style=\"margin: 0px auto; padding: 0px 40px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%;\">\r\n      <div class=\"se-section se-section-text se-l-default\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;\">\r\n         <div class=\"se-module se-module-text\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;\">\r\n            <p class=\"se-text-paragraph se-text-paragraph-align-left \" id=\"SE-4d63cdfb-bc7e-45d5-92e8-a48a61b80a6a\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-nanumgothic   \" id=\"SE-e794313d-01b4-4933-a685-06fb38aa0952\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">데이터베이스명을 입력하시고 데이터정렬방식은 utf8_general_ci로 설정합니다.(한글 깨짐 방지)</span></p>\r\n            </div>\r\n         </div>\r\n      </div>\r\n   </div>\r\n<div class=\"se-component se-image se-l-default\" id=\"SE-784556c3-75c5-4e20-a3f7-90ffabc214df\" style=\"margin: 20px 0px 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: medium; line-height: inherit; font-family: se-nanumgothic, &quot;\\\\B098눔고딕&quot;, nanumgothic, sans-serif, Meiryo; vertical-align: baseline; position: relative; background-color: #ffffff;\">\r\n   <div class=\"se-component-content se-component-content-normal\" style=\"margin: 0px auto; padding: 0px 40px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%;\">\r\n      <div class=\"se-section se-section-image se-l-default se-section-align-left\" style=\"margin: 0px auto 0px 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; max-width: 662px;\">\r\n         <div class=\"se-module se-module-image\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;\"><a class=\"se-module-image-link __se_image_link __se_link\" data-linktype=\"img\" data-linkdata=\"{&quot;id&quot; : &quot;SE-784556c3-75c5-4e20-a3f7-90ffabc214df&quot;, &quot;src&quot; : &quot;https://postfiles.pstatic.net/MjAxODA3MDNfMjU0/MDAxNTMwNjEyMzc2ODEx.2BmsOCkMx1n3mJDFv6K1kGC4PqW7O-3SzRgh5XiNIMcg.KuE22ayrcscLJff0c8xw8lmnT6Hz4YoMTemMsnP1kQ4g.PNG.bgpoilkj/1.PNG&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}\" area-hidden=\"true\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block;\"><img src=\"https://postfiles.pstatic.net/MjAxODA3MDNfMjU0/MDAxNTMwNjEyMzc2ODEx.2BmsOCkMx1n3mJDFv6K1kGC4PqW7O-3SzRgh5XiNIMcg.KuE22ayrcscLJff0c8xw8lmnT6Hz4YoMTemMsnP1kQ4g.PNG.bgpoilkj/1.PNG?type=w966\" data-lazy-src=\"\" data-width=\"662\" data-height=\"230\" alt=\"\" class=\"se-image-resource egjs-visible\" style=\"border: 0px; margin: 0px; padding: 0px; font: inherit; vertical-align: top; position: relative; width: 662px;\" /></a></div>\r\n         </div>\r\n      </div>\r\n   </div>\r\n<div class=\"se-component se-text se-l-default\" id=\"SE-ba3c3c51-67ab-4c08-9d55-46ced1eec1c8\" style=\"margin: 20px 0px 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: medium; line-height: inherit; font-family: se-nanumgothic, &quot;\\\\B098눔고딕&quot;, nanumgothic, sans-serif, Meiryo; vertical-align: baseline; position: relative; background-color: #ffffff;\">\r\n   <div class=\"se-component-content\" style=\"margin: 0px auto; padding: 0px 40px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%;\">\r\n      <div class=\"se-section se-section-text se-l-default\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;\">\r\n         <div class=\"se-module se-module-text\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;\">\r\n            <p class=\"se-text-paragraph se-text-paragraph-align-left \" id=\"SE-0a5998f9-af39-42c1-a9f6-368cdc815f8d\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-nanumgothic   \" id=\"SE-f0bbb9eb-fc90-4108-a397-c2808af7b9eb\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">데이터베이스는 비유하자면 하나의 책장입니다. 이제 그 책장안에 공간 별로 여러 종류의 데이터를 담는것이죠 여러 종류의 데이터를</span></p>\r\n            <p class=\"se-text-paragraph se-text-paragraph-align-left \" id=\"SE-e59d2089-fdd4-47f5-9010-71f0af9f0fef\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-nanumgothic   \" id=\"SE-566a2539-9c52-4581-ac16-c1d9200854e5\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">저장하기 위해 테이블을 만들어야 합니다. 만들어진 데이터베이스 이름을 클릭하면 위와같은 화면이 나오는데  테이블이름과 항목수를</span></p>\r\n            <p class=\"se-text-paragraph se-text-paragraph-align-left \" id=\"SE-a6d8200d-cdb4-4a1c-aa73-8d274601d463\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-nanumgothic   \" id=\"SE-3085be0c-ff6a-45bd-9f45-3462f0aa43ae\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">입력하시면됩니다. Columns는 갯수를 말하는겁니다. 게시판주요기능인 번호, 제목, 내용, 글쓴이, 날짜, 조회수 6개의 컬럼을 만들면 </span></p>\r\n            <p class=\"se-text-paragraph se-text-paragraph-align-left \" id=\"SE-1a8a1a28-756e-4b95-9f7a-9d839d0151dc\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-nanumgothic   \" id=\"SE-2f585fb1-83f8-4691-a69c-47ae7427fd11\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">되겠습니다. 기본적으로 6개 항목이지만 추후 만들어가면서 추가될 수 있습니다.</span></p>\r\n            </div>\r\n         </div>\r\n      </div>\r\n   </div>\r\n<div class=\"se-component se-image se-l-default\" id=\"SE-d5eccd26-95e0-4e11-80f9-c7812e2a823b\" style=\"margin: 20px 0px 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: medium; line-height: inherit; font-family: se-nanumgothic, &quot;\\\\B098눔고딕&quot;, nanumgothic, sans-serif, Meiryo; vertical-align: baseline; position: relative; background-color: #ffffff;\">\r\n   <div class=\"se-component-content se-component-content-fit\" style=\"margin: 0px auto; padding: 0px 40px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%;\">\r\n      <div class=\"se-section se-section-image se-l-default se-section-align-justify\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;\">\r\n         <div class=\"se-module se-module-image\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;\"><a class=\"se-module-image-link __se_image_link __se_link\" data-linktype=\"img\" data-linkdata=\"{&quot;id&quot; : &quot;SE-d5eccd26-95e0-4e11-80f9-c7812e2a823b&quot;, &quot;src&quot; : &quot;https://postfiles.pstatic.net/MjAxODA3MDNfMjE4/MDAxNTMwNjEyNTg2MjA2.J-X-uNwc5WjmcQOUAjk-kgPnwVVYz-hREEwhw2vq3Mwg.R83UgUWZsHVADXThWRypamuNQB8Phhb9XYoWP0HuuZ4g.PNG.bgpoilkj/2.PNG&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}\" area-hidden=\"true\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block;\"><img src=\"https://postfiles.pstatic.net/MjAxODA3MDNfMjE4/MDAxNTMwNjEyNTg2MjA2.J-X-uNwc5WjmcQOUAjk-kgPnwVVYz-hREEwhw2vq3Mwg.R83UgUWZsHVADXThWRypamuNQB8Phhb9XYoWP0HuuZ4g.PNG.bgpoilkj/2.PNG?type=w966\" data-lazy-src=\"\" data-width=\"886\" data-height=\"214\" alt=\"\" class=\"se-image-resource egjs-visible\" style=\"border: 0px; margin: 0px; padding: 0px; font: inherit; vertical-align: top; position: relative; width: 886px;\" /></a></div>\r\n         </div>\r\n      </div>\r\n   </div>\r\n<div class=\"se-component se-text se-l-default\" id=\"SE-686e5a80-71d2-484f-a537-57e132ad96c5\" style=\"margin: 20px 0px 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: medium; line-height: inherit; font-family: se-nanumgothic, &quot;\\\\B098눔고딕&quot;, nanumgothic, sans-serif, Meiryo; vertical-align: baseline; position: relative; background-color: #ffffff;\">\r\n   <div class=\"se-component-content\" style=\"margin: 0px auto; padding: 0px 40px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%;\">\r\n      <div class=\"se-section se-section-text se-l-default\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;\">\r\n         <div class=\"se-module se-module-text\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;\">\r\n            <p class=\"se-text-paragraph se-text-paragraph-align-left \" id=\"SE-309c2287-4343-4098-93eb-e565d79984ab\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-nanumgothic   \" id=\"SE-ee869491-256c-4851-a32a-2f1a03e7f935\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">각 컬럼 항목들은 이름은 번호, 글쓴이, 비밀번호, 내용, 날짜, 조회수입니다. 다음은 각 항목들에 대한 설명과 SQL문장입니다.</span></p>\r\n            <p class=\"se-text-paragraph se-text-paragraph-align-left \" id=\"SE-01849fe0-7037-4680-ab11-aaa26b157756\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-nanumgothic   \" id=\"SE-f32dac48-4bbd-45bc-83cf-51385cfe7768\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\"></span></p>\r\n            </div>\r\n         </div>\r\n      </div>\r\n   </div>\r\n<div class=\"se-component se-quotation se-l-quotation_line\" id=\"SE-b353d529-fb54-43a4-a4bc-ce32a0600e63\" style=\"margin: 40px 0px 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: medium; line-height: inherit; font-family: se-nanumgothic, &quot;\\\\B098눔고딕&quot;, nanumgothic, sans-serif, Meiryo; vertical-align: baseline; position: relative; background-color: #ffffff;\">\r\n   <div class=\"se-component-content\" style=\"margin: 0px auto; padding: 0px 40px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%; position: relative;\">\r\n      <div class=\"se-section se-section-quotation se-l-quotation_line\" style=\"margin: 0px auto; padding: 10px 0px; border: 0px; font: inherit; vertical-align: baseline;\">\r\n         <blockquote class=\"se-quotation-container\" style=\"margin: auto; padding: 0px 20px; border: 0px; font: inherit; vertical-align: baseline; quotes: none; position: relative; box-sizing: border-box;\">\r\n            <div class=\"se-module se-module-text se-quote\" style=\"margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;\">\r\n               <p class=\"se-text-paragraph se-text-paragraph-align- \" id=\"SE-00318bdb-f357-4492-9313-213bd6a8bf8f\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-   \" id=\"SE-c753fe62-1014-4a93-bc11-b1f73a2a8125\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">idx : 인덱스 넘버라 하여 게시판 글의 번호입니다. type(종류)는 int로 숫자를 받고 PRIMARY로 기본키를 가지는데 기본키는 </span></p>\r\n               <p class=\"se-text-paragraph se-text-paragraph-align- \" id=\"SE-585b773f-d7ca-42fd-b707-8ee030189260\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-   \" id=\"SE-5f3e4ab2-426f-4c29-a071-54e4d561989c\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">데이터베이스 테이블에서 각각의 자료들을 구분할 수 있는 값이어야합니다.  A_I(Auto increment)설정으로 DB에 데이터가 입력되면 자동으로 1씩 늘어나게 합니다. </span></p>\r\n               <p class=\"se-text-paragraph se-text-paragraph-align- \" id=\"SE-c9360b3f-a452-497f-9987-1eec84ac02fa\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-   \" id=\"SE-c680b8d0-1750-481e-808a-db316a1c5758\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">name : 글쓴이를 말하며, 종류는 varchar입니다. title과 같다고 보시면되고, 비회원글쓰기와 회원글쓰기를 할 때 해당 아이디를 입력받는 컬럼입니다.</span></p>\r\n               <p class=\"se-text-paragraph se-text-paragraph-align- \" id=\"SE-4f151159-4dd2-48db-902f-deedcf089e6f\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-   \" id=\"SE-48dc5d6a-d40a-4035-87aa-6a87e54b5a06\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">pw : 글의 비밀번호입니다. 종류는 varchar을 사용하며 길이를 입력하는데 100을 입력합니다.</span></p>\r\n               <p class=\"se-text-paragraph se-text-paragraph-align- \" id=\"SE-4243e92e-e276-4244-95b6-a4d06cc21b13\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-   \" id=\"SE-8b77f3aa-d0f2-401c-be47-bffe6b7df662\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">title: 글 제목을 나타내며 종류는 varchar을 사용합니다.</span></p>\r\n               <p class=\"se-text-paragraph se-text-paragraph-align- \" id=\"SE-c53ee6c5-cdba-4c66-b144-b0b7972be19d\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-   \" id=\"SE-eba044dc-c1f3-4cc4-9f12-5c7f564de5b2\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">content : 글 내용을 나타내며 종류는 TEXT입니다. 글 내용은 무한정 쓰기 때문에 varchar을 하게되면 문자길이를 지정하기 어렵기 때문에 TEXT로 하게되면 html태그의 &lt;textarea&gt;&lt;/textarea&gt;와 같은 역할을 하는 기능입니다.</span></p>\r\n               <p class=\"se-text-paragraph se-text-paragraph-align- \" id=\"SE-a7e3e770-5320-46d6-aaec-6053f483d345\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-   \" id=\"SE-74b3d4c9-56a6-4e1f-832c-cb294fe1fd90\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">date : 날짜를 입력받으며 종류는 date로 지정합니다.</span></p>\r\n               <p class=\"se-text-paragraph se-text-paragraph-align- \" id=\"SE-6f597660-92e6-4b29-ade9-85a6dbd5d9e6\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-   \" id=\"SE-7e19bf5f-7536-4aa1-8338-bde6864edf0c\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">hit : 조회수를 말하며 정류는 int를 주며 이고 A_I와 인덱스값은 주지 않습니다. hit는 게시판 글을 클릭할 때 1씩 카운트되기 때문이며 초기에는 값이 0이어야 하기 때문입니다.</span></p>\r\n               <p class=\"se-text-paragraph se-text-paragraph-align- \" id=\"SE-789b9430-deff-4f23-8466-1ddc8b702d14\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-   \" id=\"SE-700b1fc3-6a73-46d6-9289-c134c28f4b06\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\"></span></p>\r\n               <p class=\"se-text-paragraph se-text-paragraph-align- \" id=\"SE-7b5cec0a-a886-49e5-b3e1-c61f51c66450\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-   \" id=\"SE-685d4023-69fa-489c-8a36-94b5180407ec\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">------------------------------------------------------------------------------------------</span></p>\r\n               <p class=\"se-text-paragraph se-text-paragraph-align- \" id=\"SE-f1220d58-8fff-4347-90b3-64ef6d792924\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-   \" id=\"SE-b69338cf-f099-4533-8f2f-6881725c2273\" style=\"margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;\">SQL문</span></p>\r\n               <p class=\"se-text-paragraph se-text-paragraph-align- \" id=\"SE-77b67d41-79f4-4110-abf0-2542826c282e\" style=\"padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap;\"><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-a58a8803-9fd0-4a3e-a411-319b6a169cd5\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #235a81;\"><u style=\"text-decoration-skip-ink: none; background-color: inherit; font-family: inherit;\">CREATE</u></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-da68af1f-88e2-459b-a33c-ecc16211b8f7\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-7208da3c-8513-4c75-a044-6777379ce0ec\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #235a81;\"><u style=\"text-decoration-skip-ink: none; background-color: inherit; font-family: inherit;\">TABLE</u></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-b1bfbfac-3f73-4f34-ad60-bd560a8edc3b\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-183ef7b3-be57-4667-aeb4-867451a5af5d\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #0055aa;\">`board`</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-d8349a1b-800f-4950-b938-b60dcd2f25e6\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-622c1b2b-0ad7-4b57-bc80-8afcc58d6fde\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #999977;\">(</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-8fcbf02c-af27-4c62-89b6-87d3d9545d8a\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-1a9d6c35-a082-4d1d-bf3b-a89fae623d94\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #0055aa;\">`idx`</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-c93f92a0-087f-4a85-a3bb-ee27465f136c\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-b38d09fe-e364-4de3-a7fd-3a5b686409f3\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #235a81;\"><u style=\"text-decoration-skip-ink: none; background-color: inherit; font-family: inherit;\">INT</u></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-03181de2-06ff-48f0-bd67-ddc4d21f65c2\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-4e30fe41-0622-4f2f-9825-ed8b8ef4f140\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #235a81;\"><u style=\"text-decoration-skip-ink: none; background-color: inherit; font-family: inherit;\">NOT</u></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-ebc2256f-c811-45c7-aa3d-d48aab657d07\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-cd856d89-cf84-47f5-b3c0-d5ca88ef73be\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #221199;\">NULL</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-2639b5ab-23ba-446e-995d-7a07778eebb9\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-58fee8ca-65e6-4fef-8d31-df4b8ad43397\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #770088;\">AUTO_INCREMENT</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-da836abc-6e4d-4ecb-81dc-b17eb726c705\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"> , </span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-965f8325-7a6c-46c8-8e8c-74d0083336fd\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #0055aa;\">`name`</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-a43815f0-dac2-4e8a-a842-3df4ad274c51\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-8975a2fe-c70c-4eca-9cb5-405160a102ee\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #235a81;\"><u style=\"text-decoration-skip-ink: none; background-color: inherit; font-family: inherit;\">VARCHAR</u></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-bd79c7e6-44e2-45e6-84ed-6d3771b39b32\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #999977;\">(</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-356de9fd-c7e5-4389-8fc0-34cf44f491fe\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #116644;\">100</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-72f4afdf-189c-4cfb-9620-e1bac091fcd9\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #999977;\">)</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-e5d3406e-18a0-4332-9b86-34f43e8daaa8\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-4613a6a8-f67e-44b3-b955-b1febc1ceb36\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #235a81;\"><u style=\"text-decoration-skip-ink: none; background-color: inherit; font-family: inherit;\">NOT</u></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-7360b1da-ea59-4241-881d-7c96057115a9\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-68ea0950-0c7e-49e5-ab7f-328b222d2679\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #221199;\">NULL</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-bab20f4f-9260-41ce-ab69-c054cbc2ee73\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"> , </span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-31e84f0d-e184-4e38-9512-825e79e59033\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #0055aa;\">`pw`</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-20daa7d8-4bfe-4c39-8517-c46a33d2cf2a\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-42dde41b-f6be-4f16-aea4-a01a9e8d088f\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #235a81;\"><u style=\"text-decoration-skip-ink: none; background-color: inherit; font-family: inherit;\">VARCHAR</u></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-8e3c2a1a-183e-4a62-8fba-1346bfd1146a\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #999977;\">(</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-8c0d0bb2-db0b-4727-9eba-04aae4479f0f\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #116644;\">100</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-f08cd880-eb48-4a3b-9139-c1ce191174bc\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #999977;\">)</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-90dfe42f-cf90-4654-b843-96d9d25b38a7\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-ab20029c-0339-4fe9-b5de-f4cdc6a26a39\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #235a81;\"><u style=\"text-decoration-skip-ink: none; background-color: inherit; font-family: inherit;\">NOT</u></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-fd419f47-f2b4-478e-87ab-6872a6536013\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-9b286b24-8a25-4698-b758-396930aa55e6\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #221199;\">NULL</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-5f3559be-30d5-4759-b896-601d48f809b5\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"> , </span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-dc047476-b8c8-453b-9fcd-f93b66d26731\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #0055aa;\">`title`</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-d88a7369-bf97-41fb-af65-45f7f41246d2\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-a52b9e65-8f64-4c7b-94c7-4800f96415aa\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #235a81;\"><u style=\"text-decoration-skip-ink: none; background-color: inherit; font-family: inherit;\">VARCHAR</u></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-0accf6d4-5601-4e86-9676-3af0ede17744\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #999977;\">(</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-210de1c6-c29e-4900-8a27-76fce2e10fad\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #116644;\">100</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-c54f7cd7-5e48-423a-a5bb-aa3f2770b02a\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #999977;\">)</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-93a220c8-1d59-4cc3-bd13-71aeee22a2cb\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-9d5f6047-eac8-4ce5-95d1-ba1fa4ee960e\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #235a81;\"><u style=\"text-decoration-skip-ink: none; background-color: inherit; font-family: inherit;\">NOT</u></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-8407e9b4-6ae8-4c4e-ba57-96a54d3efb93\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-d94dbcbf-f754-4ce2-8966-012b5d5192a3\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #221199;\">NULL</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-dce60390-57dd-4bf8-a795-bea46dac8e05\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"> , </span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-b83d6bbd-9608-4939-a2c6-0ca20f66bdbe\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #0055aa;\">`content`</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-4078b6c7-46ca-4dde-8a09-b04d38f34151\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-66c1c612-912f-48f1-9be2-ce53b708d554\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #235a81;\"><u style=\"text-decoration-skip-ink: none; background-color: inherit; font-family: inherit;\">TEXT</u></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-54eb23a8-6da4-4ef8-9cd8-186bff9fdbdf\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-86aab655-07b2-4d86-b7b8-a422801f6692\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #235a81;\"><u style=\"text-decoration-skip-ink: none; background-color: inherit; font-family: inherit;\">NOT</u></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-7dc53f16-a027-46ce-bf7b-137087a9f1f0\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-b7b409b1-5f76-46a5-991e-03be44a97a2a\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #221199;\">NULL</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-3b65b8de-81f7-4fa6-8b85-bda3b217e69b\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"> , </span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-bb2472d6-ede5-419a-a071-a699030a1efc\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #0055aa;\">`date`</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-5d6babdc-8c1e-4248-89f0-7141fa8bd5c5\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-d4626aa8-1870-4766-b297-aa003a0d1354\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #235a81;\"><u style=\"text-decoration-skip-ink: none; background-color: inherit; font-family: inherit;\">DATE</u></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-2fb09059-cccc-4c52-ac33-f0bdcc041048\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-be1c6277-6de7-4dd9-86a2-f8981fad2173\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #235a81;\"><u style=\"text-decoration-skip-ink: none; background-color: inherit; font-family: inherit;\">NOT</u></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-7cc7992b-8433-4216-91f2-49cd9341edfd\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-7b4a4651-cff7-4a28-a7c2-2a6b2ce7f20b\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #221199;\">NULL</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-1862323b-064c-4e3e-88a6-842ebb8d27c9\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"> , </span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-b5d04918-c70b-4332-98f9-bb0233802f01\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #0055aa;\">`hit`</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-e419566d-3b61-4540-880d-c746463e97e7\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-87916d24-96f0-4f2a-9623-75fb09a9acf9\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #235a81;\"><u style=\"text-decoration-skip-ink: none; background-color: inherit; font-family: inherit;\">INT</u></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-5f1b7eb9-3732-42b0-86f7-2c4bb959c8ea\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-97eff75e-fb60-4182-af27-19bae8f5e899\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #235a81;\"><u style=\"text-decoration-skip-ink: none; background-color: inherit; font-family: inherit;\">NOT</u></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-b7b25d04-3ef5-43e4-9cb8-9ed893cc9f88\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"></span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-d88c5354-47a9-4f63-9d0a-861dfc8adeb6\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #221199;\">NULL</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-133bf824-6c7c-4806-bd67-48e8e1d7ac28\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #222222;\"> , </span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-d9832971-d6be-4110-8852-0e0d998ecec6\" style=\"margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline; color: #770088;\">PRIMARY</span><span class=\"se-fs-fs16 se-ff-  se-style-unset \" id=\"SE-12e5b4c','https://blog.naver.com/bgpoilkj/220708456525','',3,0,5,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2022-02-20 13:21:30',0,'2022-02-20 13:21:30','112.222.138.204','','','','','','','','','','','',''),(51,-46,'',51,0,0,'','','html1','알리익스프레스 PelcoD 펜틸드 드라이브','<p style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; font-size: 14px; line-height: inherit; padding: 0px; font-family: &quot;Open Sans&quot;, Roboto, Arial, Helvetica, sans-serif, SimSun; background-color: #ffffff; text-align: center;\"><span data-spm-anchor-id=\"a2g0o.detail.1000023.i3.534a6010Fsa47X\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 24px;\">PTZ Bracket Electrical Rotating Pan Tilt installation Vertical Rotating RS485 Horizontal Rotating stand holder for CCTV Camera</span></p>\r\n<p style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; font-size: 14px; line-height: inherit; padding: 0px; font-family: &quot;Open Sans&quot;, Roboto, Arial, Helvetica, sans-serif, SimSun; background-color: #ffffff;\">&nbsp;</p>\r\n<p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px; font-family: Arial; background-color: #ffffff;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; font-weight: 700 !important;\">Description:</span></span></p>\r\n<p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px; font-family: Arial; background-color: #ffffff;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">This rotate stand is a good solution for cctv camera to make it to be with rotate function. You can easily upgrade the high-definition camera to up and down and left and right can be rotated without wiring. Especially customized high quality and durable motor. Work stable and have long work life.</span></p>\r\n<p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px; font-family: Arial; background-color: #ffffff;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">&nbsp;</span></p>\r\n<p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px; font-family: Arial; background-color: #ffffff;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; font-weight: 700 !important;\">Features:</span></span></p>\r\n<ul style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; list-style-position: initial; list-style-image: initial; margin-block-start: 1em; font-family: Arial; background-color: #ffffff;\">\r\n   <li data-spm-anchor-id=\"a2g0o.detail.1000023.i0.534a6010Fsa47X\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">255° Horizontal rotate. Left and right as well as up and down stop positions can be freely adjustable. The rotating bracket with remote control that you choose has omnibearing rotate. And the RS485 wire control also support. The RS485 wire control (horizontal rotation) only support left and right.</span></li>\r\n   <li style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px;\"><span data-spm-anchor-id=\"a2g0o.detail.1000023.i1.534a6010Fsa47X\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">With infrared remote control type can support the remote control to achieve rotation, left and right limit scanning, guard bit, preset position, cruise, speed settings, initialization and other functions.(If you choose the stand with remote control)</span></li>\r\n   <li style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">60° Vertical tilt. Up and down moving, 9 degree per second.</span></li>\r\n   <li style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Compatible with most available cameras in market. Easy to install.</span></li>\r\n   <li style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Built-in Intelligent decoder, intelligent preset position, intelligent scan function.</span></li>\r\n   <li style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Waterproof design, dust-proof and high temperature resistance, industrial level plastic material.</span></li>\r\n   <li style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Can be easily connected to HD camera\'s R-S485 and DC 12V output.</span></li>\r\n   <li style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Easy to make fixed HD camera to be with rotate function, but no need extra wiring.</span></li>\r\n   <li style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Ultra-low power consumption, no need to increase power supply, can share a power supply with camera.</span></li>\r\n   <li style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Support to set the preset bit command to change the baud rate.</span></li>\r\n   </ul>\r\n<p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px; font-family: Arial; background-color: #ffffff;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">&nbsp;</span></p>\r\n<p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px; font-family: Arial; background-color: #ffffff;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; font-weight: 700 !important;\">Specifications:</span></span></p>\r\n<table class=\"MsoTableGrid\" cellspacing=\"0\" cellpadding=\"0\" border=\"1\" style=\"-webkit-tap-highlight-color: transparent; outline: 0px; color: #000000; font-size: 14px; border-width: initial; border-style: none; border-color: initial; font-family: Arial; background-color: #ffffff;\">\r\n   <tbody style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td colspan=\"2\" valign=\"top\" width=\"568\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext; background: rgb(146, 208, 80);\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Remote control omnibearing:</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Product load</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">1500g</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Support Agreement</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">PELCO-D</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Baud rate</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">2400</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Address range</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">1-200</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Control method</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">RS485</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Power supply</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">DC12V 2~1.5A</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Working temperature</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">-30°C~55°C</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td colspan=\"2\" valign=\"top\" width=\"568\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext; background: rgb(146, 208, 80);\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">RS485 Wire control:</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Horizontal rotation angle</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">255 degrees</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Rotational speed</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">horizontal speed 6 degrees, 12 degrees, 20 degrees</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Vertical rotation angle</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">60 degrees</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Vertical rotation speed</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">9 degrees/second</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Limit</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">left and right electronic limit, can be set arbitrarily</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Limit automatic scan</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Yes, three speed adjustable</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Preposition</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Yes, 8 presets</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Preset cruising</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Yes, 1 preset cruise line, 3 level of rotate speed</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Watch bit function</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Yes</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Manually reset function:</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Yes</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Address Code</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">128 Soft Address Codes</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Control method</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">RS485</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Interface</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">DC Power Supply + RS485</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Power supply</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">DC 12V±5% / 100mA</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Power consumption</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">0.9W</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">Working environment</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">-25 °C -55 °C, humidity less than 95% (non-condensing)</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">RS485 Wire Cntrol omnibearing length</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">195mm</span></p>\r\n            </td>\r\n         </tr>\r\n      <tr style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\">\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">RS485 (Horizontal rotation ) length</span></p>\r\n            </td>\r\n         <td valign=\"top\" width=\"284\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 1pt; border-style: solid; border-color: windowtext;\">\r\n            <p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">170mm</span></p>\r\n            </td>\r\n         </tr>\r\n      </tbody>\r\n   </table>\r\n<p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px; font-family: Arial; background-color: #ffffff;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">&nbsp;</span></p>\r\n<p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px; font-family: Arial; background-color: #ffffff;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; font-weight: 700 !important;\">Package List:</span></span></p>\r\n<p class=\"MsoNormal\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px; font-family: Arial; background-color: #ffffff;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: 16px;\">1 * Rotating Bracket Pan for CCTV Camera (Based on what you choose)<br style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\" /></span></p>\r\n<p><br style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; font-family: &quot;Open Sans&quot;, Roboto, Arial, Helvetica, sans-serif, SimSun; font-size: 14px; background-color: #ffffff;\" /></p>\r\n<p style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; line-height: inherit; padding: 0px; font-family: Arial; background-color: #ffffff;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: medium; font-weight: bold;\">Note:</span></p>\r\n<div style=\"box-sizing: content-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; font-family: Arial; background-color: #ffffff;\"><span style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; padding: 0px; max-width: 100%; word-break: break-word; font-size: medium;\">Please note that the new type and old type of this product will be sent randomly, and make sure you will not mind before ordering.</span></div>\r\n<p style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; font-size: 14px; line-height: inherit; padding: 0px; font-family: &quot;Open Sans&quot;, Roboto, Arial, Helvetica, sans-serif, SimSun; background-color: #ffffff;\"><br style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\" /></p>\r\n<p style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; font-size: 14px; line-height: inherit; padding: 0px; font-family: &quot;Open Sans&quot;, Roboto, Arial, Helvetica, sans-serif, SimSun; background-color: #ffffff;\"><br style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px;\" /></p>\r\n<p style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; font-size: 14px; line-height: inherit; padding: 0px; font-family: &quot;Open Sans&quot;, Roboto, Arial, Helvetica, sans-serif, SimSun; background-color: #ffffff;\"><img alt=\"XD03578-02-4\" src=\"https://ae01.alicdn.com/kf/HTB1VF0mmH9YBuNjy0Fgq6AxcXXaC.jpg\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; vertical-align: middle; border: 0px; margin: 0px; padding: 0px; max-width: 100%;\" /></p>','https://www.aliexpress.com/item/32963119968.html?spm=a2g0o.order_list.0.0.21ef1802t7O486','',1,0,2,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2022-03-10 12:55:39',1,'2022-03-10 12:55:39','112.222.138.204','','','','','','','','','','','',''),(52,-47,'',52,0,0,'','','html1','아두이노 프로세싱 강좌 블로그','<p>https://rasino.tistory.com/9?category=987537</p>','https://rasino.tistory.com/9?category=987537','',1,0,2,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2022-03-29 22:37:12',0,'2022-03-29 22:37:12','192.168.219.101','','','','','','','','','','','',''),(53,-48,'',53,0,0,'','','html1','Control an IP camera with Arduino','<h1 itemprop=\"headline\" style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; overflow-wrap: break-word; margin: 16px 0px 10px; font-size: 30px; font-family: Raleway, serif; font-weight: bold; line-height: normal; color: #3a3a3a; padding: 15px 0px 0px; transition: all 0.25s ease 0s; cursor: default;\"><font style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; vertical-align: inherit;\"><font style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; vertical-align: inherit;\">Arduino로 IP 카메라 제어</font></font></h1>\r\n<div class=\"post-meta-data sh-columns\" style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; border-bottom: 1px solid rgb(229, 229, 229); padding-bottom: 20px; margin-bottom: 20px; font-size: 12px !important; color: #000000; font-family: Verdana; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\">\r\n   <div class=\"post-meta post-meta-one\" style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; float: left; margin-bottom: 0px;\"><span class=\"post-meta-author\" style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px;\"><font style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; vertical-align: inherit;\"><font style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; vertical-align: inherit;\">알렉산드로<span>&nbsp;</span></font></font><a href=\"https://www.alessandroscola.com/en/author/alessandro-scola\" class=\"bypostauthor\" itemprop=\"url\" rel=\"author\" style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; background-color: transparent; color: #000000 !important; text-decoration: none; overflow-wrap: break-word; transition: all 0.3s ease-in-out 0s; font-weight: normal;\" target=\"_blank\"><font style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; vertical-align: inherit;\"><font style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; vertical-align: inherit;\">스콜라<span>&nbsp;</span></font></font></a></span><time class=\"updated semantic\" itemprop=\"dateModified\" datetime=\"2022-05-21T13:17:50+00:00\" style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px;\"></time><a href=\"https://www.alessandroscola.com/en/coding/control-an-ip-camera-with-arduino.html\" class=\"post-meta-date sh-default-color\" style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; background-color: transparent; color: #000000 !important; text-decoration: none; overflow-wrap: break-word; padding-left: 13px;\" target=\"_blank\"><font style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; vertical-align: inherit;\"><font style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; vertical-align: inherit;\">2021년 12월 31일</font></font></a></div>\r\n   <div class=\"post-meta post-meta-two\" style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; float: right; border-top: 0px; padding-top: 0px;\">\r\n      <div class=\"sh-columns post-meta-comments\" style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; padding-left: 15px;\"><span class=\"post-meta-categories\" style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; float: left; padding-left: 0px;\"><a href=\"https://www.alessandroscola.com/en/coding\" rel=\"category tag\" style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; background-color: transparent; color: #000000 !important; text-decoration: none; overflow-wrap: break-word; transition: all 0.3s ease-in-out 0s; font-size: 12px !important; text-transform: uppercase;\" target=\"_blank\"><font style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; vertical-align: inherit;\"><font style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; vertical-align: inherit;\">코딩</font></font></a></span>\r\n         <div style=\"box-sizing: border-box; -webkit-text-stroke-width: 0.3px; float: right;\">&nbsp;</div>\r\n         </div>\r\n      </div>\r\n   </div>\r\n<p><a class=\"post-title\" style=\"box-sizing: border-box; background-color: #ffffff; color: #294cff; overflow-wrap: break-word; font-family: Verdana; font-size: 14px;\"></a><span style=\"font-family: Verdana; font-size: 14px; background-color: #ffffff;\"></span></p>\r\n<div class=\"post-content\" itemprop=\"text\" style=\"box-sizing: border-box; padding-bottom: 15px; word-break: break-word; font-family: Verdana; font-size: 14px; background-color: #ffffff; height: auto !important;\">\r\n   <div style=\"box-sizing: border-box; clear: both;\">&nbsp;</div>\r\n   <div class=\"the_champ_sharing_container the_champ_horizontal_sharing\" data-super-socializer-href=\"https://www.alessandroscola.com/en/coding/control-an-ip-camera-with-arduino.html\" style=\"box-sizing: border-box;\">\r\n      <div class=\"the_champ_sharing_title\" style=\"box-sizing: border-box; font-weight: bold;\">&nbsp;</div>\r\n      <div class=\"the_champ_sharing_ul\" style=\"box-sizing: border-box;\"><a class=\"the_champ_facebook\" href=\"https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.alessandroscola.com%2Fen%2Fcoding%2Fcontrol-an-ip-camera-with-arduino.html\" title=\"페이스북\" rel=\"nofollow noopener\" target=\"_blank\" style=\"box-sizing: border-box; color: #294cff; text-decoration-line: none; overflow-wrap: break-word; padding: 0px; box-shadow: none; border: none; margin: 2px; float: left; list-style: none; clear: none; display: inline-block; vertical-align: middle; background: transparent !important; font-size: 24px !important;\"><span class=\"the_champ_svg\" style=\"box-sizing: content-box; color: #ffffff; border-width: 0px; border-style: solid; border-color: transparent; background-color: #3c589a; width: 35px; height: 35px; border-radius: 999px; opacity: 1; float: left; box-shadow: none; display: inline-block; font-size: 16px; vertical-align: middle; background-repeat: repeat; overflow: hidden; padding: 0px; cursor: pointer;\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"-5 -5 42 42\"><path d=\"M17.78 27.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99 2.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123 0-5.26 1.905-5.26 5.405v3.016h-3.53v4.09h3.53V27.5h4.223z\" fill=\"#fff\"></path></svg></span></a><a class=\"the_champ_button_twitter\" href=\"https://twitter.com/intent/tweet?text=Control%20an%20IP%20camera%20with%20Arduino&amp;url=https%3A%2F%2Fwww.alessandroscola.com%2Fen%2Fcoding%2Fcontrol-an-ip-camera-with-arduino.html\" title=\"트위터\" rel=\"nofollow noopener\" target=\"_blank\" style=\"box-sizing: border-box; color: #294cff; text-decoration-line: none; overflow-wrap: break-word; padding: 0px; box-shadow: none; border: none; margin: 2px; float: left; list-style: none; clear: none; display: inline-block; vertical-align: middle; background: transparent !important; font-size: 24px !important;\"><span class=\"the_champ_svg the_champ_s__default the_champ_s_twitter\" style=\"box-sizing: content-box; color: #ffffff; border-width: 0px; border-style: solid; border-color: transparent; background-color: #55acee; width: 35px; height: 35px; border-radius: 999px; opacity: 1; float: left; box-shadow: none; display: inline-block; font-size: 16px; vertical-align: middle; background-repeat: repeat; overflow: hidden; padding: 0px; cursor: pointer;\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"-4 -4 39 39\"><path d=\"M28 8.557a9.913 9.913 0 0 1-2.828.775 4.93 4.93 0 0 0 2.166-2.725 9.738 9.738 0 0 1-3.13 1.194 4.92 4.92 0 0 0-3.593-1.55 4.924 4.924 0 0 0-4.794 6.049c-4.09-.21-7.72-2.17-10.15-5.15a4.942 4.942 0 0 0-.665 2.477c0 1.71.87 3.214 2.19 4.1a4.968 4.968 0 0 1-2.23-.616v.06c0 2.39 1.7 4.38 3.952 4.83-.414.115-.85.174-1.297.174-.318 0-.626-.03-.928-.086a4.935 4.935 0 0 0 4.6 3.42 9.893 9.893 0 0 1-6.114 2.107c-.398 0-.79-.023-1.175-.068a13.953 13.953 0 0 0 7.55 2.213c9.056 0 14.01-7.507 14.01-14.013 0-.213-.005-.426-.015-.637.96-.695 1.795-1.56 2.455-2.55z\" fill=\"#fff\"></path></svg></span></a><a class=\"the_champ_button_linkedin\" href=\"https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Fwww.alessandroscola.com%2Fen%2Fcoding%2Fcontrol-an-ip-camera-with-arduino.html&amp;title=Control%20an%20IP%20camera%20with%20Arduino\" title=\"링크드인\" rel=\"nofollow noopener\" target=\"_blank\" style=\"box-sizing: border-box; color: #294cff; text-decoration-line: none; overflow-wrap: break-word; padding: 0px; box-shadow: none; border: none; margin: 2px; float: left; list-style: none; clear: none; display: inline-block; vertical-align: middle; background: transparent !important; font-size: 24px !important;\"><span class=\"the_champ_svg the_champ_s__default the_champ_s_linkedin\" style=\"box-sizing: content-box; color: #ffffff; border-width: 0px; border-style: solid; border-color: transparent; background-color: #0077b5; width: 35px; height: 35px; border-radius: 999px; opacity: 1; float: left; box-shadow: none; display: inline-block; font-size: 16px; vertical-align: middle; background-repeat: repeat; overflow: hidden; padding: 0px; cursor: pointer;\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\"><path d=\"M6.227 12.61h4.19v13.48h-4.19V12.61zm2.095-6.7a2.43 2.43 0 0 1 0 4.86c-1.344 0-2.428-1.09-2.428-2.43s1.084-2.43 2.428-2.43m4.72 6.7h4.02v1.84h.058c.56-1.058 1.927-2.176 3.965-2.176 4.238 0 5.02 2.792 5.02 6.42v7.395h-4.183v-6.56c0-1.564-.03-3.574-2.178-3.574-2.18 0-2.514 1.7-2.514 3.46v6.668h-4.187V12.61z\" fill=\"#fff\"></path></svg></span></a><a class=\"the_champ_whatsapp\" href=\"https://api.whatsapp.com/send?text=Control%20an%20IP%20camera%20with%20Arduino%20https%3A%2F%2Fwww.alessandroscola.com%2Fen%2Fcoding%2Fcontrol-an-ip-camera-with-arduino.html\" title=\"왓츠앱\" rel=\"nofollow noopener\" target=\"_blank\" style=\"box-sizing: border-box; color: #294cff; text-decoration-line: none; overflow-wrap: break-word; padding: 0px; box-shadow: none; border: none; margin: 2px; float: left; list-style: none; clear: none; display: inline-block; vertical-align: middle; background: transparent !important; font-size: 24px !important;\"><span class=\"the_champ_svg\" style=\"box-sizing: content-box; color: #ffffff; border-width: 0px; border-style: solid; border-color: transparent; background-color: #55eb4c; width: 35px; height: 35px; border-radius: 999px; opacity: 1; float: left; box-shadow: none; display: inline-block; font-size: 16px; vertical-align: middle; background-repeat: repeat; overflow: hidden; padding: 0px; cursor: pointer;\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"-6 -5 40 40\"><path class=\"the_champ_svg_stroke the_champ_no_fill\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\" d=\"M 11.579798566743314 24.396926207859085 A 10 10 0 1 0 6.808479557110079 20.73576436351046\"></path><path d=\"M 7 19 l -1 6 l 6 -1\" class=\"the_champ_no_fill the_champ_svg_stroke\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\"></path><path d=\"M 10 10 q -1 8 8 11 c 5 -1 0 -6 -1 -3 q -4 -3 -5 -5 c 4 -2 -1 -5 -1 -4\" fill=\"#fff\"></path></svg></span></a><a class=\"the_champ_more\" title=\"더\" rel=\"nofollow noopener\" href=\"https://www.alessandroscola.com/en/coding/control-an-ip-camera-with-arduino.html\" style=\"box-sizing: border-box; color: #294cff; text-decoration-line: none; overflow-wrap: break-word; padding: 0px 4px; box-shadow: none; border: 0px; margin: 2px; float: left; list-style: none; clear: none; vertical-align: middle; background: transparent !important; font-size: 24px !important; display: inline-block !important;\" target=\"_blank\"><span class=\"the_champ_svg\" style=\"box-sizing: content-box; color: #ffffff; border-width: 0px; border-style: solid; border-color: transparent; background-color: #ee8e2d; width: 35px; height: 35px; border-radius: 999px; opacity: 1; float: left; box-shadow: none; vertical-align: middle; background-repeat: repeat; overflow: hidden; padding: 0px; cursor: pointer; display: inline-block !important; font-size: 32px !important;\"><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"-.3 0 32 32\" version=\"1.1\" width=\"100%\" height=\"100%\" style=\"display:block;border-radius:999px;\" xml:space=\"preserve\"><g><path fill=\"#fff\" d=\"M18 14V8h-4v6H8v4h6v6h4v-6h6v-4h-6z\" fill-rule=\"evenodd\"></path></g></svg></span></a></div>\r\n      </div>\r\n   <div style=\"box-sizing: border-box; clear: both;\">&nbsp;</div>\r\n   <br style=\"box-sizing: border-box;\" />\r\n   <h2 id=\"how-to-control-a-motorized-ip-camera-with-arduino-to-take-pictures-from-different-locations-and-post-them-online-as-if-they-came-from-different-webcams-i-ll-explain-how-to-do-it\" style=\"box-sizing: border-box; overflow-wrap: break-word; font-family: Raleway, serif; color: #3a3a3a; margin: 0px 0px 20px; font-size: 30px; padding: 15px 0px 0px; transition: all 0.3s ease-in-out 0s; cursor: default; line-height: normal !important;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">Arduino로 전동 IP 카메라를 제어하여 다른 위치에서 사진을 찍고 다른 웹캠에서 온 것처럼 온라인에 게시하는 방법은 무엇입니까?&nbsp;</font><font style=\"box-sizing: border-box; vertical-align: inherit;\">하는 방법을 설명하겠습니다.</font></font></h2>\r\n   <p style=\"box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 15px; line-height: 1.8;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\"></font><span style=\"box-sizing: border-box; font-weight: 700;\">이 기사에서는 이더넷 모듈이 있는 유명한 Arduino 마이크로컨트롤러</span><font style=\"box-sizing: border-box; vertical-align: inherit;\">&nbsp;와&nbsp;</font><span style=\"box-sizing: border-box; font-weight: 700;\">Apexis&nbsp;</span><span style=\"box-sizing: border-box; font-weight: 700;\">APM-J902-Z-WS</span><font style=\"box-sizing: border-box; vertical-align: inherit;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">&nbsp;PTZ 전동 카메라&nbsp;</font><font style=\"box-sizing: border-box; vertical-align: inherit;\">를 사용하여 웹캠 제어 시스템을 만든 방법을 설명합니다 .</font></font></p>\r\n   <h3 id=\"ingrediants\" style=\"box-sizing: border-box; overflow-wrap: break-word; font-family: Raleway, serif; color: #3a3a3a; margin: 0px 0px 20px; font-size: 21px; padding: 0px; transition: all 0.3s ease-in-out 0s; line-height: normal !important;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">성분:</font></h3>\r\n   <ul style=\"box-sizing: border-box; overflow-wrap: break-word; margin-top: 0px; margin-bottom: 10px;\">\r\n      <li style=\"box-sizing: border-box;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">파노라마 위치</font></li>\r\n      <li style=\"box-sizing: border-box;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\"></font><span style=\"box-sizing: border-box; font-weight: 700;\">Arduino</span><font style=\"box-sizing: border-box; vertical-align: inherit;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">&nbsp;마이크로 컨트롤러 개인적으로&nbsp;</font><span style=\"box-sizing: border-box; font-weight: 700;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">Arduino Mega</font></span><font style=\"box-sizing: border-box; vertical-align: inherit;\">&nbsp;를 추천 합니다.</font></font><span style=\"box-sizing: border-box; font-weight: 700;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\"></font></span></li>\r\n      <li style=\"box-sizing: border-box;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">Arduino&nbsp;</font><span style=\"box-sizing: border-box; font-weight: 700;\">이더넷 쉴드</span><font style=\"box-sizing: border-box; vertical-align: inherit;\">&nbsp;이더넷 모듈</font></li>\r\n      <li style=\"box-sizing: border-box;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">마이크로 SD</font></li>\r\n      <li style=\"box-sizing: border-box;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">전동 웹캠</font></li>\r\n      <li style=\"box-sizing: border-box;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\"><span style=\"box-sizing: border-box; font-weight: 700;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">Arduino Arduino IDE</font></span><font style=\"box-sizing: border-box; vertical-align: inherit;\">&nbsp;용 개발 도구가 있는 PC</font></font><span style=\"box-sizing: border-box; font-weight: 700;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\"></font></span></li>\r\n      <li style=\"box-sizing: border-box;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">아두이노 보드와 통신하기 위한 USB 케이블</font></li>\r\n      <li style=\"box-sizing: border-box;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">인터넷 연결</font></li>\r\n      </ul>\r\n   <h2 id=\"the-goal-multiple-webcams-in-one\" style=\"box-sizing: border-box; overflow-wrap: break-word; font-family: Raleway, serif; color: #3a3a3a; margin: 0px 0px 20px; font-size: 30px; padding: 15px 0px 0px; transition: all 0.3s ease-in-out 0s; cursor: default; line-height: normal !important;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">목표: 여러 웹캠을 하나로</font></h2>\r\n   <p style=\"box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 15px; line-height: 1.8;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">매우 넓은 파노라마 위치에 테라스를 배치하는 것은 단일 지점을 프레이밍하는 것은 정말 낭비였습니다.&nbsp;</font><font style=\"box-sizing: border-box; vertical-align: inherit;\">나는 스스로에게 이렇게 말했습니다. 전동 웹캠의 모션 기능을 활용하여 다양한 각도에서 사진을 찍은 다음 물리적으로 다른 장소에 배치된 웹캠인 것처럼 각 사진을 웹캠 사이트에 게시하는 것은 어떻습니까?</font></font></p>\r\n   <p style=\"box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 15px; line-height: 1.8;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">이렇게 하려면 웹캠 소프트웨어가 충분하지 않았습니다.&nbsp;</font><font style=\"box-sizing: border-box; vertical-align: inherit;\">아두이노를 사용한다는 아이디어는 나에게 가장 단순한 것 같았습니다. 저렴하고 재미있었습니다!</font></font></p>\r\n   <p style=\"box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 15px; line-height: 1.8;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">이제 어떻게 했는지 설명하겠습니다.</font></p>\r\n   <h2 id=\"factual-status-analysis-what-can-the-webcam-do-on-its-own\" style=\"box-sizing: border-box; overflow-wrap: break-word; font-family: Raleway, serif; color: #3a3a3a; margin: 0px 0px 20px; font-size: 30px; padding: 15px 0px 0px; transition: all 0.3s ease-in-out 0s; cursor: default; line-height: normal !important;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">사실 상태 분석: 웹캠이 자체적으로 무엇을 할 수 있습니까?</font></h2>\r\n   <figure class=\"wp-block-image\" style=\"box-sizing: border-box; margin: 0px 0px 1em; max-width: 100%;\"><a href=\"https://www.alessandroscola.com/wp-content/uploads/2018/03/webcam-Apexis-APM-J902-Z-WS.jpg\" rel=\"lightbox-0\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\" class=\"swipebox\" data-pgc-sgb-id=\"sl_0\" style=\"box-sizing: border-box; background-color: transparent; color: #294cff; text-decoration-line: none; overflow-wrap: break-word; border-radius: inherit;\" target=\"_blank\"><img loading=\"lazy\" width=\"400\" src=\"https://www.alessandroscola.com/wp-content/uploads/2018/03/webcam-Apexis-APM-J902-Z-WS.jpg\" alt=\"웹캠 Apexis APM-J902-Z-WS\" class=\"wp-image-2401\" srcset=\"https://www.alessandroscola.com/wp-content/uploads/2018/03/webcam-Apexis-APM-J902-Z-WS.jpg 400w, https://www.alessandroscola.com/wp-content/uploads/2018/03/webcam-Apexis-APM-J902-Z-WS-300x275.jpg 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" data-pgc-sgb-id=\"sl_0\" style=\"box-sizing: border-box; height: auto; max-width: 100%; border: 0px; vertical-align: bottom; min-height: 1px; margin: 0px 0px 1.5em; border-radius: inherit;\" /></a></figure>\r\n   <p style=\"box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 15px; line-height: 1.8;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">Apexis&nbsp;</font><span style=\"box-sizing: border-box; font-weight: 700;\">APM-J902-Z-WS</span><font style=\"box-sizing: border-box; vertical-align: inherit;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">&nbsp;웹캠입니다.&nbsp;</font><font style=\"box-sizing: border-box; vertical-align: inherit;\">할 수 있는 일의 상태부터 시작합시다.</font></font></p>\r\n   <p style=\"box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 15px; line-height: 1.8;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\"><font style=\"box-sizing: border-box; vertical-align: inherit;\">먼저 apexis APM-J902는 무선 네트워크 웹캠으로 네트워크(케이블 또는 무선)를 통해 원격 제어가 가능합니다.&nbsp;</font><font style=\"box-sizing: border-box; vertical-align: inherit;\">따라서 가장 먼저 할 일은 고정 IP 주소를 할당하고 홈 스위치 또는 라우터에서 구성하는 것입니다.&nbsp;</font><font style=\"box-sizing: border-box; vertical-align: inherit;\">네트워크를 통해 적절한 제어판을 사용하여 구성할 수 있습니다.</font></font></p>\r\n   </div>','https://www.alessandroscola.com/en/coding/control-an-ip-camera-with-arduino.html','',1,0,2,0,0,'admin','*B9FF5DF52BD3C5F13EA3D506E09A21D17ECF6557','최고관리자','bk94005@naver.com','','2022-05-30 16:41:13',0,'2022-05-30 16:41:13','112.222.138.204','','','','','','','','','','','',''),