<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>남익의 생활</title>
    <link>https://namik.tistory.com/</link>
    <description></description>
    <language>ko</language>
    <pubDate>Thu, 23 Jul 2026 20:29:38 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>남익</managingEditor>
    <item>
      <title>주말, 여주 캠핑장에서의 하루(25.08.23)</title>
      <link>https://namik.tistory.com/140</link>
      <description>&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;이번 주말은 무덥긴 하지만&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;그래도 날이 좀 풀려있지 않을까 하는 생각에&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;캠핑장을 예약해서 오고 싶어서 어디갈까하고 예약하고 찾게된&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;경기도 여주의 이포보오토캠핑장~&lt;/span&gt;&lt;/p&gt;
&lt;figure contenteditable=&quot;false&quot; data-ke-type=&quot;emoticon&quot; data-ke-align=&quot;alignCenter&quot; data-emoticon-type=&quot;friends1&quot; data-emoticon-name=&quot;027&quot; data-emoticon-isanimation=&quot;false&quot; data-emoticon-src=&quot;https://t1.daumcdn.net/keditor/emoticon/friends1/large/027.gif&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/keditor/emoticon/friends1/large/027.gif&quot; width=&quot;150&quot; /&gt;&lt;/figure&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;남한강과 인접하게 위치한 여주시에서 운영하고 있는 이포보오토캠핑장은&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;도로를 따라서 내려오다보면 바로 앞에서&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;화장실, 샤워실, 계수대가 있는데 그 앞에 잠시 주차를 하고 체크인을 하도록 할게요~&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;1. 길을따라서 내려오는 화장실 및 샤워실 장소.jpg&quot; data-origin-width=&quot;4000&quot; data-origin-height=&quot;3000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/uuupq/btsP56IqMrQ/663rvK0q8WPdoauOutvhb1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/uuupq/btsP56IqMrQ/663rvK0q8WPdoauOutvhb1/img.jpg&quot; data-alt=&quot;도로를 내려오면 바로 보이는 화장실 앞에 잠시 주차&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/uuupq/btsP56IqMrQ/663rvK0q8WPdoauOutvhb1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fuuupq%2FbtsP56IqMrQ%2F663rvK0q8WPdoauOutvhb1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;800&quot; height=&quot;600&quot; data-filename=&quot;1. 길을따라서 내려오는 화장실 및 샤워실 장소.jpg&quot; data-origin-width=&quot;4000&quot; data-origin-height=&quot;3000&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;도로를 내려오면 바로 보이는 화장실 앞에 잠시 주차&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;화장실 가기전에 바로 오른편을 바라보면&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;관리실로 올라갈 수 있는 계단이 있어요~&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;저는 관리실의 위치를 한번에 알아볼 수 없어서&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;화장실을 지나서 있는 매점에서 체크인을 할 수 있는지 알고 갔다가&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;매점 주인분한테 화장실 옆 계단으로 올라가면 있다는 얘기를 들었어요ㅎㅎ&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;figure contenteditable=&quot;false&quot; data-ke-type=&quot;emoticon&quot; data-ke-align=&quot;alignCenter&quot; data-emoticon-type=&quot;friends1&quot; data-emoticon-name=&quot;022&quot; data-emoticon-isanimation=&quot;false&quot; data-emoticon-src=&quot;https://t1.daumcdn.net/keditor/emoticon/friends1/large/022.gif&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/keditor/emoticon/friends1/large/022.gif&quot; width=&quot;150&quot; /&gt;&lt;/figure&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;2. 예약 확인을 하기 위해서 가야하는 관리실 가는길.jpg&quot; data-origin-width=&quot;4000&quot; data-origin-height=&quot;3000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cz5ZFb/btsP246I7d8/mWDQ94mYH1CShFQSFYu9U1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cz5ZFb/btsP246I7d8/mWDQ94mYH1CShFQSFYu9U1/img.jpg&quot; data-alt=&quot;화장실 옆 계단으로 관리실 찾아가기&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cz5ZFb/btsP246I7d8/mWDQ94mYH1CShFQSFYu9U1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fcz5ZFb%2FbtsP246I7d8%2FmWDQ94mYH1CShFQSFYu9U1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;800&quot; height=&quot;600&quot; data-filename=&quot;2. 예약 확인을 하기 위해서 가야하는 관리실 가는길.jpg&quot; data-origin-width=&quot;4000&quot; data-origin-height=&quot;3000&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;화장실 옆 계단으로 관리실 찾아가기&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;관리실을 가기 위한 이정표를 좀 크게 했으면 좋겠다는 생각이 드네요.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;계단을 따라서 올라오면 체크인을 할 수 있는데&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;예약하신분의 신분증은 필수랍니다.~&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;저는 차량을 가져왔기에 차량번호 확인을 해주시고&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;캠핑장의 주의사항이 적힌 안내문과&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;여주에서 사용할 수 있는 2만원 지역화폐상품권을 같이 줘요~&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;20250823_135210.jpg&quot; data-origin-width=&quot;4000&quot; data-origin-height=&quot;3000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/nCp5I/btsP4grZwwI/ns52wsQWGUTM1KRiNPhEH0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/nCp5I/btsP4grZwwI/ns52wsQWGUTM1KRiNPhEH0/img.jpg&quot; data-alt=&quot;이포보캠핑장 관리센터&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/nCp5I/btsP4grZwwI/ns52wsQWGUTM1KRiNPhEH0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FnCp5I%2FbtsP4grZwwI%2Fns52wsQWGUTM1KRiNPhEH0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;800&quot; height=&quot;600&quot; data-filename=&quot;20250823_135210.jpg&quot; data-origin-width=&quot;4000&quot; data-origin-height=&quot;3000&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;이포보캠핑장 관리센터&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;4. 오토캠핑장 사이트 지도.jpg&quot; data-origin-width=&quot;4000&quot; data-origin-height=&quot;3000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bb9EHk/btsP5sFaW01/ANHBkJYZDxajcYI3692cZK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bb9EHk/btsP5sFaW01/ANHBkJYZDxajcYI3692cZK/img.jpg&quot; data-alt=&quot;이포보 오토캠핑장 자리 지도&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bb9EHk/btsP5sFaW01/ANHBkJYZDxajcYI3692cZK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbb9EHk%2FbtsP5sFaW01%2FANHBkJYZDxajcYI3692cZK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;800&quot; height=&quot;600&quot; data-filename=&quot;4. 오토캠핑장 사이트 지도.jpg&quot; data-origin-width=&quot;4000&quot; data-origin-height=&quot;3000&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;이포보 오토캠핑장 자리 지도&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;5. 예약하면서 받은 캠핑 주의사항.jpg&quot; data-origin-width=&quot;2433&quot; data-origin-height=&quot;3452&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/wffdv/btsP3w9W6U3/ykWSMegTOvfuFw0f0bX0V1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/wffdv/btsP3w9W6U3/ykWSMegTOvfuFw0f0bX0V1/img.jpg&quot; data-alt=&quot;이포보오토캠핑장 주의 사항 앞면&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/wffdv/btsP3w9W6U3/ykWSMegTOvfuFw0f0bX0V1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fwffdv%2FbtsP3w9W6U3%2FykWSMegTOvfuFw0f0bX0V1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;800&quot; height=&quot;1135&quot; data-filename=&quot;5. 예약하면서 받은 캠핑 주의사항.jpg&quot; data-origin-width=&quot;2433&quot; data-origin-height=&quot;3452&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;이포보오토캠핑장 주의 사항 앞면&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;20250823_151750.jpg&quot; data-origin-width=&quot;2030&quot; data-origin-height=&quot;2860&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b8WgeL/btsP2JPdkhB/Enf9gz9t9alADmb4hsLCG0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b8WgeL/btsP2JPdkhB/Enf9gz9t9alADmb4hsLCG0/img.jpg&quot; data-alt=&quot;이포보오토캠핑장 주의 사항 뒷면(여주관광상품권 사용처 정보&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b8WgeL/btsP2JPdkhB/Enf9gz9t9alADmb4hsLCG0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb8WgeL%2FbtsP2JPdkhB%2FEnf9gz9t9alADmb4hsLCG0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;800&quot; height=&quot;1127&quot; data-filename=&quot;20250823_151750.jpg&quot; data-origin-width=&quot;2030&quot; data-origin-height=&quot;2860&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;이포보오토캠핑장 주의 사항 뒷면(여주관광상품권 사용처 정보&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;제가 예약한 사이트는 37번입니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;사이트로 차를 가져가서 직접 구경을 해보니 생각보다 사이즈가 크더라고요~&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;figure contenteditable=&quot;false&quot; data-ke-type=&quot;emoticon&quot; data-ke-align=&quot;alignCenter&quot; data-emoticon-type=&quot;friends2&quot; data-emoticon-name=&quot;002&quot; data-emoticon-isanimation=&quot;false&quot; data-emoticon-src=&quot;https://t1.daumcdn.net/keditor/emoticon/friends2/large/002.png&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/keditor/emoticon/friends2/large/002.png&quot; width=&quot;150&quot; /&gt;&lt;/figure&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;캠핑에 많은 돈을 쓰지는 않았지만 나름 갖출것은 다 가지고 있는 ㅎㅎ&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;생각보다는 짐이 많아서 주차를 하고 캠핑짐을 바로 내릴 수 있어서 너무 좋아요~&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;7. 사이트에 텐트치기.jpg&quot; data-origin-width=&quot;4000&quot; data-origin-height=&quot;3000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bqRbha/btsP5LLfKJU/s3jOofiiU0nURvgE1MpeRk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bqRbha/btsP5LLfKJU/s3jOofiiU0nURvgE1MpeRk/img.jpg&quot; data-alt=&quot;사이트에 타프와 텐트 설치&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bqRbha/btsP5LLfKJU/s3jOofiiU0nURvgE1MpeRk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbqRbha%2FbtsP5LLfKJU%2Fs3jOofiiU0nURvgE1MpeRk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;800&quot; height=&quot;600&quot; data-filename=&quot;7. 사이트에 텐트치기.jpg&quot; data-origin-width=&quot;4000&quot; data-origin-height=&quot;3000&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;사이트에 타프와 텐트 설치&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;6.내가 예약한 사이트 가는길.jpg&quot; data-origin-width=&quot;3000&quot; data-origin-height=&quot;4000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/oRSkx/btsP4UaSbQR/FZlciP7qnQL7lYe1pHWU81/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/oRSkx/btsP4UaSbQR/FZlciP7qnQL7lYe1pHWU81/img.jpg&quot; data-alt=&quot;사이트 37번 전경&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/oRSkx/btsP4UaSbQR/FZlciP7qnQL7lYe1pHWU81/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FoRSkx%2FbtsP4UaSbQR%2FFZlciP7qnQL7lYe1pHWU81%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;800&quot; height=&quot;1067&quot; data-filename=&quot;6.내가 예약한 사이트 가는길.jpg&quot; data-origin-width=&quot;3000&quot; data-origin-height=&quot;4000&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;사이트 37번 전경&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;텐트를 다 치고 편의시설이 어떻게 되어 있는지 확인해보기 위해서 동네한바퀴를 시전~&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;주변에 캠핑을 치신분들이 있어서 사진을 직접 찍을 수는 없었지만&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;사이트마다 사이즈가 커서 대형 텐트를 치더라도&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;충분히 칠 수 있고 사이트간에 간격도 좀 있어서&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;너무 크게 소음공해를 일으키지 않으면&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;조용하게 지내기에는 좋을것 같애요&lt;/p&gt;
&lt;figure contenteditable=&quot;false&quot; data-ke-type=&quot;emoticon&quot; data-ke-align=&quot;alignCenter&quot; data-emoticon-type=&quot;friends1&quot; data-emoticon-name=&quot;027&quot; data-emoticon-isanimation=&quot;false&quot; data-emoticon-src=&quot;https://t1.daumcdn.net/keditor/emoticon/friends1/large/027.gif&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/keditor/emoticon/friends1/large/027.gif&quot; width=&quot;150&quot; /&gt;&lt;/figure&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;11. 사이트 사이즈 모습.jpg&quot; data-origin-width=&quot;3000&quot; data-origin-height=&quot;4000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bfYDJl/btsP3e2AjU1/QkR6BiLHYq32nG9oWSk6S0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bfYDJl/btsP3e2AjU1/QkR6BiLHYq32nG9oWSk6S0/img.jpg&quot; data-alt=&quot;화장실, 분리수거장, 개수대, 매점&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bfYDJl/btsP3e2AjU1/QkR6BiLHYq32nG9oWSk6S0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbfYDJl%2FbtsP3e2AjU1%2FQkR6BiLHYq32nG9oWSk6S0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;800&quot; height=&quot;1067&quot; data-filename=&quot;11. 사이트 사이즈 모습.jpg&quot; data-origin-width=&quot;3000&quot; data-origin-height=&quot;4000&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;화장실, 분리수거장, 개수대, 매점&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;처음에 관리실을 찾아가기 위해서 왔던 화장실로 와서 보면 옆에 샤워실도 있고&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;계수대가 생각보다는 넓게 있고&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;그옆에 바로 재활용과 쓰레기를 버릴 수 있는 장소도 있고&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;8 화장실, 샤워실 옆 계수대.jpg&quot; data-origin-width=&quot;3000&quot; data-origin-height=&quot;4000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/xyArL/btsP40oA9FZ/3M6ByVWGdKz6P3x2G3jmCk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/xyArL/btsP40oA9FZ/3M6ByVWGdKz6P3x2G3jmCk/img.jpg&quot; data-alt=&quot;넓은 개수대&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/xyArL/btsP40oA9FZ/3M6ByVWGdKz6P3x2G3jmCk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FxyArL%2FbtsP40oA9FZ%2F3M6ByVWGdKz6P3x2G3jmCk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;800&quot; height=&quot;1067&quot; data-filename=&quot;8 화장실, 샤워실 옆 계수대.jpg&quot; data-origin-width=&quot;3000&quot; data-origin-height=&quot;4000&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;넓은 개수대&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;9. 계수대 옆 쓰레기 버리는곳.jpg&quot; data-origin-width=&quot;3000&quot; data-origin-height=&quot;4000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/Pk7Ko/btsP5uJLFUI/sA1isgBT8CdU7uBHw9IWpK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/Pk7Ko/btsP5uJLFUI/sA1isgBT8CdU7uBHw9IWpK/img.jpg&quot; data-alt=&quot;재활용 및 쓰레기 버리는 곳&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/Pk7Ko/btsP5uJLFUI/sA1isgBT8CdU7uBHw9IWpK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FPk7Ko%2FbtsP5uJLFUI%2FsA1isgBT8CdU7uBHw9IWpK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;800&quot; height=&quot;1067&quot; data-filename=&quot;9. 계수대 옆 쓰레기 버리는곳.jpg&quot; data-origin-width=&quot;3000&quot; data-origin-height=&quot;4000&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;재활용 및 쓰레기 버리는 곳&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;화장실을 가봤는데 너무 깨끗하더라고요~&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;여주시에서 관리를 하고 있다보니 청소상태가 너무 좋더라고요~&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;청소상태를 보여드리기 위해서 내부에 아무도 없을때 사진한장~&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;샤워실은 혹시 몰라서 사진을 찍지는 못했지만&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;한번에 최대 4명이 같이 씻을 수 있어서&amp;nbsp;좀 작더라고요&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;그래서 씻을때는 다른사람들이 이용하는 시간대를 피해서 와야할것 같애요~&lt;/p&gt;
&lt;figure contenteditable=&quot;false&quot; data-ke-type=&quot;emoticon&quot; data-ke-align=&quot;alignCenter&quot; data-emoticon-type=&quot;friends2&quot; data-emoticon-name=&quot;009&quot; data-emoticon-isanimation=&quot;false&quot; data-emoticon-src=&quot;https://t1.daumcdn.net/keditor/emoticon/friends2/large/009.png&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/keditor/emoticon/friends2/large/009.png&quot; width=&quot;150&quot; /&gt;&lt;/figure&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;10.화장실 내부 모습.jpg&quot; data-origin-width=&quot;3000&quot; data-origin-height=&quot;4000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cqNZt9/btsP5Ha1pUj/T7Cmx3wU5ZXKwk3Df3ueSk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cqNZt9/btsP5Ha1pUj/T7Cmx3wU5ZXKwk3Df3ueSk/img.jpg&quot; data-alt=&quot;이포보오토캠핑장 화장실 내부&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cqNZt9/btsP5Ha1pUj/T7Cmx3wU5ZXKwk3Df3ueSk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcqNZt9%2FbtsP5Ha1pUj%2FT7Cmx3wU5ZXKwk3Df3ueSk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;800&quot; height=&quot;1067&quot; data-filename=&quot;10.화장실 내부 모습.jpg&quot; data-origin-width=&quot;3000&quot; data-origin-height=&quot;4000&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;이포보오토캠핑장 화장실 내부&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;너무 더운 날씨에 가서 고생 좀 했지만 무사히 잘 갔다왔네요.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;여수 이포보 오토캠핑장의 장점은&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;1. 지자체에서 운영하기 때문에 사설캠핑장보다는 가격이 저렴(3만원)&lt;br /&gt;(5만원에 예약했지만 2만원을 상품권으로 돌려줌)&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;2. 오토캠핑장답게 차량을 바로 옆에 주차할 수 있어서 캠핑짐 운반이 편리&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;3. 화장실, 샤워장, 개수대등 관리가 잘 되어 있어서 깨끗함&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;4. 지역상품권을 사용할 수 있어서 주변 먹거리를 즐길 수 있음&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;5. 반려동물 출입 불가하여 조용함&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;여수 이포보 오토캠핑장의 단점은&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;1. 잔디나 풀들이 많이 자라서 관리가 안되는것처럼 느껴짐&lt;br /&gt;( 너무 무더운 날씨 때문이지 않을까하는 나만의 생각)&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;2. 인기가 많기 때문에 주말과 공휴일 예약이 어려움&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;3. 매점이 있지만 규모가 작아서 필요한 물품은 근처 하나로마트나 직접 준비를 해야함&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;4. 화장실, 샤워장, 개수대등의 편의시설이 한군데에 몰려 있어서&lt;br /&gt;좀 더 안쪽으로 들어가는 사이트는 이동이 불편함&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;5. 공용 와이파이가 있지만 잘 잡히지 않아서 사용하기 어려움&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;6. 남한강 바로 옆에 있지만 풀들이 많이 자라 있어서 강 구경하기 어려움&lt;/p&gt;
&lt;p&gt;&lt;iframe mapdata=&quot;addr=%EA%B2%BD%EA%B8%B0%20%EC%97%AC%EC%A3%BC%EC%8B%9C%20%EB%8C%80%EC%8B%A0%EB%A9%B4%20%EB%8B%B9%EB%82%A8%EB%A6%AC%20318-1&amp;amp;addtype=1&amp;amp;confirmid=2096837978&amp;amp;docid=&amp;amp;idx=1&amp;amp;ifrH=362px&amp;amp;ifrW=490px&amp;amp;mapHeight=362&amp;amp;mapInfo=%7B%22version%22%3A2%2C%22mapWidth%22%3A490%2C%22mapHeight%22%3A362%2C%22mapCenterX%22%3A621540%2C%22mapCenterY%22%3A1079873%2C%22mapLevel%22%3A4%2C%22coordinate%22%3A%22wcongnamul%22%2C%22markInfo%22%3A%5B%7B%22markerType%22%3A%22standPlace%22%2C%22coordinate%22%3A%22wcongnamul%22%2C%22x%22%3A621540%2C%22y%22%3A1079877%2C%22clickable%22%3Atrue%2C%22draggable%22%3Atrue%2C%22icon%22%3A%7B%22width%22%3A35%2C%22height%22%3A56%2C%22offsetX%22%3A17%2C%22offsetY%22%3A56%2C%22src%22%3A%22%2F%2Ft1.daumcdn.net%2Flocalimg%2Flocalimages%2F07%2F2012%2Fattach%2Fpc_img%2Fico_marker2_150331.png%22%7D%2C%22content%22%3A%22%EC%9D%B4%ED%8F%AC%EB%B3%B4%20%EC%98%A4%ED%86%A0%EC%BA%A0%ED%95%91%EC%9E%A5%22%2C%22confirmid%22%3A2096837978%7D%5D%2C%22graphicInfo%22%3A%5B%5D%2C%22roadviewInfo%22%3A%5B%5D%7D&amp;amp;mapWidth=490&amp;amp;mapX=621540&amp;amp;mapY=1079873&amp;amp;map_hybrid=false&amp;amp;map_level=4&amp;amp;map_type=TYPE_MAP&amp;amp;rcode=4167035000&amp;amp;tel=031-881-6384&amp;amp;title=%EC%9D%B4%ED%8F%AC%EB%B3%B4%20%EC%98%A4%ED%86%A0%EC%BA%A0%ED%95%91%EC%9E%A5&quot; src=&quot;/proxy/plusmapViewer.php?id=maps_1756042694549&quot; id=&quot;maps_1756042694549&quot; width=&quot;540px&quot; height=&quot;350px&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; data-ke-type=&quot;map&quot; data-maps-data=&quot;addr=%EA%B2%BD%EA%B8%B0%20%EC%97%AC%EC%A3%BC%EC%8B%9C%20%EB%8C%80%EC%8B%A0%EB%A9%B4%20%EB%8B%B9%EB%82%A8%EB%A6%AC%20318-1&amp;amp;addtype=1&amp;amp;confirmid=2096837978&amp;amp;docid=&amp;amp;idx=1&amp;amp;ifrH=362px&amp;amp;ifrW=490px&amp;amp;mapHeight=362&amp;amp;mapInfo=%7B%22version%22%3A2%2C%22mapWidth%22%3A490%2C%22mapHeight%22%3A362%2C%22mapCenterX%22%3A621540%2C%22mapCenterY%22%3A1079873%2C%22mapLevel%22%3A4%2C%22coordinate%22%3A%22wcongnamul%22%2C%22markInfo%22%3A%5B%7B%22markerType%22%3A%22standPlace%22%2C%22coordinate%22%3A%22wcongnamul%22%2C%22x%22%3A621540%2C%22y%22%3A1079877%2C%22clickable%22%3Atrue%2C%22draggable%22%3Atrue%2C%22icon%22%3A%7B%22width%22%3A35%2C%22height%22%3A56%2C%22offsetX%22%3A17%2C%22offsetY%22%3A56%2C%22src%22%3A%22%2F%2Ft1.daumcdn.net%2Flocalimg%2Flocalimages%2F07%2F2012%2Fattach%2Fpc_img%2Fico_marker2_150331.png%22%7D%2C%22content%22%3A%22%EC%9D%B4%ED%8F%AC%EB%B3%B4%20%EC%98%A4%ED%86%A0%EC%BA%A0%ED%95%91%EC%9E%A5%22%2C%22confirmid%22%3A2096837978%7D%5D%2C%22graphicInfo%22%3A%5B%5D%2C%22roadviewInfo%22%3A%5B%5D%7D&amp;amp;mapWidth=490&amp;amp;mapX=621540&amp;amp;mapY=1079873&amp;amp;map_hybrid=false&amp;amp;map_level=4&amp;amp;map_type=TYPE_MAP&amp;amp;rcode=4167035000&amp;amp;tel=031-881-6384&amp;amp;title=%EC%9D%B4%ED%8F%AC%EB%B3%B4%20%EC%98%A4%ED%86%A0%EC%BA%A0%ED%95%91%EC%9E%A5&quot; data-maps-thumbnail=&quot;https://ssl.daumcdn.net/map3/staticmap/image?center=621540%2C1079873&amp;amp;lv=4&amp;amp;size=540x350&amp;amp;srs=WCONGNAMUL&amp;amp;markers=symbol%3Asc_marker%7Clocation%3A621540%2C1079877&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>나의 여행</category>
      <category>경기도여주</category>
      <category>여주</category>
      <category>오토캠핑장</category>
      <category>이포보오토캠핑장</category>
      <category>이포보캠핑장</category>
      <category>캠핑여행</category>
      <category>캠핑장리뷰</category>
      <category>캠핑장추천</category>
      <category>캠핑후기</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/140</guid>
      <comments>https://namik.tistory.com/140#entry140comment</comments>
      <pubDate>Sun, 24 Aug 2025 23:53:50 +0900</pubDate>
    </item>
    <item>
      <title>  엑셀 TRANSPOSE 함수 완벽 가이드: 세로 &amp;harr; 가로 변환의 모든 것</title>
      <link>https://namik.tistory.com/139</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;엑셀을 사용하다 보면 데이터를 세로로 입력했는데 가로로 보여줘야 하거나, 반대로 가로 데이터를 세로로 바꿔야 할 때가 있죠.&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;이럴 때 수작업으로 하나하나 복사해서 붙여넣는 건 시간도 오래 걸리고 실수도 생기기 쉬워요.&lt;br /&gt;&lt;br /&gt;그럴 때 등장하는 엑셀의 숨은 보석 같은 함수가 바로 TRANSPOSE입니다.&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;이 글에서는 TRANSPOSE 함수의 개념부터 실전 활용, 주의사항, 고급 팁까지 모두 알려드릴게요.&lt;/span&gt;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;&lt;br /&gt;&lt;b&gt;  TRANSPOSE 함수란?&lt;/b&gt;&lt;/span&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;TRANSPOSE 함수는 엑셀에서 &lt;b&gt;행과 열을 서로 바꿔주는 함수&lt;/b&gt;입니다.&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;쉽게 말해, 세로로 나열된 데이터를 가로로, 또는 가로 데이터를 세로로 바꿔주는 역할을 해요.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;&lt;b&gt;✅ 주요 특징&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;동적 배열 지원: 원본 데이터가 바뀌면 결과도 자동으로 업데이트됨&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;배열 수식으로 작동 (엑셀 버전에 따라 입력 방식이 다름)&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;다른 함수와 결합해 강력한 데이터 처리 가능&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt; &lt;b&gt;✅ 기본 문법&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1755430512895&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;=TRANSPOSE(범위)&lt;/code&gt;&lt;/pre&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;범위: 전치(Transpose)할 셀 영역 (예: A1:A5, B2:D2 등)&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&amp;nbsp;&lt;/h3&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;&lt;b&gt;  실전 예제&lt;/b&gt;&lt;/span&gt;&lt;/h3&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style7&quot; /&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;&lt;b&gt;예제 1: 세로 데이터를 가로로 바꾸기&lt;/b&gt;&lt;/span&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;&lt;b&gt;  상황&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;A1:A5 셀에 다음과 같은 이름이 입력되어 있다고 가정해볼게요:&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;border-collapse: collapse; width: 30.4651%; height: 126px;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot; data-ke-style=&quot;style2&quot;&gt;
&lt;tbody&gt;
&lt;tr style=&quot;height: 21px;&quot;&gt;
&lt;td style=&quot;height: 21px; width: 100%; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;A열&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 21px;&quot;&gt;
&lt;td style=&quot;height: 21px; width: 100%; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;홍길동&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 21px;&quot;&gt;
&lt;td style=&quot;height: 21px; width: 100%; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;김철수&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 21px;&quot;&gt;
&lt;td style=&quot;height: 21px; width: 100%; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;이영희&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 21px;&quot;&gt;
&lt;td style=&quot;height: 21px; width: 100%; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;박민수&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 21px;&quot;&gt;
&lt;td style=&quot;height: 21px; width: 100%; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;최지우&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;&lt;b&gt;  해결 방법&lt;/b&gt;&lt;br /&gt;1. &lt;span style=&quot;letter-spacing: 0px;&quot;&gt;빈 셀 영역(예: C1:G1)을 선택&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;2. &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;아래 수식 입력:&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1755431018533&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;=TRANSPOSE(A1:A5)&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;&lt;b&gt;  결과&lt;/b&gt;&lt;br /&gt;C1:G1 셀에 이름들이 가로로 나열됩니다.&lt;/span&gt;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style7&quot; /&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;&lt;b&gt; &lt;span style=&quot;color: #666666; text-align: left;&quot;&gt;예제 2: 가로 데이터를 세로로 바꾸기&lt;/span&gt; &lt;/b&gt;&lt;/span&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;&lt;b&gt;  상황&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;B2:F2 셀에 날짜들이 가로로 입력되어 있는 경우&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot; data-ke-style=&quot;style1&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;&lt;span style=&quot;&quot;&gt;B2&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;C2&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;D2&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;E2&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;F2&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;1/1&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;1/2&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;1/3&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;1/4&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;1/5&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;  해결 방법&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;1. &lt;/span&gt;&lt;span style=&quot;font-family: 'Nanum Gothic'; letter-spacing: 0px;&quot;&gt;빈 셀 영역(예: H2:H6)을 선택&lt;br /&gt;2. &lt;/span&gt;&lt;span style=&quot;font-family: 'Nanum Gothic'; letter-spacing: 0px;&quot;&gt;수식 입력:&lt;/span&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1755432388592&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;=TRANSPOSE(B2:F2)&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;  결과&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;H2:H6 셀에 날짜들이 세로로 나열됩니다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;  고급 활용: 다른 함수와 결합하기&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;1. TRANSPOSE + FILTER&lt;/span&gt;&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;특정 조건에 맞는 데이터를 추출하고 가로로 나열하고 싶을 때:&lt;/span&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1755432721940&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;=TRANSPOSE(FILTER(A2:A100, B2:B100=&quot;서울&quot;))&lt;/code&gt;&lt;/pre&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;B열이 &quot;서울&quot;인 경우의 A열 값을 가로로 출력&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;2. TRANSPOSE + UNIQUE&lt;/span&gt;&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;중복 제거된 값을 가로로 나열:&lt;/span&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1755432754012&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;=TRANSPOSE(UNIQUE(A2:A50))&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;⚠️ 주의사항&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%; height: 68px;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot; data-ke-style=&quot;style13&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;항목&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;설명&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;배열 수식&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;height: 17px;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;엑셀 365 이상은 자동, 구버전은 Ctrl + Shift + Enter 필요&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;결과 셀 크기&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;height: 17px;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;원본과 결과 셀 수가 맞지 않으면 오류 발생&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;스필 오류&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;height: 17px;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;결과 셀 주변에 값이 있으면 #SPILL! 오류 발생&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;동적 업데이트&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;height: 17px;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;원본 데이터가 바뀌면 결과도 자동 변경됨&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt; ️ 붙여넣기 옵션과의 차이점&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;엑셀에는 &quot;붙여넣기 옵션 &amp;gt; 행/열 바꿈&quot; 기능도 있어요.&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;하지만 이건 &lt;b&gt;일회성 작업&lt;/b&gt;이라서 원본이 바뀌어도 결과는 그대로예요.&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot; data-ke-style=&quot;style14&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;기능&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;TRANSPOSE 함수&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;붙여넣기 옵션&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;자동 업데이트&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;O&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;X&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;실시간 반영&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;O&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;X&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;수식 기반&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;O&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;X&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;직관성&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;△&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;◎&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;  마무리: TRANSPOSE 함수, 이렇게 활용해보세요!&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;TRANSPOSE 함수는 단순한 행/열 변환을 넘어서, &lt;/span&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;다른 함수들과 결합하면 &lt;b&gt;동적 보고서&lt;/b&gt;, &lt;b&gt;자동화된 대시보드&lt;/b&gt;, &lt;b&gt;조건 기반 출력&lt;/b&gt; 등 다양한 방식으로 활용할 수 있어요.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;✨ 추천 활용 아이디어&lt;/span&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;설문 결과를 세로로 정리한 후 가로로 요약&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;지역별 판매 데이터를 조건별로 추출 후 가로로 비교&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;INDEX, MATCH, SORT와 결합해 피벗 없이 유연한 데이터 분석&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;  요약&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot; data-ke-style=&quot;style14&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;항목&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;설명&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;함수명&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;TRANSPOSE&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;기능&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;행과 열을 서로 바꿈&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;입력 방식&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;배열 수식 (Enter 또는 Ctrl + Shift + Enter)&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;활용도&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: 'Nanum Gothic';&quot;&gt;데이터 정리, 보고서 작성, 자동화&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>엑셀 다루기</category>
      <category>transpose</category>
      <category>가로를 세로로</category>
      <category>세로에서 가로로</category>
      <category>엑셀</category>
      <category>엑셀함수</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/139</guid>
      <comments>https://namik.tistory.com/139#entry139comment</comments>
      <pubDate>Sun, 17 Aug 2025 21:20:20 +0900</pubDate>
    </item>
    <item>
      <title>[예복] 아틀레 청담본점에서 맞춤 정장 계약 완료~~!!</title>
      <link>https://namik.tistory.com/138</link>
      <description>&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;안녕하세요~&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;내년에 결혼준비를 하게 되면서&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;결혼준비를 어떻게 해야할지 헤메고 있다가&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;신한카드 올댓쇼핑에서도 웨딩박람회를 한다는 소식을 듣고 바로 예약해서&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;갔을때 여러업체를 상담을 받다가&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;예복은 아틀레에서 계약하기로 결정~~!!&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;다른 결혼 준비사항들도 차근차근 준비를 진행을 하다가&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;예복의 계약을 진행하기 위해서 아틀레 청담본점으로 고고~&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;&lt;a href=&quot;https://naver.me/GLKAAe5O&quot;&gt;https://naver.me/GLKAAe5O&lt;/a&gt; &lt;/span&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1699079620726&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;article&quot; data-og-title=&quot;아틀레 청담본점 : 네이버 &quot; data-og-description=&quot;방문자리뷰 490 &amp;middot; 블로그리뷰 913&quot; data-og-host=&quot;m.place.naver.com&quot; data-og-source-url=&quot;https://naver.me/GLKAAe5O&quot; data-og-url=&quot;https://m.place.naver.com/place/166126031/home&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/nmjBr/hyUnWJmVCu/W9C22nP6AtRmbmJgGTCKVK/img.jpg?width=640&amp;amp;height=380&amp;amp;face=0_0_640_380,https://scrap.kakaocdn.net/dn/ikiW1/hyUnIK9Kfz/PyCUpxY4QcDK7kQImcUuBk/img.jpg?width=640&amp;amp;height=380&amp;amp;face=0_0_640_380&quot;&gt;&lt;a href=&quot;https://naver.me/GLKAAe5O&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://naver.me/GLKAAe5O&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/nmjBr/hyUnWJmVCu/W9C22nP6AtRmbmJgGTCKVK/img.jpg?width=640&amp;amp;height=380&amp;amp;face=0_0_640_380,https://scrap.kakaocdn.net/dn/ikiW1/hyUnIK9Kfz/PyCUpxY4QcDK7kQImcUuBk/img.jpg?width=640&amp;amp;height=380&amp;amp;face=0_0_640_380');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;아틀레 청담본점 : 네이버 &lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;방문자리뷰 490 &amp;middot; 블로그리뷰 913&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;m.place.naver.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;00_20231027_180355.jpg&quot; data-origin-width=&quot;3000&quot; data-origin-height=&quot;4000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bnowb4/btszKzgzhWA/X9zDKTPmKfMqt6QHiUJZ80/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bnowb4/btszKzgzhWA/X9zDKTPmKfMqt6QHiUJZ80/img.jpg&quot; data-alt=&quot;아틀레 청담본점&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bnowb4/btszKzgzhWA/X9zDKTPmKfMqt6QHiUJZ80/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbnowb4%2FbtszKzgzhWA%2FX9zDKTPmKfMqt6QHiUJZ80%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;667&quot; data-filename=&quot;00_20231027_180355.jpg&quot; data-origin-width=&quot;3000&quot; data-origin-height=&quot;4000&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;아틀레 청담본점&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;00_BandPhoto_2023_10_29_13_11_54_21.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dqUOBy/btszHSaaMDs/4I6DyEHT2u7QkvprkdlHtk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dqUOBy/btszHSaaMDs/4I6DyEHT2u7QkvprkdlHtk/img.jpg&quot; data-alt=&quot;건물 외관&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dqUOBy/btszHSaaMDs/4I6DyEHT2u7QkvprkdlHtk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdqUOBy%2FbtszHSaaMDs%2F4I6DyEHT2u7QkvprkdlHtk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;1280&quot; data-filename=&quot;00_BandPhoto_2023_10_29_13_11_54_21.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;건물 외관&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;미리 가기전에 예약을 하고 예약 시간에 맞춰서 갔더니&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;건물외관이 생각보다 깔끔하긴 했어요~&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;주차도 가능하긴한데 퇴근을 하고 방문을 하다보니 차량을 가져가지 않아서 그냥&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;뚜벅이로 방문~~&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;주차를 하면 별도 발렛비를 받는 것 같긴하더라고요.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;BandPhoto_2023_10_29_13_11_54_1.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/s8cZQ/btszK7qkney/r0b9w4abJA7Dun4T6SyL1K/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/s8cZQ/btszK7qkney/r0b9w4abJA7Dun4T6SyL1K/img.jpg&quot; data-alt=&quot;내부1&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/s8cZQ/btszK7qkney/r0b9w4abJA7Dun4T6SyL1K/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fs8cZQ%2FbtszK7qkney%2Fr0b9w4abJA7Dun4T6SyL1K%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;667&quot; data-filename=&quot;BandPhoto_2023_10_29_13_11_54_1.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;내부1&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;안내를 받아서 건물 내부로 들어오니 남성정장을 전문으로 하는데다보니&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;구두와 원단, 다른 분들의 맞춤정장들이 즐비하게 많더라고요~~ㅎㅎ&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;20231027_172408.jpg&quot; data-origin-width=&quot;4000&quot; data-origin-height=&quot;3000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bo9b6h/btszM4flfPe/1QyEWdozQlVSBuKUrAurXk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bo9b6h/btszM4flfPe/1QyEWdozQlVSBuKUrAurXk/img.jpg&quot; data-alt=&quot;내부2&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bo9b6h/btszM4flfPe/1QyEWdozQlVSBuKUrAurXk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbo9b6h%2FbtszM4flfPe%2F1QyEWdozQlVSBuKUrAurXk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;375&quot; data-filename=&quot;20231027_172408.jpg&quot; data-origin-width=&quot;4000&quot; data-origin-height=&quot;3000&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;내부2&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;내부는 외부에서 봤던것 처럼&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;깔끔한 디자인이여서 나쁘진 않은것 같다고 생각이 들더라고요~~ㅎㅎ&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;상담하시는 분을 기다리면서 맞춤으로 할지 대여로 갈지 고민을 하고 있다가...&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;edited_BandPhoto_2023_10_29_13_11_54_4.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/WoWuG/btszLrvejMO/4TJsiFjsutSqZ9tE9gfZ00/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/WoWuG/btszLrvejMO/4TJsiFjsutSqZ9tE9gfZ00/img.png&quot; data-alt=&quot;내부3&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/WoWuG/btszLrvejMO/4TJsiFjsutSqZ9tE9gfZ00/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FWoWuG%2FbtszLrvejMO%2F4TJsiFjsutSqZ9tE9gfZ00%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;667&quot; data-filename=&quot;edited_BandPhoto_2023_10_29_13_11_54_4.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;내부3&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;20231027_170316.jpg&quot; data-origin-width=&quot;3000&quot; data-origin-height=&quot;4000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bTVbl6/btszH60dWyZ/WkKf9g4KJVkqtHGhY6nnV0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bTVbl6/btszH60dWyZ/WkKf9g4KJVkqtHGhY6nnV0/img.jpg&quot; data-alt=&quot;택한 원단&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bTVbl6/btszH60dWyZ/WkKf9g4KJVkqtHGhY6nnV0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbTVbl6%2FbtszH60dWyZ%2FWkKf9g4KJVkqtHGhY6nnV0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;667&quot; data-filename=&quot;20231027_170316.jpg&quot; data-origin-width=&quot;3000&quot; data-origin-height=&quot;4000&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;택한 원단&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;이런저런 설명을 들으면서 많은 원단을 알려주시고 만져보기도 하였지만&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;열심히 설명을 들으면서 집중하려고 하다보니 사진찍기는 패스~~&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;결국 설명 끝에 맞춤으로 진행하기로 확정&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;(예신이 다른때도 입을 일이 많을것 같다고 해서...~~ 말 잘들어야지!!!)&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;원단은 국내원단으로 검정보다는 짙은 회색으로 결정!!!&lt;/span&gt;&lt;/p&gt;
&lt;figure contenteditable=&quot;false&quot; data-ke-type=&quot;emoticon&quot; data-ke-align=&quot;alignCenter&quot; data-emoticon-type=&quot;friends2&quot; data-emoticon-name=&quot;024&quot; data-emoticon-isanimation=&quot;false&quot; data-emoticon-src=&quot;https://t1.daumcdn.net/keditor/emoticon/friends2/large/024.png&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/keditor/emoticon/friends2/large/024.png&quot; width=&quot;150&quot; /&gt;&lt;/figure&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;맞춤 정장은 본식 기준으로 본식 30일전에 방문을 해서&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;정확한 치수를 재고 진행하기로 결정&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;일단 사전 치수를 재기 위해서 진행을 하였는데...&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;치수를 재시는 분이 오셔서 몇분만에 재 몸의 치수를 재시더라고요&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;(프로페셔널하게~~)&lt;/span&gt;&lt;/p&gt;
&lt;figure contenteditable=&quot;false&quot; data-ke-type=&quot;emoticon&quot; data-ke-align=&quot;alignCenter&quot; data-emoticon-type=&quot;friends1&quot; data-emoticon-name=&quot;023&quot; data-emoticon-isanimation=&quot;false&quot; data-emoticon-src=&quot;https://t1.daumcdn.net/keditor/emoticon/friends1/large/023.gif&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/keditor/emoticon/friends1/large/023.gif&quot; width=&quot;150&quot; /&gt;&lt;/figure&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;edited_00_BandPhoto_2023_10_29_13_11_54_6.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/IgG5s/btszK92NlSg/hoddqAQBOHuTEC9gGJn6Z0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/IgG5s/btszK92NlSg/hoddqAQBOHuTEC9gGJn6Z0/img.png&quot; data-alt=&quot;치수 재기&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/IgG5s/btszK92NlSg/hoddqAQBOHuTEC9gGJn6Z0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FIgG5s%2FbtszK92NlSg%2FhoddqAQBOHuTEC9gGJn6Z0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;667&quot; data-filename=&quot;edited_00_BandPhoto_2023_10_29_13_11_54_6.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;치수 재기&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;edited_00_BandPhoto_2023_10_29_13_11_54_7.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/oP2In/btszH7kvWoT/QtdRADIZPgdrWGpOvLyqu0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/oP2In/btszH7kvWoT/QtdRADIZPgdrWGpOvLyqu0/img.png&quot; data-alt=&quot;치수 재기&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/oP2In/btszH7kvWoT/QtdRADIZPgdrWGpOvLyqu0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FoP2In%2FbtszH7kvWoT%2FQtdRADIZPgdrWGpOvLyqu0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;667&quot; data-filename=&quot;edited_00_BandPhoto_2023_10_29_13_11_54_7.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;치수 재기&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;edited_BandPhoto_2023_10_29_13_11_54_8.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/G7R0I/btszI3oXgLc/2XVpmXKR99Lyt6kRbP2AJk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/G7R0I/btszI3oXgLc/2XVpmXKR99Lyt6kRbP2AJk/img.png&quot; data-alt=&quot;치수 재기&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/G7R0I/btszI3oXgLc/2XVpmXKR99Lyt6kRbP2AJk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FG7R0I%2FbtszI3oXgLc%2F2XVpmXKR99Lyt6kRbP2AJk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;667&quot; data-filename=&quot;edited_BandPhoto_2023_10_29_13_11_54_8.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;치수 재기&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;남은 맞춤 치수는 본식 30일전에 방문을 해서&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;최종 작업을 들어가기로 하고&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;그전에&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;웨딩 찰영을 하기 위한 예복 대여를&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;받으러 건물 지하1층으로 이동~~&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;상담을 진행하신분이 웨딩찰영을 할 스튜디오를 검색하시더니&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;어떤 느낌의 색이나 디자인이 필요한지 보시더니&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;몇벌 추천을 해주신다고 하시더니&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;베이지, 네이비, 회색을 가져오셨는데&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;우리들이 처음부터 생각하고 있던 색상으로 딱ㅎㅎㅎ&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;저희 생각을 어떻게 알고 진행하셨는지ㅎㅎㅎ 놀라움만...~!!&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;edited_BandPhoto_2023_10_29_13_11_54_12.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/rQf6Z/btszM0KNmZP/aPXgu9EbK7VsgMY4Rcq8RK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/rQf6Z/btszM0KNmZP/aPXgu9EbK7VsgMY4Rcq8RK/img.png&quot; data-alt=&quot;웨딩찰영 대여복(베이지)&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/rQf6Z/btszM0KNmZP/aPXgu9EbK7VsgMY4Rcq8RK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FrQf6Z%2FbtszM0KNmZP%2FaPXgu9EbK7VsgMY4Rcq8RK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;667&quot; data-filename=&quot;edited_BandPhoto_2023_10_29_13_11_54_12.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;웨딩찰영 대여복(베이지)&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;edited_BandPhoto_2023_10_29_13_11_54_18.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/yvvRF/btszI15K9IX/uzxZHAuIGseYwczHK5shkK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/yvvRF/btszI15K9IX/uzxZHAuIGseYwczHK5shkK/img.png&quot; data-alt=&quot;웨딩찰영 대여복(스프라이트 그레이)&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/yvvRF/btszI15K9IX/uzxZHAuIGseYwczHK5shkK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FyvvRF%2FbtszI15K9IX%2FuzxZHAuIGseYwczHK5shkK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;667&quot; data-filename=&quot;edited_BandPhoto_2023_10_29_13_11_54_18.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;웨딩찰영 대여복(스프라이트 그레이)&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;실제로 한번 착용을 해서 어떤 느낌인지 나한테 잘어울리는지 보고&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;다른색상이나 디자인은 보지도 않고 바로 픽~~&lt;/span&gt;&lt;/p&gt;
&lt;figure contenteditable=&quot;false&quot; data-ke-type=&quot;emoticon&quot; data-ke-align=&quot;alignCenter&quot; data-emoticon-type=&quot;friends1&quot; data-emoticon-name=&quot;032&quot; data-emoticon-isanimation=&quot;false&quot; data-emoticon-src=&quot;https://t1.daumcdn.net/keditor/emoticon/friends1/large/032.gif&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/keditor/emoticon/friends1/large/032.gif&quot; width=&quot;150&quot; /&gt;&lt;/figure&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;웨딩찰영에 입을 대여복까지 준비 완료~&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;찰영전에 와서 픽업만 해서 찰영때 활용만 하면 준비 끝~~&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;하루를 알차게 보낸 느낌으로 계약을 완료하였네요~~&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;BandPhoto_2023_10_29_13_11_54_19.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bgfuSs/btszLXOiRei/xEqgeRALNYRAPKYT9iu5uk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bgfuSs/btszLXOiRei/xEqgeRALNYRAPKYT9iu5uk/img.jpg&quot; data-alt=&quot;이벤트&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bgfuSs/btszLXOiRei/xEqgeRALNYRAPKYT9iu5uk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbgfuSs%2FbtszLXOiRei%2FxEqgeRALNYRAPKYT9iu5uk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;667&quot; data-filename=&quot;BandPhoto_2023_10_29_13_11_54_19.jpg&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;1280&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;이벤트&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;처음에는 안보였다가 모든 준비를 마치고 나오면서&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;이벤트를 진행하고 있다는거를 보고 혹시나해서&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;나중에 참고할 용도로&amp;nbsp;사진 한장 찰칵~!&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;나오면서 예신이랑 한가지 아쉬웠던거는&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;다이렉트 결혼준비의 제휴 업체가 아니다보니&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;다이렉트 결혼준비에서 사용할 수 있는 포인트 적립을 할 수 없다는게 아쉽기는 하네요~~&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;하지만 업체 선정을 잘한것 같다는 생각이 들어서 대만족~~~ㅎㅎ&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;nam_ik_coupon_추천인코드.png&quot; data-origin-width=&quot;640&quot; data-origin-height=&quot;285&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cvcGI1/btszJIY4RLx/KX4SM90LKzSeERSdEYCVyk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cvcGI1/btszJIY4RLx/KX4SM90LKzSeERSdEYCVyk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cvcGI1/btszJIY4RLx/KX4SM90LKzSeERSdEYCVyk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcvcGI1%2FbtszJIY4RLx%2FKX4SM90LKzSeERSdEYCVyk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;640&quot; height=&quot;285&quot; data-filename=&quot;nam_ik_coupon_추천인코드.png&quot; data-origin-width=&quot;640&quot; data-origin-height=&quot;285&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>나의 일상/결혼준비</category>
      <category>결혼준비</category>
      <category>다이렉트결혼준비</category>
      <category>맞춤정장</category>
      <category>아틀레</category>
      <category>아틀레청담본점</category>
      <category>예복</category>
      <category>웨딩박람회</category>
      <category>웨딩찰영준비</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/138</guid>
      <comments>https://namik.tistory.com/138#entry138comment</comments>
      <pubDate>Sat, 4 Nov 2023 16:15:45 +0900</pubDate>
    </item>
    <item>
      <title>[사용기]갤럭시 탭A6 10.1 정품 케이스</title>
      <link>https://namik.tistory.com/137</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 24pt; color: rgb(0, 85, 255);&quot;&gt;갤럭시 탭A6 10.1 정품 케이스&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;갤럭시 탭A6 10.1 with sPen LTE&lt;/b&gt; 버전을 구입해서&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;일반 젤리 케이스로 장착해서 사용하는데&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;케이스가 너무 없어보이고 자랑질을 할 수가 없을 정도로 초라하게 되다보니&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;이참에 정품 케이스를 구매를 해서 좀 뽀대나 보이게&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;한번 써보자는 생각으로 3만원 후반으로 장만하게 되었는데요.&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99F7FD465ABA419815&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99F7FD465ABA419815&quot; width=&quot;500&quot; height=&quot;666&quot; filename=&quot;1_포장앞면.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;제품을 받았을때에는 케이스만 있는 제품이다 보니&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;생각보다는 단촐한 구성으로 되어 있네요.&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;제품 포장의 전면에는 &lt;b&gt;갤럭시 탭 sPen 전용 제품 케이스&lt;/b&gt;인 것을 확인할 수 있었어요.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/999FB2465ABA419A1E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F999FB2465ABA419A1E&quot; width=&quot;500&quot; height=&quot;666&quot; filename=&quot;2_포장 뒷면.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;위 첨부 사진은 제품 포장의 뒷면이고&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;윗부분에 2단계의 스탠드 기능을 지원하는 이미지가 표시가 되어 있네요.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/990FA0465ABA419D13&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F990FA0465ABA419D13&quot; width=&quot;500&quot; height=&quot;666&quot; filename=&quot;3_포장제거 제품 view.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;제품 포장에서 케이스를 꺼내 보니&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;역시 정품이라는 생각이 들 정도로 케이스는 상당히 고급스럽네요&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99DA0C465ABA419F18&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99DA0C465ABA419F18&quot; width=&quot;500&quot; height=&quot;666&quot; filename=&quot;4_포장제거_제품 뒷면 view.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;케이스의 뒷면을 봐도 앞면과 동일한 재질로 상당히 고급스러워보이고요.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;뒷면에 제품의 홈 같은게 보이는데 나중에 홈이 왜 있는지 한번 같이 확인해 볼게요.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99802C465ABA41A221&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99802C465ABA41A221&quot; width=&quot;500&quot; height=&quot;375&quot; filename=&quot;5_장착전 제품 펼친상태.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;케이스를 한번 펼쳐보니&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;다른 일반 케이스와는 다른점이 눈에 들어오시죠??&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;태블릿을 장착할 수 있는 젤리 케이스가 없네요~~&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;그럼 어떻게 케이스를 장착해야하느냐.....&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/991EA1465ABA41A443&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F991EA1465ABA41A443&quot; width=&quot;500&quot; height=&quot;375&quot; filename=&quot;6_제품 장착 상태.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;위의 캡쳐된 이미지처럼 태블릿을 케이스에 가까이 가져다 대면&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;케이스에 내장되어 있는 자석으로 인해서 자동으로 장착이 되네요~~&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99226A465ABA41A711&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99226A465ABA41A711&quot; width=&quot;500&quot; height=&quot;666&quot; filename=&quot;7_제품 부착상태에서 들어올린경우.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;케이스의 자석의 자력이 어느정도냐면 위의 캡쳐된 이미지처럼&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;케이스의 덮개부분만 잡고 들어도 쉽게 떨어지지 않을 정도로&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;잘 붙어 있네요.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9940164B5ABA41AA18&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9940164B5ABA41AA18&quot; width=&quot;500&quot; height=&quot;666&quot; filename=&quot;8_제품부착 뒷면.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;태블릿 sPen 제품이기 때문에 sPen을 사용을 할 수 있어야겠죠??&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;이제 뒷면의 홈의 용도를 확인하실 시간이죠~~&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/993C5A4B5ABA41AF18&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F993C5A4B5ABA41AF18&quot; width=&quot;500&quot; height=&quot;666&quot; filename=&quot;10_sPen 위치 확인.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;케이스 뒷면의 가장 끝 부분을 들어올리면 위 캡쳐한 이미지처럼&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;sPen을 확인 할 수 있어서 sPen을 꺼내서 사용할 수 있네요.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99EB034B5ABA41B107&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99EB034B5ABA41B107&quot; width=&quot;500&quot; height=&quot;666&quot; filename=&quot;13_제품장착 자석 상태 확인.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;그다음으로 뒷면의 가운데 있던 홈은&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;케이스의 뒷면을 가운데 홈까지 들어올리면&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;위 캡쳐한 이미지처럼 접히는데&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;이것이 무슨 용도면 아래 첨부한 이미지를 참조하시면 됩니다.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/993F734B5ABA41B418&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F993F734B5ABA41B418&quot; width=&quot;500&quot; height=&quot;666&quot; filename=&quot;11_제품장착 스탠드 기능_1.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;덮개부분을 뒤집어서&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;케이스 뒷면을 접어서 스탠드로 사용할 수 있는데요.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;위 첨부 이미지는 첫번째 1단계로 설치를 한 상태이면서&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;노트북처럼 화면을 볼때 사용할 수 있는 스탠드로 사용할 수 있고요.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99A36C4B5ABA41B60F&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99A36C4B5ABA41B60F&quot; width=&quot;500&quot; height=&quot;666&quot; filename=&quot;12_제품장착 스탠드 기능_2.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;그다음 두번째 스탠드로 사용하면 태블릿을 좀 더 눕혀서&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;타블렛처럼 sPen으로 그림 및 글을 쓰는데&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;사용할 수 있는 각도의 스탠드를 사용할 수 있네요&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99B0854B5ABA41AC0E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99B0854B5ABA41AC0E&quot; width=&quot;500&quot; height=&quot;666&quot; filename=&quot;9_제품장착 옆면.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;케이스를 덮어서 옆부분을 확인해보면 정품 케이스로써&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;태블릿의 두께를 많이 두껍지 않게 하였다는 것을 확인해볼 수 있네요&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;사용하면서 느낀점&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;장점&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;케이스에 자석으로 장착을 하기 때문에&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;쉽게 탈부착이 되며,&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;상당히 많이 흔들지 않는 이상은&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;제품이 떨어질 걱정은 하지 않아도 되고,&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;화면 자동 온오프 기능도 들어 있기 때문에&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;전원버튼 및 홈버튼을 눌러서&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;화면을 열 필요가 없고,&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;일반 저가의 케이스보다는 디자인에서&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;상당한 고급스러움을 느낄 수 있어요.&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;그리고 스탠드 기능을 지원하기 때문에&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;별도의 거치대를 가지고 다닐 필요도 없네요.&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;단점&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;자석식 부착방식이다보니&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;잘못해서 제품을 바닥에 떨어뜨렸을때&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;제품의 보호가 제대로 이루어질지 걱정이고,&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;스탠드 기능을 사용하기 위해서&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;케이스 덮개의 화면 보호를 하는 부분을 바닥에&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;직접 대고 해야하기 때문에&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;스탠드 기능을 사용하기 전에&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;바닥을 깨끗이 닦고 해야하며.&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;sPen을 사용하고자 할때 뒷면의 커버가&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;가리고 있어서 쉽게 sPen의 탈착이 어렵네요.&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;하지만 이러한 약간의 불편함을 견딜 수 있을 정도로&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;정품 케이스를 사용하면서 많은 만족을 느낄 수 있어서 좋네요~~&lt;/p&gt;</description>
      <category>사용기</category>
      <category>10.1</category>
      <category>A6</category>
      <category>spen</category>
      <category>갤럭시</category>
      <category>갤럭시탭</category>
      <category>북커버</category>
      <category>삼성</category>
      <category>케이스</category>
      <category>탭A</category>
      <category>탭A 10.1</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/137</guid>
      <comments>https://namik.tistory.com/137#entry137comment</comments>
      <pubDate>Tue, 27 Mar 2018 22:54:54 +0900</pubDate>
    </item>
    <item>
      <title>[사용기]레벨유 프로 EO-BN920</title>
      <link>https://namik.tistory.com/136</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;레벨유 프로(EO-BN920)&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;안녕하세요~&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;LG 제품인 HSB-750 제품을 잘 사용하던 중에 블루투스의 잦은 끊김과 저절로 전원이 ON, OFF되는 현상이 생겨서 수리해서 사용하기에는 너무 많이 사용하기도 해서 이번에 블루투스 이어폰을 새로 장만하게 되었습니다.&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;그 제품은 바로 삼성 제품인 레벨유 프로(&lt;b&gt;EO-BN920&lt;/b&gt;)입니다.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9947F14B5A81AD1A32&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9947F14B5A81AD1A32&quot; width=&quot;500&quot; height=&quot;523&quot; filename=&quot;1_박스패키지 전면부_조절_1.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;박스 패키지에서 보는 것처럼 디자인 유연하게 생겼으며 깔끔한 디자인을 보여주네요&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 374px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9917FB4B5A81AD2036&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9917FB4B5A81AD2036&quot; width=&quot;374&quot; height=&quot;500&quot; filename=&quot;3_박스오픈_내부공개.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;박스 패키지 안의 내용물을 꺼내보면 딱 이어폰 밖에 안보이는데요&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;고급져보이던 박스패키지에 비해서 너무 허전하게 이어폰만 보이네요&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;박스 패키지가 중요한게 아니기 때문에 그냥 슥~~~ 지나갑니다~~&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/993773385A81AEB714&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F993773385A81AEB714&quot; width=&quot;500&quot; height=&quot;666&quot; filename=&quot;4_1_내용물_공개.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;내용물을 직접 꺼내보면 실제 제품인 이어폰 본체, 여분의 이어캡, 충전 케이블, 설명서로 구성품은 끝입니다.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;생각보단 박스 구성이 단촐하네요. 좀 부실해보인다고 해야하나...&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99980A4B5A81AD2216&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99980A4B5A81AD2216&quot; width=&quot;500&quot; height=&quot;373&quot; filename=&quot;6_1_우측_버튼조작부.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;이어폰을 한번 구경을 해보면 오른쪽에는 기능/통화 버튼, 음량 조절 버튼이 위치하며&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;제일 많이 사용하는 부분이 깔끔하게 위치하여 있습니다.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/990A0B4B5A81AD2622&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F990A0B4B5A81AD2622&quot; width=&quot;500&quot; height=&quot;374&quot; filename=&quot;7_좌측_부분.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;반대편에는 특별한 버튼이 없네요.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/994EC04B5A81AD271C&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F994EC04B5A81AD271C&quot; width=&quot;500&quot; height=&quot;374&quot; filename=&quot;8_1_윗부분_충전단자.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;목부분을 확인해보면 위쪽으로 충전 케이블을 연결 할 수 있는 충전연결단자가 있고&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;충전 시 충전상태를 확인 할 수 있는 상태 표시등이 있네요.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99E047425A81AD2816&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99E047425A81AD2816&quot; width=&quot;500&quot; height=&quot;304&quot; filename=&quot;9_1_아랫부분_전원버튼.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;아래쪽에는 전원스위치가 위치해 있네요&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;전원 스위치에서 블루투스 표시부분까지 3초간 눌러주면 페어링 모드로 변경이 되네요&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;레벨유 프로를 다루기 위해서 세부설정을 할 수 있는 앱이 있어서 한번 설치해보았습니다.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99144C505A81B1882B&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99144C505A81B1882B&quot; width=&quot;500&quot; height=&quot;888&quot; filename=&quot;1_레벨앱_설치.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;먼저 &quot;&lt;b&gt;Samsung Level&lt;/b&gt;&quot; 를 찾아서 설치합니다.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99A2A1505A81B18921&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99A2A1505A81B18921&quot; width=&quot;500&quot; height=&quot;888&quot; filename=&quot;2_레벨앱_실행.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;설치가 완료되서 실행해보면 위 캡쳐이미지처럼 보이는 메인화면을 확인하게 되네요&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;아랫부분의 볼륨조절 장치처럼 보이는 부분이 스마트폰 음량 조절과 이어폰 음량 조절장치네요&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9997AA505A81B18A36&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9997AA505A81B18A36&quot; width=&quot;500&quot; height=&quot;1090&quot; filename=&quot;3_레벨앱_SoundAlive.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;b&gt;&quot;SoundAlive&quot;&lt;/b&gt; 메뉴로 진입해보면 일반적인 음질 대신 세부적으로 사용자에 맞추어서&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;조절 할 수 있도록 설정을 할 수 있는 것으로 보이네요.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99E24E505A81B18B07&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99E24E505A81B18B07&quot; width=&quot;500&quot; height=&quot;888&quot; filename=&quot;4_레벨앱_SoundWithMe.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;그다음 &lt;b&gt;&quot;Sound with me&quot;&lt;/b&gt; 는 아직까지 사용해보지는 못했지만&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;내가 듣던 노래를 다른 기기와 공유해서 들을 수 있는 기능인것 같지만&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;주변에 같은 이어폰을 사용하는 사용자가 없어서 확인을 하기 어렵네요&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;실제 커플들이 많이 사용할 수 있을 같네요.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99EEB0505A81B18B2F&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99EEB0505A81B18B2F&quot; width=&quot;500&quot; height=&quot;888&quot; filename=&quot;5_레벨앱_자주사용하는앱.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;b&gt;&quot;자주 사용하는 어플리케이션&quot;&lt;/b&gt;는 이어폰이 연결되면&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;스마트폰 사용자에 내가 자주 사용할 어플리케이션을 보여주게 되는데&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;실제 사용하다보면 생각보다는 사용할 확률이 적어서 있으나 마나인 기능이네요.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99BE1C505A81B18C32&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99BE1C505A81B18C32&quot; width=&quot;500&quot; height=&quot;888&quot; filename=&quot;6_레벨앱_착용감지제어.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;마지막으로 &lt;b&gt;&quot;착용 감지 제어&quot;&lt;/b&gt; 메뉴는 이어폰을 사용하는데 실질적으로 유용하게&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;사용 할 수 있도록 설정을 할 수 있는데&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;이어폰이 자석처럼 붙어있다가 떨어지면 자동으로 음악을 재생해주고&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;다시 자석처럼 붙이면 음악 재생을 멈춰주는 기능이 넘나 편해서 너무 좋네요.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;이어폰을 한달정도 사용하면서 느낀점은&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;생각보다는 배터리가 오래가서 아침에 출근하면서&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;이어폰을 사용하였다가 퇴근해서 집에 올때까지도 사용할 수 있어서&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;하루에 한번정도만 충전해서 사용하면 되고(계속 음악을 듣지 않고 듣고 싶을 때 듣고 일에 집중할 때는 껐습니다.)&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&quot;착용 감지 제어&quot;를 사용하여 음악을 듣고 싶거나 통화를 해야하는 경우에&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;붙어있던 이어폰을 떨어뜨려서 사용하면&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;스마트폰에서 음악앱을 실행하거나 통화버튼을 누르지 않아도&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;자동으로 인식이 되는 것이 실 생활에서 매우 유용하게 사용할 수 있네요~&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;그래도 조금 불편한점이 있다면 목에 걸쳐서 사용하는 제품이다 보니&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;가볍다고는 하지만 배터리가 내장되어 있어서 사용하다보면 조금이나마&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;이어폰이 목에 있다는 느낌을 받게 되네요.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;그리고 이어폰이 목걸이처럼 길게 늘어져 있다보니 화장실에서 사용하다보면 이어폰이&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;물에 묻는 경우가 있어서 이어폰을 사용하기 전에 물을 닦아내야하는 불편한점이&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;있었지만 통화/음악 자동 재생, 연결, 자동 종료 기능이 있어서&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;그런 불편한점은 크게 불편하다고 느껴지지 않아서 좋네요~~&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;진작에 이어폰을 바꾸기를 잘한것 같네요~~&lt;/p&gt;</description>
      <category>사용기</category>
      <category>레벨</category>
      <category>레벨유</category>
      <category>레벨유 이어폰</category>
      <category>레벨유 프로</category>
      <category>블루투스 이어폰</category>
      <category>삼성</category>
      <category>삼성 이어폰</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/136</guid>
      <comments>https://namik.tistory.com/136#entry136comment</comments>
      <pubDate>Tue, 13 Feb 2018 00:55:42 +0900</pubDate>
    </item>
    <item>
      <title>[엑셀 함수] SEARCH 함수를 사용한 특정 문자 찾기</title>
      <link>https://namik.tistory.com/135</link>
      <description>&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 36pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;SEARCH 함수를 사용한 특정 문자 찾기&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;FIND 함수처럼 찾기 함수인 SEARCH 함수를 사용하는 방법을 한번 알아보겠습니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;SEARCH 함수를 알아보기전에 FIND 함수에 대해서 알고 싶으시다면&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://namik.tistory.com/131&quot; target=&quot;_blank&quot;&gt;2017/12/29 - [엑셀 다루기] - [엑셀 함수] 문자열 검색하기&lt;/a&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;color: rgb(51, 51, 51); font-size: 18px; padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;1. 사용방법&lt;/h3&gt;
&lt;p style=&quot;color: rgb(0, 0, 0); font-size: 12pt;&quot;&gt;&amp;nbsp;- SEARCH(FIND_TEXT,WITHIN_TEXT,[START_NUM])&lt;/p&gt;&lt;p style=&quot;color: rgb(0, 0, 0); font-size: 12pt;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ FIND_TEXT&amp;nbsp;: 필수 요소이며,&amp;nbsp;찾으려는 텍스트입니다.&lt;/p&gt;&lt;p style=&quot;color: rgb(0, 0, 0); font-size: 12pt;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ WITHIN_TEXT&amp;nbsp;: 필수 요소이며,&amp;nbsp;FIND_TEXT 인수 값을 검색하려는 텍스트입니다.&lt;/p&gt;&lt;p style=&quot;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ START_NUM&amp;nbsp;:&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;선택 요소이며,&amp;nbsp;WITHIN_TEXT 인수에서 찾기 시작하려는 위치까지의 문자 개수입니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(0, 0, 0); font-size: 12pt;&quot;&gt;FIND와 같은 찾기 함수 중에 하나지만 FIND와는 다른 특징을 가지고 있습니다.&lt;/p&gt;&lt;p style=&quot;color: rgb(0, 0, 0); font-size: 12pt;&quot;&gt;FIND에서는 대/소문자 구분을 하지만 SEARCH에서는 대/소문자 구분을 안합니다.&lt;/p&gt;&lt;p style=&quot;color: rgb(0, 0, 0); font-size: 12pt;&quot;&gt;FIND에서는 와일드카드 문자를 사용하지 못하지만 SEARCH에서는 와일드카드 문자인 ?(물음표), *(별표)를 사용할 수 있습니다.&lt;/p&gt;&lt;p style=&quot;color: rgb(0, 0, 0); font-size: 12pt;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;color: rgb(51, 51, 51); font-size: 18px; padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 153, 0); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;2. 샘플&lt;/h3&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 805px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9968563D5A5F64F822&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9968563D5A5F64F822&quot; width=&quot;805&quot; height=&quot;172&quot; filename=&quot;샘플 데이터.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;위 샘플 데이터를 참조하여 입력된 주소에서 동을 찾도록 해보겠습니다.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99D42C3D5A5F64F910&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99D42C3D5A5F64F910&quot; width=&quot;900&quot; height=&quot;134&quot; filename=&quot;샘플 결과.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;위 이미지는 샘플 데이터를 바탕으로 동을 찾아서 표시한 결과와 결과를 찾기 위한 수식을 표시하였습니다.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;결과를 위한 수식을 확인해보면&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;SEARCH 함수의&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;첫번째 인자에는 찾고자하는 텍스트를 입력받고, EX) &quot;구 *동&quot;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;두번째 인자에는 검색하려는 셀을 입력하여서 사용하였습니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;실제 동을 찾기 위해서 MID 함수를 사용하여&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 635px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/998F273D5A5F64F919&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F998F273D5A5F64F919&quot; width=&quot;635&quot; height=&quot;115&quot; filename=&quot;설명_1.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;첫번째 주소를 참조해서&lt;b&gt;&amp;nbsp;SEARCH(&quot;구 *동&quot;, D3)&lt;/b&gt;&amp;nbsp;를 확인해보면 위의 이미지에서 표시한것처럼&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&quot;구 *동&quot; 으로 시작하는 부분의 위치인 &quot;덕진구&quot;에서 &quot;구&quot;의 위치를 반환합니다.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;그 위치는 처음 문자의 위치인 &lt;b&gt;1&lt;/b&gt;을 기점으로 공백도 포함하여&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;b&gt;12&lt;/b&gt; 라는 문자 위치가 반환되게 되는데&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;찾기 위한 동을 찾기 위해서 동의 시작지점을 표시하기 위해&amp;nbsp;&lt;b&gt;+2&lt;/b&gt; 를 더해줘서&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;b&gt;14&lt;/b&gt; 라는 위치를 반환합니다.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 592px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/999C283D5A5F64F917&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F999C283D5A5F64F917&quot; width=&quot;592&quot; height=&quot;169&quot; filename=&quot;설명_2.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;그 다음 동의 문자 길이를 찾기 위해서 입력한&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;((SEARCH(&quot;동 &quot;,D3)+1) - (SEARCH(&quot;구 *동&quot;,D3)+2) 확인해보면&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;처음 앞부분의 &lt;b&gt;SEARCH(&quot;동 &quot;,D3)+1&lt;/b&gt;&amp;nbsp;으로 동으로 끝나는 지점인 631의 앞 위치를 반환하여&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;b&gt;17&lt;/b&gt; 을 반환하고&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;뒷부분의 &lt;b&gt;SEARCH(&quot;구 *동&quot;,D3)+2&lt;/b&gt;&amp;nbsp;으로 위에서 동의 시작 위치인 &lt;b&gt;14&lt;/b&gt;를 반환하여&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;b&gt;17 - 14 = 3&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;동의 문자 길이는 3이 되면서&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;b&gt;MID(D3,SEARCH(&quot;구 *동&quot;,D3)+2,((SEARCH(&quot;동 &quot;,D3)+1) - (SEARCH(&quot;구 *동&quot;,D3)+2)))&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;-&amp;gt; &lt;b&gt;MID( D3, 14, 3 )&lt;/b&gt; = 금암동&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;을 찾게 됩니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>엑셀 다루기</category>
      <category>Excel</category>
      <category>find</category>
      <category>search</category>
      <category>엑셀</category>
      <category>엑셀 함수</category>
      <category>와일드카드</category>
      <category>와일드카드 문자</category>
      <category>찾기 함수</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/135</guid>
      <comments>https://namik.tistory.com/135#entry135comment</comments>
      <pubDate>Thu, 18 Jan 2018 00:26:42 +0900</pubDate>
    </item>
    <item>
      <title>[엑셀 함수] 찾기 함수인 CHOOSE 함수 사용법</title>
      <link>https://namik.tistory.com/134</link>
      <description>&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 36pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;CHOOSE 함수 다루기&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size:14pt;&quot;&gt;기준값을 일정한 순서나 패턴으로 변환시켜주는 함수인 CHOOSE 함수에 대해서 한번 알아보겠습니다.&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 사용방법&lt;/h3&gt;
&lt;p&gt;&amp;nbsp;- CHOOSE(INDEX_NUM, VALUE1, [VALUE2])&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ INDEX_NUM : 필수 요소이며, 인수가 선택되는 값을 지정합니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;INDEX_NUM은 1과 254 사이의 숫자이거나 이에 해당하는 숫자가 들어있는 수식 또는 셀 참조여야 합니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;INDEX_NUM이 1이면 VALUE1이 반환되고, 2이면 VALUE2가 반환됩니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;INDEX_NUM이 1보다 작거나 목록의 마지막에 해당하는 번호보다 크면 오류값을 반환합니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;INDEX_NUM이 분수이면 가장 작은 정수로 잘린 후 사용됩니다. &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ VALUE1 : 필수 요소이며, 이후의 VALUE 값들은 선택요소입니다.&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;INDEX_NUM을 기준으로 사용되는 인수는 1 ~ 254개까지 지정이 가능합니다.&lt;/p&gt;&lt;p&gt;INDEX_NUM 인자에 숫자인 값을 지정하면 그 숫자에 해당하는 VALUE 값을 반환합니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 샘플&lt;/h3&gt;&lt;/span&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 245px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99BC60475A5CBDB72E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99BC60475A5CBDB72E&quot; width=&quot;245&quot; height=&quot;157&quot; filename=&quot;1_샘플데이터.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;위의 샘플 데이터를 참조하여 주민번호 뒷 첫자리가&amp;nbsp;1, 3이면 남자로 2, 4이면 여자로 성별을 표시하도록 해보겠습니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 430px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99B627475A5CBDB701&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99B627475A5CBDB701&quot; width=&quot;430&quot; height=&quot;155&quot; filename=&quot;1_샘플결과.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;CHOOSE 함수내에&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;첫번째인자에는 인수가 선택되어지는 값을 선택하고&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;두번째인자부터는 차례대로 첫번째는 &quot;남&quot;, 두번째는 &quot;여&quot;, 세번째는 &quot;남&quot;, 네번째는 &quot;여&quot;를 입력하였습니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;첫번째인자에서는 MID 함수를 사용하여 입력된 주민번호의 8번째자리에서 한자리만 표시하도록 해줍니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;두번째인자부터는 차례대로 첫번째 인자의 값에 따라서 1, 2, 3, 4, .... 차례대로 순번에 해당하는 값을 반환합니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;예를 들어서&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;홍길동의 주민번호에서 8번째자리의 문자는 &quot;1&quot;입니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;1이면 VALUE 값 중에서 첫번째인 VALUE1의 값을 반환하라는 의미를 담고 있기 때문에 &quot;남&quot;이라는 문자를 반환하게 됩니다.&amp;nbsp;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 116px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99B053475A5CBDB730&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99B053475A5CBDB730&quot; width=&quot;116&quot; height=&quot;137&quot; filename=&quot;2_샘플데이터.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;두번째 샘플에서는 예외 사항에 대해서 설명드리겠습니다.&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 541px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99E931475A5CBDB825&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99E931475A5CBDB825&quot; width=&quot;541&quot; height=&quot;133&quot; filename=&quot;2_샘플결과.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;첫번째 값인 1은 정수이면서 입력된 VALUE값 중에 1에 해당하는 값이 입력되어 있으므로 &quot;VALUE1&quot;을 반환합니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;두번째 입력한 4도 같은 정수이면서 입력된 VALUE값 중에 4에 해당하는 값이 입력되어 있으므로 &quot;VALUE4&quot;를 반환합니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;세번째 입력한 5도 같은 정수이지만 입력된 VALUE값 중에 5에 해당하는 값이 입력되어 있지 않으므로 오류를 발생합니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;네번째 입력한 -1은 정수가 아니면서 음수이기 때문에 입력된 VALUE값을 표현할 수 없기 때문에 오류를 발생하게 됩니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;간단하게 샘플을 예로 들어서 함수를 사용하는 방법을 확인해봤습니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;직접 테스트를 해보고 확인한 바로는 순차적으로 표현이 되는 값을 다른 표현식으로 표시를 해야하는 경우에는 매우 유용하게 사용할 수 있습니다. 하지만 순차적으로 표현을 해야하기 때문에 굳이 사용하지 않는 VALUE라고 하더라도 표시를 하여 자리를 채워줘야하기 때문에 노가다성의 반복작업이 필요하게 됩니다. 하지만 간단하게 사용해야하는 경우는 매우 유용하게 사용할 수 있으리라고 생각이 되어집니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;그리고 또 주의 사항은 정수로 표현이 되어야만 사용할 수 있기 때문에 정수가 아닌 경우에는 표현이 어려울 수 있습니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;그렇게 된다면 차선책으로 IF 함수를 사용하여 표현을 하는 것이 좋을 것같습니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;이전포스트 :&amp;nbsp;&lt;a href=&quot;http://namik.tistory.com/128&quot; target=&quot;_blank&quot;&gt;2017/12/10 - [엑셀 다루기] - [엑셀 함수] 조건식 IF를 다뤄보자&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>엑셀 다루기</category>
      <category>choose</category>
      <category>Excel</category>
      <category>IF</category>
      <category>엑셀</category>
      <category>엑셀 함수</category>
      <category>찾기</category>
      <category>함수</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/134</guid>
      <comments>https://namik.tistory.com/134#entry134comment</comments>
      <pubDate>Tue, 16 Jan 2018 00:04:31 +0900</pubDate>
    </item>
    <item>
      <title>[알림] 2017년 티스토리 결산 어느덧 2017년의 시간이 지나갔네요~</title>
      <link>https://namik.tistory.com/133</link>
      <description>&lt;p&gt;오늘 포스팅할게 뭐가 있을까 하다가 결산에 대한 팝업을 보게 되면서 결산에 참여하여 결산을 완료하였습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99A7B44C5A562FF42D&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99A7B44C5A562FF42D&quot; width=&quot;900&quot; height=&quot;532&quot; filename=&quot;결산_1.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;현재 저는 SI 개발자이기 때문에 IT 개발자로써 개발에 관련된 누적된 능력을 계속 간직하기 위해서 하나둘씩 블로그에 내용을 정리하다보니 티스토리에서 2년이라는 시간을 보내게 되었네요&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99A1FB4C5A562FF507&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99A1FB4C5A562FF507&quot; width=&quot;900&quot; height=&quot;541&quot; filename=&quot;결산_2.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;2017년 동안 2만명 이상이 방문해주셔서 많이 미흡하지만 찾으시는 분들이 있다는 것에 감사함을 느낍니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99A2CB4C5A562FF62E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99A2CB4C5A562FF62E&quot; width=&quot;900&quot; height=&quot;542&quot; filename=&quot;결산_3.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;프로그램 개발에 대한 내용을 주로 다루다보니 제가 많이 언급한 이야기들이 주로 프로그램 개발에 관련된 내용들이 많이 보이네요&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99BEE64C5A562FF703&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99BEE64C5A562FF703&quot; width=&quot;900&quot; height=&quot;509&quot; filename=&quot;결산_4.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;2017년 동안 20,609명이 방문해 주셔서 감사합니다.~~&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;2016년 보다는 13,881명이나 많이 찾아주셔서 매년 방문해주시는 분들이 점점 늘어나겠죠~~&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9951854C5A562FF713&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9951854C5A562FF713&quot; width=&quot;900&quot; height=&quot;613&quot; filename=&quot;결산_5.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;요즘 화면쪽을 개발하는데 있어서 JQUERY가 많이 쓰이고 하다보니 많은 분들이 검색해보신것 같네요&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;앞으로도 일을 하면서 JQUERY에 관련된 내용을 알게 되면 2017년 보다 많이 정리를 해야겠네요~~&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9981B04C5A562FF837&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9981B04C5A562FF837&quot; width=&quot;900&quot; height=&quot;357&quot; filename=&quot;결산_6.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;많이 미흡하지만 그래도 많은 분들이 제 포스트를 방문해주신것 같아서 기분이 좋네요~~&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;앞으로도 꾸준히 내용을 정리해서 2017년보다 좀 더 열심히 포스트를 작성하여 좀 더 많은 분들이 찾아볼 수 있도록 노력해봐야겠네요~~&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99F1764C5A562FF921&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99F1764C5A562FF921&quot; width=&quot;900&quot; height=&quot;492&quot; filename=&quot;결산_이벤트.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/995DBA4A5A562FFA01&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F995DBA4A5A562FFA01&quot; width=&quot;900&quot; height=&quot;537&quot; filename=&quot;결산_이벤트_2.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;티스토리에서&amp;nbsp;결산 이벤트를 하지만 아직 이제 신병인 제가 받기는 어려워보이고 좀 더 많이 노력해서 인기 있는 블로그까지는 아니더라도 프로그램 개발자 분들의 도움이 될 수 있도록 열심히 해보겠습니다.~~(티스토리 굿즈는 언젠가 한번 받아보고 싶네요~~)&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;저의 블로그 결산 구경해보기&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://www.tistory.com/thankyou/2017/tistory/1816653&quot;&gt;http://www.tistory.com/thankyou/2017/tistory/1816653&lt;/a&gt;&lt;/p&gt;</description>
      <category>기타</category>
      <category>2017 티스토리 결산</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/133</guid>
      <comments>https://namik.tistory.com/133#entry133comment</comments>
      <pubDate>Thu, 11 Jan 2018 00:37:22 +0900</pubDate>
    </item>
    <item>
      <title>[앱소개] 구형 스마트폰 차량 네비가 되다</title>
      <link>https://namik.tistory.com/132</link>
      <description>&lt;p&gt;신형 스마트폰으로 바꾸고 집에서 놀고 있는 스마트폰을 게임용으로 사용하던 중에 차량용 내비로 같이 겸해서 사용할 수 없을까생각하던 차에 찾게된&amp;nbsp;자동처리 앱인 &quot;AUTOMATELT&quot;을 알아보겠습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;자동처리를 사용하기 위해서 사용할 상황은&lt;/p&gt;
&lt;p&gt;차량용 블루투스에 연결되면 자동으로 음악 앱과 내비 앱을 자동 실행하여 앱을 찾는 수고를 덜 수 있게 해줄 수 있도록 하는 것입니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;직접 앱을 설정하여 사용하기 위해서는&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;처음으로 자동처리 앱을&amp;nbsp;설치를 해야겠죠??&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;구글스토어에서 &quot;automatelt&quot;으로 먼저 검색을 해서&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;해당 앱을 설치를 먼저 합니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 377px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99D30A4E5A4CF0B138&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99D30A4E5A4CF0B138&quot; width=&quot;377&quot; height=&quot;487&quot; filename=&quot;01_구글스토어 앱 실행.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;설치가 되셨다면 실행을 해야겠죠~~&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 376px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/990A294E5A4CF0B130&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F990A294E5A4CF0B130&quot; width=&quot;376&quot; height=&quot;605&quot; filename=&quot;02_대쉬보드 설명.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;앱 실행 시 첫 메인 화면입니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;첫 메인화면에서 내가 직접 생성한&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 85, 255);&quot;&gt;자동화 룰 목록,&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 85, 255);&quot;&gt;나외에 다른 사용자가 공유한 자동화 룰 목록,&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 85, 255);&quot;&gt;사용한 자동화 룰의 빈도 수&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;3가지를 볼 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;처음에는 자동화 룰 목록에 6가지가&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;기본 등록되어 있는데&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;제가 쓸려는 목적에는 맞지 않아서&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;모두 삭제한 상태입니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 378px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99DDB74E5A4CF0B114&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99DDB74E5A4CF0B114&quot; width=&quot;378&quot; height=&quot;646&quot; filename=&quot;03_신규등록시작.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;내 룰 메뉴를&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;클릭하면 위 화면처럼&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;내가 직접 생성한 룰의 목록을&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;볼 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;현재는 모두 제거하여 새로 등록할 예정입니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;그래서 현재 아무것도 보이지 않습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;첫 시작은 오른쪽 하단의 &quot;+&quot; 버튼을&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;클릭하여 등록화면으로 들어옵니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 376px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9956A24E5A4CF0B202&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9956A24E5A4CF0B202&quot; width=&quot;376&quot; height=&quot;646&quot; filename=&quot;04_블루투스 접속 트리거 선택.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;해당 등록화면의 첫번째 Step은&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;룰을 실행할 이벤트를 등록하는 것입니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;특정 블루투스 장치에 연결되거나&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;무선랜에 연결되거나 등등...&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;여러 이벤트 중에서&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 85, 255);&quot;&gt;블루투스 장치 접속 트리거&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;를 선택합니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 380px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/991E5D4E5A4CF0B22D&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F991E5D4E5A4CF0B22D&quot; width=&quot;380&quot; height=&quot;647&quot; filename=&quot;05_블루투스 장치 선택.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;위의 화면처럼&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;내 폰에 등록되어 있는&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;불루투스 장치의 목록을&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;검색해서 보여줍니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;제차에 장착된&amp;nbsp;자동차용 블루투스 기기인&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;&lt;b&gt;AT1366BT&lt;/b&gt;&lt;/span&gt;를 선택합니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 379px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99FADB4E5A4CF0B334&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99FADB4E5A4CF0B334&quot; width=&quot;379&quot; height=&quot;645&quot; filename=&quot;06_어플시작액션 선택.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;블루투스가 연결되면 실행할 액션 목록입니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;블루투스가 연결되면&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;음악앱이나 내비앱을 실행할 목적이기 때문에&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255); font-size: 12pt;&quot;&gt;어플 시작 액션&lt;/span&gt;&lt;/b&gt; 선택&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 377px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99DA494E5A4CF0B337&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99DA494E5A4CF0B337&quot; width=&quot;377&quot; height=&quot;281&quot; filename=&quot;07_어플시작 앱 목록보기.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;실행할 앱을 선택해야하는데&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;앱서랍처럼 생긴 버튼을&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;클릭하면&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 330px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99E2774E5A4CF0B32E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99E2774E5A4CF0B32E&quot; width=&quot;330&quot; height=&quot;616&quot; filename=&quot;08_앱목록에서 앱 찾기.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;위 그림처럼 제 폰에 설치된&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;앱들이 모두 검색이 됩니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;그중에서 지금은&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;차량에서 음악을 듣기 위해서&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;&lt;b&gt;뮤직메이트&lt;/b&gt;&lt;/span&gt; 를 선택하였습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 377px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/996B1F4C5A4CF0B422&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F996B1F4C5A4CF0B422&quot; width=&quot;377&quot; height=&quot;434&quot; filename=&quot;09_앱목록에서 앱 찾기 완료.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;앱을 선택하면 위 화면처럼&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;앱이 등록이 됩니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 377px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9916454C5A4CF0B42C&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9916454C5A4CF0B42C&quot; width=&quot;377&quot; height=&quot;410&quot; filename=&quot;10_룰이름 지정.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;이제 마지막으로&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;신규로 생성할 룰의 명칭을&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;입력합니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;그외 지연 실행이 있는데&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;아직 실험해보지 않아서 패스~~&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 377px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99F0A94C5A4CF0B431&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99F0A94C5A4CF0B431&quot; width=&quot;377&quot; height=&quot;560&quot; filename=&quot;11_룰 등록완료 후 목록보기.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;자동화 룰의 명칭도 입력이 되면 저장 버튼을 클릭하면&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;내 룰 목록에 표시가 되는 것을 확인 할 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;현재 불루투스에 등록 시 &lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;뮤직메이트&lt;/span&gt;&lt;/b&gt;와 &lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;카카오내비&lt;/span&gt;&lt;/b&gt;를&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;자동 실행 할 수 있도록 각각 등록한 상태입니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 378px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99FBE84C5A4CF0B50F&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99FBE84C5A4CF0B50F&quot; width=&quot;378&quot; height=&quot;560&quot; filename=&quot;12_룰 목록 상세보기.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;등록된 룰들의 목록을 클릭하면&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;룰의 상세정보를 확인할 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;등록한 룰에서 수정하고 싶다면 수정할 수 있고&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;맘에 들지 않아서 삭제를 할 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;룰 업로드는 SNS에 공유를 하는 것인데&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;아직 SNS 계정을 등록하지 않아서&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;추후에 확인해보도록 하겠습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;실제로 룰을 등록하여 운전을 할때 사용해 보니 자동으로 뮤직메이트와 카카오내비가 실행되는 것을 확인 할 수 있었습니다.&lt;/p&gt;
&lt;p&gt;하지만 아직 해당 앱의 기능을 전부 확인하지 못한 상태여서 간단하게 눈으로 보이는 부분만 설정을 하였지만&lt;/p&gt;
&lt;p&gt;추후 좀 더 기능을 확인하여 좀 더 사용하기 쉽도록 자료를 남겨드리겠습니다.&lt;/p&gt;
&lt;p&gt;위의 룰처럼 해보니 불루투스 장치 하나에 연결해서 몇가지 기능을 수행할 때 각각 하나씩 등록을 해야해서 조금 귀찮게 한다는 느낌이 들게 되네요~~&lt;/p&gt;
&lt;p&gt;마지막으로 지금 소개해드린 앱외에도 자동처리 앱을 사용하였지만 UI가 텍스트 기반이어서 계속보다보니 디자인이 맘에 안들어서 사용을 안하고 있는 앱도 있어서 자료 링크를 남겨드립니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;이전 블로그 자료&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://namik.tistory.com/24&quot; target=&quot;_blank&quot;&gt;2016/09/21 - [앱소개] - [앱소개]Llama - 자동화 안드로이드 앱 01&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://namik.tistory.com/25&quot; target=&quot;_blank&quot;&gt;2016/09/22 - [앱소개] - [앱소개] Llama - 자동화 앱 02&lt;/a&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;이전에 작성한 LIama&amp;nbsp;앱이 현재 소개해드린 앱보다는 UI는 별로지만&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;좀더 사용할 수 있는 기능이 다양하게 있는 것 같다는 느낌이 들지만&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;위 앱의 기능에 대해서 좀 더 확인해서 평가를 내보겠습니다.&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>앱소개</category>
      <category>automatelt</category>
      <category>내비</category>
      <category>블루투스</category>
      <category>스마트폰 내비게이션</category>
      <category>스마트폰 활용</category>
      <category>안쓰는 스마트폰</category>
      <category>자동처리</category>
      <category>자동화</category>
      <category>트리거</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/132</guid>
      <comments>https://namik.tistory.com/132#entry132comment</comments>
      <pubDate>Thu, 4 Jan 2018 00:33:06 +0900</pubDate>
    </item>
    <item>
      <title>[엑셀 함수] 문자열 검색하기</title>
      <link>https://namik.tistory.com/131</link>
      <description>&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 36pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;FIND 함수로 문자열 검색하기&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size:14pt;&quot;&gt;엑셀을 문서를 정리하다보면 특정 문자를 검색해야할 경우가 있습니다.&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size:14pt;&quot;&gt;하지만 검색해서 찾아야 할 내용이 많은 경우 하나씩 찾다보면 헷갈리거나 일일이 표시를 해야하는 경우가 있습니다. 그러다보면 짜증이 나는 경우도 있게 되는데요&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size:14pt;&quot;&gt;엑셀에서 제공하는 함수중 FIND() 함수를 사용하여 문자열을 검색하는 방법을 알아보도록 하겠습니다.&lt;/span&gt;&lt;/p&gt;
&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 사용방법&lt;/h3&gt;
&lt;p&gt;&amp;nbsp;- FIND(find_text, within_text, [start_num])&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ &lt;b&gt;find_text&lt;/b&gt;&amp;nbsp;: 필수 요소이며, 찾을려고 하는 문자&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ &lt;b&gt;within_text&lt;/b&gt; : 필수 요소이며, find_text 인자에서 찾을려는 문자가 포함된 문자열&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ &lt;b&gt;start_num&lt;/b&gt; : 선택 요소이며, within_text에서 검색을 시작할 위치입니다. 시작할 문자번호는 1부터 시작하며, 생략하면 1로 기본 설정됩니다.&lt;/p&gt;&lt;p&gt;문자열에서 찾으려는 문자가 있는 위치를 반환하여 알려준다.&lt;/p&gt;&lt;/span&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 샘플&lt;/h3&gt;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 134px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99A0CC4D5A450C3E18&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99A0CC4D5A450C3E18&quot; width=&quot;134&quot; height=&quot;158&quot; filename=&quot;샘플데이터.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;위 샘플 데이터를 참조하여 내가 원하는 문자가 포함이 되어 있는지 확인해보겠습니다.&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;검색을 할 문자는 &quot;a&quot; 이고 &quot;a&quot;가 포함되어 있는 경우와 포함되어 있지 않은 경우 어떻게 다른지 확인하겠습니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 332px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9905524D5A450C3E30&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9905524D5A450C3E30&quot; width=&quot;332&quot; height=&quot;155&quot; filename=&quot;샘플 결과.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;FIND() 함수의&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;첫번째 인자에 찾을려는 문자를 입력 -&amp;gt;&amp;nbsp;&quot;a&quot;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;두번째 인자에 찾기 위한 텍스트 선택 &amp;gt; 텍스트가 특정 Cell&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;세번째 인자는 선택사항이기 때문에 생략&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;결과를 확인해보면&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&quot;a&quot;가 포함된 경우 문자의 위치 번호를 반환합니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&quot;a&quot;가 포함되어 있지 않은 경우 #VALUE! 오류를 반환합니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;해당 결과로 찾을려는 문자가 있는 경우 위치를 알 수 있지만 포함되어 있지 않은 경우 오류를 발생하는 것을 알 수 있습니다.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;b&gt;1. 대소문자 구분 여부 확인하기&lt;/b&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 310px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99E6E74D5A450C3F35&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99E6E74D5A450C3F35&quot; width=&quot;310&quot; height=&quot;161&quot; filename=&quot;샘플 결과_대문자구분.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;찾는 문자의 대소문자 구분여부를 확인하기 위해서 소문자 &quot;a&quot;가 아닌 대문자 &quot;A&quot;를 입력하는 경우 모두 해당 문자를 검색하지 못해서 오류를 발생하는 것을 확인 할 수 있어서 찾기 위해 입력한 문자의 대소문자도 구분하는 것을 확인 할 수 있었습니다.&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;b&gt;2. ISNUMBER() 함수를 활용하여 반환되는 값을 TRUE, FALSE로 반환하기&lt;/b&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 402px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9934134D5A450C3F29&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9934134D5A450C3F29&quot; width=&quot;402&quot; height=&quot;153&quot; filename=&quot;샘플 결과 응용_ISNUMBER.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;작성한 FIND() 겉에 ISNUMBER()로 감싸서 사용하는 경우 FIND()의 반환값이 숫자인 경우 &quot;&lt;b&gt;TRUE&lt;/b&gt;&quot;, 반환값이 숫자가 아닌 경우 &quot;&lt;b&gt;FALSE&lt;/b&gt;&quot;를 반환하는 것을 확인할 수 있습니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;b&gt;3. ISNUMBER(), IF() 함수를 활용하여 반환되는 값으로 특정 문자 표시하기&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 565px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/998B6E4D5A450C3F1C&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F998B6E4D5A450C3F1C&quot; width=&quot;565&quot; height=&quot;156&quot; filename=&quot;샘플 결과 응용_IF_ISNUMBER.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;2 항에서 사용한 함수에 IF()로 감싸서 해당 조건이 참인 경우 &quot;포함&quot;, 거짓인 경우 &quot;불포함&quot;을 표현하도록 사용하여 &quot;a&quot; 문자가 포함되어 있는 경우 &quot;포함&quot;, 포함되어 있지 않은 경우 &quot;불포함&quot;의 텍스트를 반환할 수 있는 것을 확인 할 수 있었습니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;IF&amp;nbsp;함수 참조 :&amp;nbsp;&lt;a href=&quot;http://namik.tistory.com/128&quot; target=&quot;_blank&quot;&gt;2017/12/10 - [엑셀 다루기] - [엑셀 함수] 조건식 IF를 다뤄보자&lt;/a&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;실제 엑셀 내용에서 찾기 함수인 FIND()를 사용하는 경우 FIND() 단일에서는 찾는 문자가 없는 경우 오류를 반환하여 표시를 하는데 있어서 좋지 않은 점을 볼 수 있습니다. 하지만 3번 예제처럼 ISNUMBER(), IF() 함수를 같이 사용하여 내가 원하는 결과를 표시할 수 있도록 사용을 한다면 좀 더 원하는 문자를 찾는 경우 깔끔하게 정리되어서 확인 할 수 있을 것으로 보입니다.&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>엑셀 다루기</category>
      <category>Excel</category>
      <category>find</category>
      <category>IF</category>
      <category>ISNUMBER</category>
      <category>엑셀</category>
      <category>엑셀 함수</category>
      <category>찾기</category>
      <category>함수 다루기</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/131</guid>
      <comments>https://namik.tistory.com/131#entry131comment</comments>
      <pubDate>Fri, 29 Dec 2017 00:48:19 +0900</pubDate>
    </item>
    <item>
      <title>[엑셀 함수] 반올림,올림,버림를 표현할 수 있는 ROUND 함수를 알아보기</title>
      <link>https://namik.tistory.com/130</link>
      <description>&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 36pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;ROUND,ROUNDUP,ROUNDDOWN다루기&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;회계용으로 엑셀을 사용하다보면 계산 결과에서 금액이 서로 제각각으로 표현되어서 좀 지저분하게 보여지는 경향이 있어서 엑셀을 깔끔하게 표현하기 위해서 특정 자릿수로 고정해서 표현하는 경우가 많습니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;자릿수를 지정하기 위해서 사용하는 함수중에서 많이 사용하는 ROUND,ROUNDUP,ROUNDDOWN 함수를 사용하여 반올림,올림,버림을 표현할 수 있도록 해보겠습니다.&lt;/span&gt;&lt;/p&gt;
&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 사용방법&lt;/h3&gt;
&lt;p&gt;&amp;nbsp;- ROUND(number, num_digits)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ number : 필수 요소이며, 반올림을 표현할 숫자를 나타냅니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ num_digits : 필수 요소이며, 입력받은 number 인수의 숫자를 반올림할 자릿수를 나타냅니다.&lt;/p&gt;&lt;p&gt;숫자를 지정한 자릿수로 반올림합니다.&lt;/p&gt;&lt;p&gt;num_digits가 0이면&amp;nbsp;number 인수로 지정한 숫자를 정수로 반올림합니다.&lt;/p&gt;&lt;p&gt;num_digits가 양수이면 number 인수로 지정한 숫자를 소수점 아래 자릿수로 반올림합니다.&lt;/p&gt;&lt;p&gt;ex) 1이면 소수점 첫자리, 2이면 소수점 둘째자리&lt;/p&gt;&lt;p&gt;num_digits가 음수이면 number 인수로 지정한 숫자를 소수점 위&amp;nbsp;자릿수로 반올림합니다.&lt;/p&gt;&lt;p&gt;ex) 1이면 소수점 위 일의자리, 2이면 소수점 위 십의자리&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp;- ROUNDUP(number, num_digits)&lt;/p&gt;&lt;/span&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ number : 필수 요소이며, 올림을 표현할 숫자를 나타냅니다.&lt;/p&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ num_digits : 필수 요소이며, 입력받은&amp;nbsp;number 인수의 숫자를 올림할 자릿수를 나타냅니다.&lt;/p&gt;&lt;div&gt;숫자를 지정한 자릿수로 올림합니다.&lt;/div&gt;&lt;div&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;num_digits가 0이면&amp;nbsp;number 인수로 지정한 숫자를 정수로&amp;nbsp;올림합니다.&lt;/p&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;num_digits가 양수이면 number 인수로 지정한 숫자를 소수점 아래 자릿수로 올림합니다.&lt;/p&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;ex) 1이면 소수점 첫자리, 2이면 소수점 둘째자리&lt;/p&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;num_digits가 음수이면 number 인수로 지정한 숫자를 소수점 위&amp;nbsp;자릿수로 올림합니다.&lt;/p&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;ex) 1이면 소수점 위 일의자리, 2이면 소수점 위 십의자리&lt;/p&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;/div&gt;&lt;div&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp;- ROUNDDOWN(number, num_digits)&lt;/p&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ number : 필수 요소이며, 버림을 표현할 숫자를 나타냅니다.&lt;/p&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ num_digits : 필수 요소이며, 입력받은&amp;nbsp;number 인수의 숫자를 버림할 자릿수를 나타냅니다.&lt;/p&gt;&lt;/div&gt;&lt;div&gt;숫자를 지정한 자릿수로 버림합니다.&lt;/div&gt;&lt;div&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;num_digits가 0이면&amp;nbsp;number 인수로 지정한 숫자를 정수로 버림합니다.&lt;/p&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;num_digits가 양수이면 number 인수로 지정한 숫자를 소수점 아래 자릿수로 버림합니다.&lt;/p&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;ex) 1이면 소수점 첫자리, 2이면 소수점 둘째자리&lt;/p&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;num_digits가 음수이면 number 인수로 지정한 숫자를 소수점 위&amp;nbsp;자릿수로 버림합니다.&lt;/p&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;ex) 1이면 소수점 위 일의자리, 2이면 소수점 위 십의자리&lt;/p&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;p&gt;&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 샘플&lt;/h3&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 123px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/997B0F495A37D65839&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F997B0F495A37D65839&quot; width=&quot;123&quot; height=&quot;180&quot; filename=&quot;샘플데이터.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;위 샘플 데이터를 토대로 &lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;102.15, 106.15&lt;/span&gt;&lt;/b&gt;의 숫자를&amp;nbsp; 사용하여 &lt;b&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 85, 255);&quot;&gt;ROUND, ROUNDUP, ROUNDDOWN&lt;/span&gt;&lt;/b&gt; 함수를 사용해서 어떻게 표현이 되는지 확인해보겠습니다.&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 890px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/990BD3495A37D65803&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F990BD3495A37D65803&quot; width=&quot;890&quot; height=&quot;286&quot; filename=&quot;샘플 결과_표시.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/p&gt;&lt;p&gt;&lt;b&gt;ROUND()&lt;/b&gt;&amp;nbsp;반올림을 사용하는 함수로써&lt;/p&gt;&lt;p&gt;&lt;b&gt;num_digits&lt;/b&gt;가 &lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255); font-size: 12pt;&quot;&gt;0&lt;/span&gt;&lt;/b&gt;인 경우&amp;nbsp;&lt;/p&gt;&lt;p&gt;정수로 표현하기 위해서 반올림을 적용하여 &lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;102.15&lt;/span&gt;&lt;/b&gt;인 경우 소수점 첫자리의 값이 1이기 때문에 일의 자리에 올림이 없이 &lt;b&gt;102&lt;/b&gt;로 반올림되고,&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;106.15&lt;/span&gt;&lt;/b&gt;의 경우도 동일하기 때문에 &lt;b&gt;106&lt;/b&gt;으로 반올림됩니다.&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;b&gt;num_digits&lt;/b&gt;가 &lt;span style=&quot;font-size: 12pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;1&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;인 경우&lt;/p&gt;&lt;p&gt;소수점 첫자리까지 반올림을 적용하여&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;102.15&lt;/span&gt;&lt;/b&gt;인 경우 소수점 둘째자리의 값이 5이기 때문에 소수점 첫자리에 올림 현상이 발생하여&amp;nbsp;&lt;b&gt;102.2&lt;/b&gt;로 반올림되고,&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;106.15&lt;/span&gt;&lt;/b&gt;의 경우도 동일하기 때문에&amp;nbsp;&lt;b&gt;106.2&lt;/b&gt;으로 반올림됩니다.&amp;nbsp;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;num_digits&lt;/b&gt;가 &lt;span style=&quot;font-size: 12pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;-1&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;인 경우&lt;/p&gt;&lt;p&gt;십의자리까지 반올림을 적용하여&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;102.15&lt;/span&gt;&lt;/b&gt;인 경우 일의 자리&amp;nbsp;값이 2이기 때문에 십의 자리에 올림이 없기 때문에&amp;nbsp;&lt;b&gt;100&lt;/b&gt;으로 반올림되고,&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;106.15&lt;/span&gt;&lt;/b&gt;의 경우는 일의 자리가 6이기 때문에 십의 자리에 올림이 발생하여 &lt;b&gt;110&lt;/b&gt;으로 반올림됩니다.&lt;/p&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;p&gt;&lt;b&gt;ROUNDUP()&lt;/b&gt;&amp;nbsp;올림을 사용하는 함수로써&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;num_digits&lt;/b&gt;가&amp;nbsp;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255); font-size: 12pt;&quot;&gt;0&lt;/span&gt;&lt;/b&gt;인 경우&amp;nbsp;&lt;/p&gt;&lt;p&gt;정수로 표현하기 위해서 올림을 적용하여&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;102.15&lt;/span&gt;&lt;/b&gt;인 경우 소수점 첫자리의 값이 0이 아닌 경우&amp;nbsp;일의 자리에 올림이 발생하여&amp;nbsp;&lt;b&gt;103&lt;/b&gt;로 반올림되고,&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;106.15&lt;/span&gt;&lt;/b&gt;의 경우도 동일하기 때문에&amp;nbsp;&lt;b&gt;107&lt;/b&gt;으로 올림됩니다.&lt;/p&gt;&lt;p&gt;&lt;b&gt;num_digits&lt;/b&gt;가&amp;nbsp;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;1&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;인 경우&lt;/p&gt;&lt;p&gt;소수점 첫자리까지 올림을 적용하여&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;102.15&lt;/span&gt;&lt;/b&gt;인 경우 소수점 둘째자리의 값이 0이 아닌 경우 소수점 첫자리에 올림 현상이 발생하여&amp;nbsp;&lt;b&gt;102.2&lt;/b&gt;로 올림되고,&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;106.15&lt;/span&gt;&lt;/b&gt;의 경우도 동일하기 때문에&amp;nbsp;&lt;b&gt;106.2&lt;/b&gt;으로 올림됩니다.&amp;nbsp;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;num_digits&lt;/b&gt;가&amp;nbsp;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;-1&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;인 경우&lt;/p&gt;&lt;p&gt;십의자리까지 올림을 적용하여&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;102.15&lt;/span&gt;&lt;/b&gt;인 경우 일의 자리값이 0이 아닌 경우&amp;nbsp;십의자리에 올림이 발생하여&amp;nbsp;&lt;b&gt;110&lt;/b&gt;으로 올림되고,&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;106.15&lt;/span&gt;&lt;/b&gt;의 경우도 동일하여 십의 자리에 올림이 발생하여&amp;nbsp;&lt;b&gt;110&lt;/b&gt;으로 반올림됩니다.&lt;/p&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;p&gt;&lt;b&gt;ROUNDDOWN()&lt;/b&gt;&amp;nbsp;버림을 사용하는 함수로써&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;num_digits&lt;/b&gt;가&amp;nbsp;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255); font-size: 12pt;&quot;&gt;0&lt;/span&gt;&lt;/b&gt;인 경우&amp;nbsp;&lt;/p&gt;&lt;p&gt;정수로 표현하기 위해서 버림을 적용하여&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;102.15&lt;/span&gt;&lt;/b&gt;인 경우 소수점 첫자리의 값이 0이 아닌 경우&amp;nbsp;일의 자리에 버림이 발생하여&amp;nbsp;&lt;b&gt;100&lt;/b&gt;으로&amp;nbsp;버림이 되고,&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;106.15&lt;/span&gt;&lt;/b&gt;의 경우도 동일하기 때문에&amp;nbsp;&lt;b&gt;106&lt;/b&gt;으로 버림이 됩니다.&lt;/p&gt;&lt;p&gt;&lt;b&gt;num_digits&lt;/b&gt;가&amp;nbsp;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;1&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;인 경우&lt;/p&gt;&lt;p&gt;소수점 첫자리까지 버림을 적용하여&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;102.15&lt;/span&gt;&lt;/b&gt;인 경우 소수점 둘째자리의 값이 0이 아닌 경우&amp;nbsp;소수점 첫자리에 버림&amp;nbsp;현상이 발생하여&amp;nbsp;&lt;b&gt;102.1&lt;/b&gt;로&amp;nbsp;버림이 되고,&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;106.15&lt;/span&gt;&lt;/b&gt;의 경우도 동일하기 때문에&amp;nbsp;&lt;b&gt;106.1&lt;/b&gt;으로&amp;nbsp;버림이 됩니다.&amp;nbsp;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;num_digits&lt;/b&gt;가&amp;nbsp;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;-1&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;인 경우&lt;/p&gt;&lt;p&gt;십의자리까지&amp;nbsp;버림을 적용하여&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;102.15&lt;/span&gt;&lt;/b&gt;인 경우 일의 자리값이 0이 아닌 경우&amp;nbsp;십의자리에 버림이 발생하여&amp;nbsp;&lt;b&gt;100&lt;/b&gt;으로&amp;nbsp;버림이 되고,&amp;nbsp;&lt;b&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;106.15&lt;/span&gt;&lt;/b&gt;의 경우도 동일하여 십의 자리에 버림이 발생하여&amp;nbsp;&lt;b&gt;100&lt;/b&gt;으로 반올림됩니다.&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>엑셀 다루기</category>
      <category>round</category>
      <category>rounddown</category>
      <category>roundup</category>
      <category>반올림</category>
      <category>버림</category>
      <category>엑셀</category>
      <category>엑셀 함수</category>
      <category>올림</category>
      <category>함수 다루기</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/130</guid>
      <comments>https://namik.tistory.com/130#entry130comment</comments>
      <pubDate>Tue, 19 Dec 2017 00:18:41 +0900</pubDate>
    </item>
    <item>
      <title>[엑셀 함수] 논리 함수 NOT, AND, OR 알아보기</title>
      <link>https://namik.tistory.com/129</link>
      <description>&lt;p&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 36pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;NOT,AND,OR 다루기&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size:14pt;&quot;&gt;논리 함수인 NOT, AND, OR 함수에 대해서 알아보겠습니다.&lt;/span&gt;&lt;/p&gt;
&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;NOT 사용방법&lt;/h3&gt;
&lt;p&gt;&amp;nbsp;- NOT(Logical)&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ Logical&amp;nbsp;: 필수 요소이며, TRUE나 FALSE를 판정할 수 있는 값 또는 수식입니다.&lt;/p&gt;
&lt;p&gt;TRUE인 값에는 FALSE, FALSE인 값에는 TRUE를 반환해줍니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;NOT 샘플&lt;/h3&gt;&lt;/span&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 130px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99BD4C465A2FDC6623&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99BD4C465A2FDC6623&quot; width=&quot;130&quot; height=&quot;200&quot; filename=&quot;샘플데이터.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;위 샘플데이터를 참조하여 조건_1의 값 중에서 100보다 같거나 큰 경우 &quot;TRUE&quot;, 작은 경우 &quot;FALSE&quot; 표시하도록 하겠습니다. IF 함수내에 NOT를 사용하도록 하겠습니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 439px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99578F465A2FDC6734&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99578F465A2FDC6734&quot; width=&quot;439&quot; height=&quot;203&quot; filename=&quot;샘플 결과.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;&quot;/&gt;&lt;/span&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;/p&gt;
&lt;p&gt;NOT 함수의&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;첫번째 인자 :&amp;nbsp;&lt;span style=&quot;font-size: 16px;&quot;&gt;TRUE나 FALSE를 판정할 수 있는 값 또는 수식&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;A9&amp;gt;=100 (해당 조건에 TRUE인 경우 FALSE, FALSE인 경우 TRUE 반환)&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;display: block; padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;AND 사용방법&lt;/h3&gt;&lt;p&gt;&amp;nbsp;- AND(Logical1, Logical2, ....)&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙&amp;nbsp;&lt;span style=&quot;font-size: 16px;&quot;&gt;Logical1&lt;/span&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp;&lt;/span&gt;: 필수 요소이며, TRUE로 적용될 조건식입니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙&amp;nbsp;&lt;span style=&quot;font-size: 16px;&quot;&gt;Logical2, ....&amp;nbsp;&lt;/span&gt;: 선택 요소이며, TRUE로 적용될 조건식입니다. 그 외 TRUE로 적용할 조건식을 추가입력할 수 있습니다.&lt;/p&gt;
&lt;p&gt;모든 입력된 조건식의 값이 TRUE인 경우 TRUE를 반환하고 입력된 모든 조건식이 TRUE를 만족하지 않는 경우 FALSE를 반환합니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;display: block; padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 153, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;AND 샘플&lt;/h3&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 206px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9969714F5A2FDC8217&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9969714F5A2FDC8217&quot; width=&quot;206&quot; height=&quot;178&quot; filename=&quot;샘플데이터.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;위 샘플데이터를 참조하여 조건_1의 값 중에서 50보다 크고 조건_2의 값이 100보다 큰 경우 &quot;만족&quot;그렇지 않은 경우 &quot;조건미달&quot;로 표시하도록 하겠습니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 589px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9981CF4F5A2FDC8212&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9981CF4F5A2FDC8212&quot; width=&quot;589&quot; height=&quot;180&quot; filename=&quot;샘플 결과.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;AND 함수의&lt;/p&gt;
&lt;p&gt;첫번째 인자 :&amp;nbsp;&lt;span style=&quot;font-size: 16px;&quot;&gt;TRUE를 판정할 수 있는 값 또는 수식&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;A13&amp;gt;50&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;두번째 인자 :&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;TRUE를 판정할 수 있는 값 또는 수식&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;B13&amp;gt;100&lt;/span&gt;&lt;/p&gt;&lt;div&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;두개의 조건식이 모두 만족하는 경우 TRUE, 불만족하는 경우 FALSE를 반환합니다.&lt;/span&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;display: block; padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;OR 사용방법&lt;/h3&gt;&lt;p&gt;&amp;nbsp;- OR(Logical1, Logical2, ....)&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙&amp;nbsp;&lt;span style=&quot;font-size: 16px;&quot;&gt;Logical1&lt;/span&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp;&lt;/span&gt;: 필수 요소이며, TRUE로 적용될 조건식입니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙&amp;nbsp;&lt;span style=&quot;font-size: 16px;&quot;&gt;Logical2, ....&amp;nbsp;&lt;/span&gt;: 선택 요소이며, TRUE로 적용될 조건식입니다. 그 외 TRUE로 적용할 조건식을 추가입력할 수 있습니다.&lt;/p&gt;
&lt;p&gt;모든 입력된 조건식 중 어느 하나라도 TRUE를 만족하는 경우 TRUE를 반환하고 모든 조건식이 FALSE를 만족하는 경우 FALSE를 반환합니다.&lt;/p&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;display: block; padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 153, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;OR 샘플&lt;/h3&gt;&lt;p&gt;&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 199px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9941654B5A2FDC9B07&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9941654B5A2FDC9B07&quot; width=&quot;199&quot; height=&quot;178&quot; filename=&quot;샘플데이터.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;위 샘플데이터를 참조하여 조건_1의 값 중에서 50보다 크거나 조건_2의 값이 100보다 큰 경우 &quot;만족&quot; 그렇지 않은 경우 &quot;조건미달&quot;로 표시하도록 하겠습니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 569px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99D9714B5A2FDC9C19&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99D9714B5A2FDC9C19&quot; width=&quot;569&quot; height=&quot;180&quot; filename=&quot;샘플 결과.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;OR 함수의&lt;/p&gt;
&lt;p&gt;첫번째 인자 :&amp;nbsp;&lt;span style=&quot;font-size: 16px;&quot;&gt;TRUE를 판정할 수 있는 값 또는 수식&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;A13&amp;gt;50&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;두번째 인자 :&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;TRUE를 판정할 수 있는 값 또는 수식&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;B13&amp;gt;100&lt;/span&gt;&lt;/p&gt;&lt;div&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;두 조건식중의 하나라도 TRUE인 경우 TRUE를, 모든 조건식이 FALSE인 경우 FALSE를 반환합니다.&lt;/span&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>엑셀 다루기</category>
      <category>AND</category>
      <category>Excel</category>
      <category>not</category>
      <category>or</category>
      <category>논리 함수</category>
      <category>엑셀</category>
      <category>엑셀 함수</category>
      <category>함수 다루기</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/129</guid>
      <comments>https://namik.tistory.com/129#entry129comment</comments>
      <pubDate>Tue, 12 Dec 2017 22:54:36 +0900</pubDate>
    </item>
    <item>
      <title>[엑셀 함수] 조건식 IF를 다뤄보자</title>
      <link>https://namik.tistory.com/128</link>
      <description>&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 36pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;조건식 IF 다루기&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size:14pt;&quot;&gt;엑셀에서 가장 많이 사용되는 함수 중에 하나인 IF에 대해서 설명드리겠습니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size:14pt;&quot;&gt;조건식으로 해당하는 조건에 만족하면 TRUE, 조건에 만족하지 못하면 FALSE를 반환하는 함수로써 엑셀을 쓰시는 분들한테는 상당히 많이 쓰이는 함수입니다.&lt;/span&gt;&lt;/p&gt;
&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;IF 사용방법&lt;/h3&gt;
&lt;p&gt;&amp;nbsp;- IF(logical_test, value_if_true, value_if_false)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ logical_test&amp;nbsp;: 필수 요소이며, 셀의 조건식&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ value_if_true&amp;nbsp;: 조건식의 TRUE인 경우 표시할 내용&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ value_if_false&amp;nbsp;: 조건식의 FALSE인 경우 표시할 내용&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;조건에 TRUE일 때와 FALSE일때 표시할 내용 및 참조를 표시합니다.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;IF 샘플&lt;/h3&gt;&lt;/span&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 136px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/990F39335A2CE4CB01&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F990F39335A2CE4CB01&quot; width=&quot;136&quot; height=&quot;204&quot; filename=&quot;IF 샘플데이터.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;위 샘플 데이터를 기반으로 조건_1의 값 중에서 100보다 크거나 같은&amp;nbsp;경우 &quot;TRUE&quot;, 작은 경우 &quot;FALSE&quot; 로 표시하도록 하겠습니다.&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 394px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/994411335A2CE4CC26&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F994411335A2CE4CC26&quot; width=&quot;394&quot; height=&quot;200&quot; filename=&quot;IF 샘플결과.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;IF 함수의&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;첫번째 인자 : 조건을 적용할 셀과 조건식&amp;nbsp;&amp;nbsp;A5&amp;gt;=100(특정셀의 값이 100보다 크거나 같은 경우)&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;두번째 인자 : 첫번째 인자의 조건값이 참인 경우 텍스트 &quot;TRUE&quot;를 표시&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;세번째 인자 : 첫번째 인자의 조건값이 거짓인 경우 텍스트 &quot;FALSE&quot;를 표시&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;b&gt;중첩 IF 사용&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 197px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99CEF7335A2CE4CC2F&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99CEF7335A2CE4CC2F&quot; width=&quot;197&quot; height=&quot;180&quot; filename=&quot;IF 증첩 샘플데이터.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;위의 샘플데이터를 참조하여 단일 함수가 아닌 중첩된 IF를 사용하여 조건_1의 값 중에서 50보다 크고 조건_2의 값이 100보다 큰 경우 &quot;만족&quot;, 작은 경우 &quot;불만족&quot;으로 표시하고 조건_1의 값이 50보다 작은 경우 &quot;조건미달&quot;로 표시하겠습니다.&lt;/p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 624px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9904FF335A2CE4CC02&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9904FF335A2CE4CC02&quot; width=&quot;624&quot; height=&quot;177&quot; filename=&quot;IF 증첩 샘플결과.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;clear: none; float: none;&quot;&gt;첫번째 IF 함수의&lt;/p&gt;&lt;p style=&quot;clear: none; float: none;&quot;&gt;첫번째 인자 : 조건을 적용할 셀과 조건식&amp;nbsp;&amp;nbsp;A13&amp;gt;50(특정셀의 값이 50보다 큰 경우)&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;clear: none; float: none;&quot;&gt;두번째 인자 : 첫번째 인자의 조건값이 참인 경우 중첩된 IF함수를 실행하여 결과를 표시&lt;/p&gt;&lt;p&gt;세번째 인자 : 첫번째 인자의 조건값이 거짓인 경우 텍스트 &quot;조건미달&quot;를 표시&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;clear: none; float: none;&quot;&gt;두번째 IF 함수의&lt;/p&gt;&lt;p style=&quot;clear: none; float: none;&quot;&gt;첫번째 인자 : 조건을 적용할 셀과 조건식&amp;nbsp; B13&amp;gt;100(특정셀의 값이 100보다 큰 경우)&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;clear: none; float: none;&quot;&gt;두번째 인자 : 첫번째 인자의 조건값이 참인 경우 텍스트 &quot;만족&quot;를 표시&lt;/p&gt;&lt;p&gt;세번째 인자 : 첫번째 인자의 조건값이 거짓인 경우 텍스트 &quot;불만족&quot;를 표시&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;간단하게 두개의 IF 함수를 사용하여 중첩되게 사용을 하였습니다.&lt;/p&gt;&lt;p&gt;실제로 해보니 두개의 IF를 사용하여 표시를 하였기 때문에 실제 사용하는데 있어서 어려움이 있지만 나중에 두개에서 세개, 네게, 다섯개로 IF 함수가 늘어나서 중첩되게 된다면 처음에 적용할 때는 상관이 없을지 모르지만 나중에 다시 확인하기 위해서 보게 되든지 아니면 수정하기 위해서 보게 되면 상당히 고생을 할 것으로 보입니다.&lt;/p&gt;&lt;p&gt;가능하면 IF 함수를 간단하게 사용하는 것을 추천드리며 다음에도 간단하게 함수의 특징을 알 수 있도록 다른 함수를 정리해보겠습니다.&lt;/p&gt;</description>
      <category>엑셀 다루기</category>
      <category>Excel</category>
      <category>IF</category>
      <category>if 함수</category>
      <category>엑셀</category>
      <category>엑셀 if</category>
      <category>엑셀 if함수</category>
      <category>엑셀 if함수 중첩</category>
      <category>엑셀함수</category>
      <category>조건식</category>
      <category>중첩</category>
      <category>중첩IF</category>
      <category>함수 다루기</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/128</guid>
      <comments>https://namik.tistory.com/128#entry128comment</comments>
      <pubDate>Sun, 10 Dec 2017 16:58:13 +0900</pubDate>
    </item>
    <item>
      <title>[방문기] 스노잉 방문하기</title>
      <link>https://namik.tistory.com/127</link>
      <description>&lt;div style=&quot;text-align: left;&quot;&gt;출장으로 인해서 전주로 내려오게 되었는데 일을 마치고 잠시 한숨 돌리기 위해서 무엇을 할까 고민하면서 돌아다니던 차에 전북대학교 쪽으로 오다가 보게된 카페 &quot;스노잉&quot;&lt;br /&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9923AC335A2B710F06&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9923AC335A2B710F06&quot; width=&quot;900&quot; height=&quot;675&quot; filename=&quot;cb250226b2c3eae9ef46cba9f7049931.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
신축인 건물에 전면이 통유리여서 실내가 전부 다 보이는 디자인이 인상적인 모습이에서 카페에서 시간때우기로 결정~~&lt;br /&gt;&lt;br /&gt;무엇을 마실까 고민하던 차에 카페가 더치커피 전문점이어서 달달하면서도 부드러운 라떼가 마시고 싶어서 스노잉라떼를 주문하였습니다.&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 675px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99F373335A2C093A23&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99F373335A2C093A23&quot; width=&quot;675&quot; height=&quot;900&quot; filename=&quot;5_스노잉라떼_1.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;카페안에서 마시고 갈려고 생각해서 잔에 담아서 주문을 했더니 더치커피가 반정도 담겨진 상태에서 더치 커피 위에 우유거품으로 나머지 반을 채우니 우유 거품이 서서히 내려오면서 더치 커피와 서서히 섞이는 모습이 생각보단 예뻤습니다.&lt;br /&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99DA61335A2B711202&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99DA61335A2B711202&quot; width=&quot;900&quot; height=&quot;675&quot; filename=&quot;314475bf0523b9cb4e9449efaac2d6d0.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 675px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99A071335A2C098905&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99A071335A2C098905&quot; width=&quot;675&quot; height=&quot;900&quot; filename=&quot;6_스노잉라떼_2.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;처음에 마시면 더치커피가 좀 쓴맛이 강해서 라떼라는 느낌이 안들었는데 조금 시간을 두고 있으면 우유거품이 더치커피에 녹아들면서 우유의 부드러움이 느껴지게 되면서 맛있는 라떼의 맛을 느낄 수 있었습니다.&lt;br /&gt;&lt;br /&gt;제가 손님이 없는 시간에 와서 그런지 생각보다는 조용해서 손님이 없는 사이에 사진을~~&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 675px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99DAA3335A2C09B428&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99DAA3335A2C09B428&quot; width=&quot;675&quot; height=&quot;900&quot; filename=&quot;3_2층계단바로앞.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;1층에서 2층으로 올라오는 계단 바로 앞에 연인과 단둘이 오봇하게 커피를 마시면서 얘기를 나눌 수 있는 자리가 나오는데 왠지 단둘만 즐길 수 있는 자리인것 같다는 느낌이 듭니다.&lt;br /&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99A7EC335A2B711533&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99A7EC335A2B711533&quot; width=&quot;900&quot; height=&quot;675&quot; filename=&quot;07c106dffdde704415754e59304f6103.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;2층을 올라와서 보면 조명이 예뻐서 그런지 깔끔하면서 따뜻한 느낌이 드는 분위기의 자리가 배치 되어 있습니다.&lt;br /&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99135C335A2B71172D&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99135C335A2B71172D&quot; width=&quot;900&quot; height=&quot;675&quot; filename=&quot;9478cbf6855e1420597d6f5a1e9fbbb5.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/999E03335A2B711828&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F999E03335A2B711828&quot; width=&quot;900&quot; height=&quot;675&quot; filename=&quot;b48b256c62f397970d52a3cc76ebe2f1.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;2층 가장 안쪽으로 들어오시면 단체로 모임을 할 수 있을 것 같은 구조의 자리가 있는데 여럿이 와서 자리를 잡고 담소를 나눌 수 있을 것 같아서 좋을 것 같네요&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 675px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99DC5A335A2C09E019&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99DC5A335A2C09E019&quot; width=&quot;675&quot; height=&quot;900&quot; filename=&quot;11_2층구석에서1층전경.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99EF66335A2B711A34&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99EF66335A2B711A34&quot; width=&quot;900&quot; height=&quot;675&quot; filename=&quot;b38d5d24981cc4e09e19d9328fc65f11.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
2층에서 1층을 내려다 보면 밖은 추은데 세상과 단절되어서 따뜻하고 분위기 좋은 세상에 들어와있는 것 같다는 착각에 빠질 수 있는 느낌이 들어서 무척이나 인상에 남는 카페입니다.&lt;br /&gt;&lt;br /&gt;&quot;스노잉&quot;은 대로변 앞에 있어서 찾기도 쉬우며 옆건물에 비빔밥으로 유명한 한국관 식당이 위치하고 있어서 생각보다는 찾기는 쉬우며 손님이 많을 때는 어떤지 잘 모르겠지만 손님이 없을때 조용하면서도 분위기 있는 커피를 마실 수 있는 장점이 될 수 있을 것 같네요~~&lt;br /&gt;전주에 놀러오시는 분들 한번쯤 지나가다가 카페에 들려서 더치커피 한잔 마셔보세요~~&lt;br /&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>나의 여행/방문기</category>
      <category>금암동</category>
      <category>금암동커피</category>
      <category>더치</category>
      <category>더치커피</category>
      <category>스노잉</category>
      <category>전북대</category>
      <category>전북은행</category>
      <category>전주</category>
      <category>카페</category>
      <category>커피</category>
      <category>한국관</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/127</guid>
      <comments>https://namik.tistory.com/127#entry127comment</comments>
      <pubDate>Sat, 9 Dec 2017 14:14:03 +0900</pubDate>
    </item>
    <item>
      <title>[엑셀 함수] 찾기 함수 COUNTBLANK,COUNTIFS 다루기</title>
      <link>https://namik.tistory.com/126</link>
      <description>&lt;p&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 36pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;COUNTBLANK,COUNTIFS다루기&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size:14pt;&quot;&gt;엑셀의 함수중 찾기 함수인 COUNTBLANK, COUNTIFS에 대해서 알아보도록 하겠습니다.&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;COUNTBLANK 사용방법&lt;/h3&gt;
&lt;p&gt;&amp;nbsp;- COUNTBLANK(range)&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ RANGE&amp;nbsp;: 필수 요소이며,&amp;nbsp;&lt;span style=&quot;font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;;&quot;&gt;갯수를 세려는&amp;nbsp;셀 범위, 셀 참조&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;;&quot;&gt;셀의 범위에 빈 셀의 갯수를 찾는다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;&lt;span style=&quot;letter-spacing: -0.07em;&quot;&gt;COUNTBLANK&lt;/span&gt;&amp;nbsp;샘플&lt;/h3&gt;&lt;/span&gt;&lt;/span&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 198px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/997948335A2693BD08&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F997948335A2693BD08&quot; width=&quot;198&quot; height=&quot;186&quot; filename=&quot;샘플데이터.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[샘플데이터]&lt;/p&gt;
&lt;p&gt;1. 위의 샘플 데이터에서 비어 있는 셀의 갯수를 확인합니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 299px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99109B335A2693BE12&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99109B335A2693BE12&quot; width=&quot;299&quot; height=&quot;285&quot; filename=&quot;샘플 결과.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;COUNTBLANK 함수의 첫번째 인자에 해당 샘플 데이터의 범위를 지정하면 비어 있는 셀의 갯수를 확인 할 수 있습니다.&lt;/p&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;COUNTIFS&amp;nbsp;사용방법&lt;/h3&gt;&lt;p&gt;&amp;nbsp;- COUNTIFS(CRITERIA_RANGE1, CRITERIA1, [CRITERIA_RANGE2, CRITERIA2&lt;span style=&quot;font-size: 12pt;&quot;&gt;]...&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;)&lt;/span&gt;&lt;/p&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ CRITERIA_RANGE1&amp;nbsp;: 필수 요소이며, 조건을 적용할 셀 범위입니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ CRITERIA1 : 필수 요소이며, 숫자, 식, 셀 참조, 텍스트 또는 함수 형식의 조건입니다. ex) &quot;과일&quot;, &quot;A2&quot;, &quot;&amp;gt;50&quot;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ CRITERIA_RANGE2, CRITERIA2&amp;nbsp;&lt;span style=&quot;font-size: 12pt;&quot;&gt;: 선택 요소이며, 추가로 지정할 범위 및 관련 조건입니다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;여러범위에 걸쳐 있는 셀의 조건이 적용되고 모든 조건이 충족되는 셀의 갯수를 찾는다.&lt;/p&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 153, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;&lt;span style=&quot;letter-spacing: -0.07em;&quot;&gt;COUNTIFS&lt;/span&gt;&amp;nbsp;샘플&lt;/h3&gt;&lt;div&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 439px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99298A335A2696450B&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99298A335A2696450B&quot; width=&quot;439&quot; height=&quot;205&quot; filename=&quot;샘플데이터.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[샘플데이터]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 15px;&quot;&gt;1. 위의 샘플 데이터에서 판매량이 50보다 작으면서 목표량이 30보다 큰 조건에 만족하는 셀의 갯수를 확인합니다.&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 555px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9945F1335A26964520&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9945F1335A26964520&quot; width=&quot;555&quot; height=&quot;291&quot; filename=&quot;샘플결과.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;span style=&quot;text-align: left; font-size: 12pt;&quot;&gt;COUNTIFS 함수의 첫번째 인자에 샘플 데이터에서 팜매량의 범위를, 첫번째&amp;nbsp;조건 인자에 판매량이 50보다 작은 조건을 표시&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;그다음 두번째 조건에 범위는 동일하고 두번째 조건 인자에 판매량이 30보다 큰 조건을 표시하면 조건이 모두 만족하는 셀의 갯수를 확인 할 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;첫번째 조건&amp;nbsp;&lt;span style=&quot;font-size: 12pt;&quot;&gt;CRITERIA_RANGE1&amp;nbsp;: C3:C7,&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;CRITERIA1 : &quot;&amp;lt;50&quot;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;두번째 조건&amp;nbsp;&lt;span style=&quot;font-size: 12pt;&quot;&gt;CRITERIA_RANGE2&amp;nbsp;: C3:C7,&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;CRITERIA2&amp;nbsp;: &quot;&amp;gt;30&quot;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;엑셀에서 찾기 함수인 COUNTBLANK, COUNTIFS를 사용하여 확인해보니 COUNTBLANK는 셀의 빈영역의 갯수를 확인 할 수 있는데 생각했던 것만큼 사용할 일은 없을것 같지만 COUNTIFS의 경우 특정 셀의 범위내에서 여러 조건을 적용하여 모든 조건을 만족하는 셀의 갯수를 확인 할 수 있기 때문에 실제 사용하는데 있어서 많은 사용을 할 수 있을 것으로 보입니다.&lt;/p&gt;&lt;/div&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>엑셀 다루기</category>
      <category>COUNTBLANK</category>
      <category>countifs</category>
      <category>Excel</category>
      <category>엑셀</category>
      <category>엑셀 함수</category>
      <category>찾기</category>
      <category>찾기함수</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/126</guid>
      <comments>https://namik.tistory.com/126#entry126comment</comments>
      <pubDate>Tue, 5 Dec 2017 22:05:55 +0900</pubDate>
    </item>
    <item>
      <title>[엑셀 함수] 찾기 함수 COUNT, COUNTA, COUNTIF 다루기</title>
      <link>https://namik.tistory.com/125</link>
      <description>&lt;p&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 36pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;찾기 함수 COUNT,COUNTA,COUNTIF&amp;nbsp;다루기&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size:14pt;&quot;&gt;엑셀에서 찾기 함수인 COUNT, COUNTA, COUNTIF 에 대해서 알아보도록 하겠습니다.&lt;/span&gt;&lt;/p&gt;
&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;COUNT 사용방법&lt;/h3&gt;
&lt;p&gt;&amp;nbsp;- COUNT(VALUE1, [VALUE2], ....)&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ VALUE1 : 필수 요소이며, 갯수를 세려는 셀 범위, 셀 참조&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ VALUE2, .... : 선택 요소이며, 갯수를 세려는&amp;nbsp;셀 범위, 셀 참조이며 최대 255개까지 추가 할 수 있습니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; 선택한 범위나 셀 참조에서 숫자에 해당하는 셀의 갯수를 찾는다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;COUNT 샘플&lt;/h3&gt;&lt;/span&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 160px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/991359335A1ABE7227&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F991359335A1ABE7227&quot; width=&quot;160&quot; height=&quot;175&quot; filename=&quot;COUNT_샘플데이터.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[샘플데이터]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;1. 위의 샘플 데이터에서 숫자가 포함된 데이터의 갯수를 확인합니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 242px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/998F10335A1ABE7319&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F998F10335A1ABE7319&quot; width=&quot;242&quot; height=&quot;244&quot; filename=&quot;COUNT_샘플 결과.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p&gt;COUNT 함수의 첫번째 인자에 해당 샘플 데이터의 범위를 지정하면 숫자가 포함된 데이터의 갯수를 알수 있습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;COUNTA 사용방법&lt;/h3&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp;- COUNTA(VALUE1, [VALUE2], ....)&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ VALUE1 : 필수 요소이며, 갯수를 세려는&amp;nbsp;셀 범위, 셀 참조&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ VALUE2, .... : 선택 요소이며, 갯수를 세려는&amp;nbsp;셀 범위, 셀 참조이며 최대 255개까지 추가 할 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; 선택한 범위나 셀 참조에서 비어 있지 않은 셀의 갯수를 찾는다.&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 153, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;COUNTA 샘플&lt;/h3&gt;&lt;div&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 174px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/994947335A1AC4462C&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F994947335A1AC4462C&quot; width=&quot;174&quot; height=&quot;179&quot; filename=&quot;COUNTA_샘플데이터.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[샘플 데이터]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;1. 위의 샘플 데이터에서 비어 있지 않은 셀의 갯수를 확인합니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 276px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99C812335A1AC4471E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99C812335A1AC4471E&quot; width=&quot;276&quot; height=&quot;246&quot; filename=&quot;COUNTA_샘플결과.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;COUNTA 함수의 첫번째 인자에 해당 샘플 데이터의 범위를 지정하면 비어 있지 않는 셀의&amp;nbsp;갯수를 알수 있습니다.&lt;/p&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;COUNTIF 사용방법&lt;/h3&gt;&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp;- COUNTIF(RANGE, CRITERIA)&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ RANGE&amp;nbsp;: 필수 요소이며, 갯수를 세려는&amp;nbsp;셀 범위, 셀 참조&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ CRITERIA&amp;nbsp;: 필수&amp;nbsp;요소이며, 선택 범위내에서 일치하는 조건을 입력합니다.&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; 기준을 만족하는 셀의 갯수를 찾는다.&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 153, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;&lt;span style=&quot;letter-spacing: -0.07em;&quot;&gt;COUNTIF&lt;/span&gt;&amp;nbsp;샘플&lt;/h3&gt;&lt;div&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 480px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99E27F335A1AC87204&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99E27F335A1AC87204&quot; width=&quot;480&quot; height=&quot;178&quot; filename=&quot;COUNTIF_샘플데이터.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[샘플데이터]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;1. 위의 샘플 데이터에서 &quot;사과&quot;를 포함하고 있는 셀의 갯수와 &quot;50&quot;보다 큰 수의 셀의 갯수를 확인합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 625px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/992B66335A1AC87230&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F992B66335A1AC87230&quot; width=&quot;625&quot; height=&quot;246&quot; filename=&quot;COUNTIF_샘플 결과.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;COUNTIF 함수의 첫번째 인자에 해당 샘플의 범위를 선택하고 두번째 인자에 해당 조건을 입력합니다.&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;첫번째 결과 - 범위 : B3:B7 조건 : &quot;사과&quot;&lt;/p&gt;
&lt;p&gt;두번째 결과 - 범위 : C3:C7 조건 : &quot;&amp;gt;=50&quot;&lt;/p&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;해당 함수는 엑셀에서 가장 많이 쓰일 수 있으며 간편하게 사용할 수 있기 때문에 사용하는데 있어서 어려움은 없습니다.&lt;/p&gt;
&lt;p&gt;그외 COUNT 함수은 COUNTBLANK, COUNTIFS에 대해서는 그 다음번에 간다하게 작성해보도록 하겠습니다.&lt;/p&gt;</description>
      <category>엑셀 다루기</category>
      <category>count</category>
      <category>counta</category>
      <category>countif</category>
      <category>Excel</category>
      <category>엑셀</category>
      <category>엑셀 함수</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/125</guid>
      <comments>https://namik.tistory.com/125#entry125comment</comments>
      <pubDate>Sun, 26 Nov 2017 23:10:02 +0900</pubDate>
    </item>
    <item>
      <title>[엑셀 함수] VLOOKUP 다루기</title>
      <link>https://namik.tistory.com/124</link>
      <description>&lt;p&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 36pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;VLOOKUP 다루기&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size:14pt;&quot;&gt;표나 범위에서 행을 기준으로 항목을 찾아야할 경우 사용하는 함수중에 하나인 VLOOKUP 함수를 소개하려고 합니다. 해당 함수는 배열의 첫열에서 값을 검색하여, 지정한 열의 같은 행에서 데이터를 반환해주는 함수입니다.&lt;/span&gt;&lt;/p&gt;
&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 사용방법&lt;/h3&gt;
&lt;p&gt;&amp;nbsp;- VLOOKUP(lookup_value, table_array, col_index_num, range_lookup)&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ lookup_value&amp;nbsp;: 조회하려는 값, 특정 표나 범위에서 찾으려는 값을 선택합니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ table_array&amp;nbsp;: 찾으려는 값의 특정 표나 범위를 선택합니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ col_index_num : 특정 범위나 표에서 반환값이 있는 열 번호를 선택합니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ range_lookup : 정확히 일치 또는 유사하게 일치를 설정할 수 있습니다.&lt;/p&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 샘플&lt;/h3&gt;&lt;/span&gt;&lt;/span&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 423px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99350B335A031B0706&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99350B335A031B0706&quot; width=&quot;423&quot; height=&quot;287&quot; filename=&quot;1_샘플데이터.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[샘플 데이터]&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;1. 위의 샘플 데이터를 참조해서 고유ID가 &quot;A03&quot;인 제품의 명이 무엇인지 확인해보겠습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 534px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99E700335A031C0C28&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99E700335A031C0C28&quot; width=&quot;534&quot; height=&quot;385&quot; filename=&quot;2_샘플_1.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[샘플 1 결과]&lt;/p&gt;
&lt;p&gt;해당 위 캡쳐된 자료를 참조해 보시면 VLOOKUP( &quot;A03&quot;, B3:E11, 2, FALSE ) 내용을 입력하여서 &quot;A03&quot;에 해당하는 제품의 명칭인 &quot;냉장고&quot;를 확인할 수 있습니다.&lt;/p&gt;
&lt;p&gt;자세한 설명을 드리면&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 794px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/998CA7335A031F6107&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F998CA7335A031F6107&quot; width=&quot;794&quot; height=&quot;559&quot; filename=&quot;3_샘플_2.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[샘플 1 결과 분석]&lt;/p&gt;
&lt;p&gt;&amp;nbsp; - VLOOKUP 첫번째 인자에 검색할 &quot;A03&quot;을 입력하였고, 두번째 인자에는 샘플 데이터의 표를 선택, 세번째 인자에서는 재고명을 가져오기 위해서 샘플 표의 재고명 열인 두번째 열번호를 입력, 마지막으로 정확히 일치하는 값을 찾기 위해서 &quot;FALSE&quot;로 입력하였습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;또다른 샘플 자료는 참조하겠습니다.&lt;/p&gt;
&lt;p&gt;이번 샘플은 점수의 총합을 확인해서 학점을 표시하는 샘플 데이터 입니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 846px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99B08B335A06B7351B&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99B08B335A06B7351B&quot; width=&quot;846&quot; height=&quot;401&quot; filename=&quot;샘플2_샘플데이터.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[학점 표시 샘플 데이터]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;샘플 캡쳐된 이미지처럼 데이터가 존재한다고 가정하였을 때 합계는 각 학생의 과제와 중간, 기말 점수를 합한 총합이고 그 총합으로 학점을 표시하는 작업을 수행해야 합니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;간단하게 해당 함수를 사용하여 표시한 결과를 확인하면 아래 캡쳐된 이미지와 같습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px; text-align: center;; height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99EBB6335A06B73515&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99EBB6335A06B73515&quot; width=&quot;900&quot; height=&quot;323&quot; filename=&quot;샘플2_샘플 결과.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;text-align: center;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[학점 계산 결과]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;사용한 함수의 5번째 행을 예로 설명 드리면&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; ⊙ lookup_value&amp;nbsp;: G5 (조회하려는 값, 찾기 위한 특정 Cell)&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ table_array&amp;nbsp;: K4:L13 (학점을 포함하고 있는 표)&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ col_index_num : 2 (학점을 찾기 위한 표에서 반환값으로 사용할 열번호)&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ range_lookup : TRUE (학점이 정확히 일치하는 값을 찾기 어렵기 때문에 근사치를 비교할 수 있도록 선택)&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;아래의 캡쳐된 이미지를 참조하여 설명을 보실 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/990AE6335A07F12C25&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F990AE6335A07F12C25&quot; width=&quot;900&quot; height=&quot;305&quot; filename=&quot;샘플2_샐플 결과 설명.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[학점 계산 결과 설명]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/990BE0335A06B73613&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F990BE0335A06B73613&quot; width=&quot;900&quot; height=&quot;320&quot; filename=&quot;샘플2_샘플 결과 오류.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[학점 계산 표의 오름차순이 아닌 경우]&lt;/p&gt;
&lt;p&gt;주의 할점 : 근사치를 확인하는데 있어서 참조할 표의 점수가 오름차순이 아닌 경우 근사치의 값을 정확히 찾지 못합니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;근사치의 값을 확인하기 위해서 오른차순으로 정렬을 해야 내가 원하는 결과를 확인 할 수 있습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;VOOKUP의 경우 관리자의 위치에 있는 분들이 관리의 목적으로나 찾기 목적으로 많이 사용하시는 것을 봐서 현재 정리한 내용외에도 많이 유용하게 사용하는 것을 봐와서 좀더 많은 샘플을 알게 되면 추후 정리해보도록 하겠습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>엑셀 다루기</category>
      <category>Excel</category>
      <category>vlookup</category>
      <category>vlookup 함수 사용법</category>
      <category>엑셀 vlookup함수 예제</category>
      <category>조회함수</category>
      <category>참조함수</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/124</guid>
      <comments>https://namik.tistory.com/124#entry124comment</comments>
      <pubDate>Thu, 9 Nov 2017 00:31:19 +0900</pubDate>
    </item>
    <item>
      <title>[엑셀 함수] 고급필터 사용법</title>
      <link>https://namik.tistory.com/123</link>
      <description>&lt;p&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 36pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;고급필터 다루기&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;엑셀에 있는 많은 양의 내역들 중에서 내가 원하는 데이터만 추려서 확인하고 싶은 경우가 생기게 되는데 이럴때 고급 필터 기능을 사용하여 내가 원하는 데이터만 추출해서 볼 수 있습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;해당 기능에 대해서 한번 확인해보겠습니다.&lt;/span&gt;&lt;/p&gt;
&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 사용방법&lt;/h3&gt;
&lt;p&gt;&amp;nbsp;- 고급필터(데이터 - 정렬 및 필터 - 고급)&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ 목록범위 : 필터의 조건을 기준으로 찾을 원본 데이터 목록&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ 조건범위&amp;nbsp;: 원본 데이터 목록에서 추출할 기준&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ 복사위치&amp;nbsp;: 현재 위치가 아닌 특정한 위치 지정&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 샘플&lt;/h3&gt;&lt;/span&gt;&lt;/span&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;/p&gt;
&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/992867335A0064F80B&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F992867335A0064F80B&quot; width=&quot;900&quot; height=&quot;277&quot; filename=&quot;고급필터_1_샘플데이터.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;[샘플 데이터]&lt;br /&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;가. 해당 샘플 데이터에서 &quot;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;결제종류&lt;/span&gt;&quot;가 &quot;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;체크카드&lt;/span&gt;&quot;인 데이터만 추출해서 추려보도록 하겠습니다.&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;1) 먼저 데이터를 추출하기 전에 조건 범위를 설정하기 위해서 샘플 데이터가 있는 Sheet가 아닌 새로운 Sheet를 만들어서 조건을 입력하도록 하겠습니다. 새로운 Sheet에 샘플 데이터의 &lt;b&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&quot;결제종류&quot;&lt;/span&gt;&lt;/b&gt; 헤더와 내용인 &lt;b&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&quot;체크카드&quot;&lt;/span&gt;&lt;/b&gt;를 입력하도록 하겠습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 267px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/992955335A00681925&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F992955335A00681925&quot; width=&quot;267&quot; height=&quot;174&quot; filename=&quot;고급필터_2_체크카드_조건.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[고급필터 조건 설정]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;2)&amp;nbsp;&lt;span style=&quot;font-size: 16px;&quot;&gt;데이터 - 정렬 및 필터 - 고급 메뉴에서 고급필터 창을 표시하고 목록 범위를 아래 캡쳐된 이미지처럼 샘플 데이터가 있는&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;b&gt;&quot;사용내역&quot;&lt;/b&gt;&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;Sheet의 모든 내역을 선택합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/992859335A00681A0F&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F992859335A00681A0F&quot; width=&quot;900&quot; height=&quot;261&quot; filename=&quot;고급필터_3_목록범위.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[목록 범위 설정]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;3) 고급필터 창의 조건 범위를 아래 캡쳐된 이미지처럼 조건을 입력한 &quot;Sheet1&quot; Sheet에서 조건영역을 선택합니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 483px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/998848335A00681A08&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F998848335A00681A08&quot; width=&quot;483&quot; height=&quot;220&quot; filename=&quot;고급필터_4_조건범위.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[조건 범위 설정]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;4) 마지막으로 현재위치가 아닌 특정 위치를 지정하기 위해서 고급필터 창의 복사 위치 항목에서 &quot;Sheet1&quot; Sheet의 B5 셀을 선택하겠습니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 437px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99456C335A00681A0D&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99456C335A00681A0D&quot; width=&quot;437&quot; height=&quot;222&quot; filename=&quot;고급필터_5_복사위치.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[복사 위치 지정]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;5) 고급필터 창의 확인 버튼을 클릭하면 아래 캡쳐된 이미지처럼 샘플데이터 사용내역에서&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;b&gt; 결제종류&lt;/b&gt;&lt;/span&gt;가 &lt;b&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;체크카드&lt;/span&gt;&lt;/b&gt;인 데이터만 추출해서 해당 위치게 가져오는 것을 확인하실 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 726px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99B59D335A00681B18&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99B59D335A00681B18&quot; width=&quot;726&quot; height=&quot;330&quot; filename=&quot;고급필터_6_결과.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[필터 적용 결과]&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;나. &lt;/span&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;위의 같은 샘플 데이터에서 한가지 조건이 아닌 두가지 조건인 구&lt;/span&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;분이 &quot;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;내용돈&lt;/span&gt;&quot;, 카테고리가 &quot;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;개인용도&lt;/span&gt;&quot;인 경우를 &lt;/span&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;사용하여 데이터를 추출해보겠습니다.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;1) 위의 샘플과 마찬가지로 원본 데이터에서 추출하기 위한 조건을 새로운 Sheet2에 표시를 하겠습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 274px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/995752335A006BA539&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F995752335A006BA539&quot; width=&quot;274&quot; height=&quot;136&quot; filename=&quot;고급필터_7_필터조건.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[필터 조건 설정]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;2)&amp;nbsp;&lt;span style=&quot;font-size: 16px;&quot;&gt;데이터 - 정렬 및 필터 - 고급 메뉴에서 고급필터 창을 표시하고 목록 범위를 아래 캡쳐된 이미지처럼 샘플 데이터가 있는&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&quot;사용내역&quot;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;Sheet의 모든 내역을 선택합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px; text-align: center;; height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/992859335A00681A0F&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F992859335A00681A0F&quot; width=&quot;900&quot; height=&quot;261&quot; filename=&quot;고급필터_3_목록범위.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;text-align: center;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[목록 범위 설정]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;3) 고급필터 창의 조건 범위를 아래 캡쳐된 이미지처럼 조건을 입력한 &quot;Sheet2&quot; Sheet에서 조건영역을 선택합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 488px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99EC17335A006BA618&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99EC17335A006BA618&quot; width=&quot;488&quot; height=&quot;198&quot; filename=&quot;고급필터_8_조건범위.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[조건 범위 선택]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;4) 마지막으로 현재위치가 아닌 특정 위치를 지정하기 위해서&amp;nbsp;고급필터 창의 복사 위치 항목에서 &quot;Sheet2&quot; Sheet의 B5 셀을 선택하겠습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 485px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99BC6F335A006BA62F&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99BC6F335A006BA62F&quot; width=&quot;485&quot; height=&quot;198&quot; filename=&quot;고급필터_9_복사위치.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[복사 위치 선택]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;5) 고급필터 창의 확인 버튼을 클릭하면 아래 캡쳐된 이미지처럼 샘플데이터 사용내역에서 구분이 &quot;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 0, 0); font-size: 14pt;&quot;&gt;내용돈&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&quot;이면서 카테고리가 &quot;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;b&gt;개인용도&lt;/b&gt;&lt;/span&gt;&quot;인 데이터만 추출해서 해당 위치로&amp;nbsp;가져오는 것을 확인하실 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 721px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9988B6335A006BA708&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9988B6335A006BA708&quot; width=&quot;721&quot; height=&quot;222&quot; filename=&quot;고급필터_10_결과.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[고급 필터 결과]&lt;/p&gt;</description>
      <category>엑셀 다루기</category>
      <category>Excel</category>
      <category>고급필터</category>
      <category>고급필터 사용법</category>
      <category>엑셀</category>
      <category>엑셀 고급필터</category>
      <category>엑셀 고급필터 사용법</category>
      <category>엑셀 자동필터</category>
      <category>엑셀 필터</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/123</guid>
      <comments>https://namik.tistory.com/123#entry123comment</comments>
      <pubDate>Mon, 6 Nov 2017 23:18:41 +0900</pubDate>
    </item>
    <item>
      <title>[사용기] 갤럭시 Tab A6 with S Pen</title>
      <link>https://namik.tistory.com/121</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;Galaxy Tab A6 with S Pen&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;삼성 갤럭시 노트 시리즈를 애용하는 매니아로써 현재 노트FE를 사용하고 있는 유저입니다.&lt;/p&gt;
&lt;p&gt;노트FE를 사용하던 중에 S Pen을 사용하는데 있어서 화면의 사이즈가 좀 작다보니 화면에 필기를 하는데 있어서 많은 내용을 작성하지는 못하고 편하게 작성을 하지 못하다보니 화면이 큰 태블릿에 노트 시리즈처럼 S Pen을 활용할 수 있는 제품이 있으면 좋을 것 같다고 생각하던 중에 찾게된 갤럭시 탭 A6 with S Pen 제품을 소개하도록 하겠습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 675px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99C7653359F5DA9B07&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99C7653359F5DA9B07&quot; width=&quot;675&quot; height=&quot;900&quot; filename=&quot;1_박스 앞면_1.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[박스 패키지 앞면]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;wifi 버전이 아닌 LTE 제품이며 32GB의 용량을 가졌습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;해당 제품에는 S Pen이 없는 제품과 있는 제품이 별도로 판매하고 있으니&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;S Pen을 사용하고 싶으신 분들은 S Pen이 포함된 제품을 검색하셔야 되겠습니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 675px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99D0BA3359F5DA9E06&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99D0BA3359F5DA9E06&quot; width=&quot;675&quot; height=&quot;900&quot; filename=&quot;2_박스 뒷면_1.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[박스 패키지 뒷면]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;박스 뒷면에는 간단한 제품의 스펙이 젹혀있는데&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;TFT LCD(1920X1200)&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;1.6GHz Octa Core Processor&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;3GB RAM&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;Full HD Playback &amp;amp; Recording&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;8.0 MP AF + 2.0 MP Camera&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;32GB Memory&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;7,300 mAh Battery&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;위와 같이 적혀있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;화면이 TFT LCD이다 보니 화질이 좋은 게임 같은 경우 고화질로 보기는 좋지 않을 것 같으니 게임을 즐겨하시는 분들은 해당 제품의 구입을 고려하셔야겠습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 675px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/996D013359F5DAA212&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F996D013359F5DAA212&quot; width=&quot;675&quot; height=&quot;900&quot; filename=&quot;3_박스 오픈 후_1.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[박스 뚜껑 오픈]&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;본체가 천에 쌓여서 들어 있으며 본체를 들어내면 그 아래에 구성품이 들어있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/994DB03359F5DAA330&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F994DB03359F5DAA330&quot; width=&quot;500&quot; height=&quot;666&quot; filename=&quot;4_박스 구성품_1.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[제품 구성품]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;박스 구성품은&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;본체&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;사용 설명서&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;5핀 케이블&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;충전기&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;여분의 S Pen촉&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 713px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/994F3E3359F5DAA315&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F994F3E3359F5DAA315&quot; width=&quot;713&quot; height=&quot;535&quot; filename=&quot;5_탭 사이즈 비교_1.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[크기 비교]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;옆에 있는 제품은 그전까지 사용했던 갤럭시 탭4 8.0제품이며 해당 제품과 사이즈를 비교 시 10.1 화면 크기를 실감할 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;8.0 보다는 확연하게 큰 사이즈를 자랑합니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 499px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99FB8D3359F5DAA439&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99FB8D3359F5DAA439&quot; width=&quot;499&quot; height=&quot;665&quot; filename=&quot;5_탭 사이즈 비교_2.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[크기 비교]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;실제 8.0 제품과 사이즈를 직접 대보니 차이가 많이 나네요&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 675px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/999E983359F5DAA60D&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F999E983359F5DAA60D&quot; width=&quot;675&quot; height=&quot;900&quot; filename=&quot;6_탭 뒷면_1.jpg&quot; filemime=&quot;image/jpeg&quot; original=&quot;yes&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[S Pen 장착 확인]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;제품의 뒷면에 보시면 기존 노트 시리즈처럼 화면 하단 우측의 뒷면에 S Pen이 장착되어 있는 것을 확인 하실 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 675px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9997A23359F5DAAB2B&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9997A23359F5DAAB2B&quot; width=&quot;675&quot; height=&quot;900&quot; filename=&quot;7_탭 꺼진화면메모 기능_1.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[꺼진 화면 S Pen 메모 작성]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;기존 제품과 동일한 기능이 꺼진 화면에서도 S Pen을 빼서 꺼진 화면에 작성 할 수 있는 것을 확인하실 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 499px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99044F3359F5DAAB15&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99044F3359F5DAAB15&quot; width=&quot;499&quot; height=&quot;667&quot; filename=&quot;8_Spen 비교_1.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[S Pen 비교]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;현재 사용중인 노트 FE S Pen과 비교를 해보면 보급형인 제품답게 무척이나 투박하게 생겼습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 499px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99A56D3359F5DAAC20&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99A56D3359F5DAAC20&quot; width=&quot;499&quot; height=&quot;666&quot; filename=&quot;8_Spen 비교_2.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[S Pen 펜촉 비교]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;노트FE S Pen의 펜촉과 비교해보면&amp;nbsp; 노트FE는 실제 펜촉처럼 가늘게 되어 있는 반면 탭A의 펜촉은 둥굴하게 생겼습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;사용해본 소감 한마디&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;해당 제품은 제가 다이어리에 작성해서 남겨서 가지고 있는 것보다 S Pen을 활용해서 다이어리처럼 사용하고자 하는 목적에 의미를 두고 있어서 해당 목적 사용에 대해서는 매우 높은 만족을 느끼고 있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;하지만 그외 요즘 출시된 모바일 게임인 &quot;다크 어벤져3&quot;, &quot;AXE&quot; 처럼 그래픽이 좋은 게임을 하는데는 다소 무리가 있지만&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;화면에 10.1인치로 크다보니 유투브나 동영상을 보는데는 매우 좋습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;그리고 현재 안드로이드 최신 OS인 누가(7.0)으로 업데이트가 되었기 때문에 한동안은 사용하는데 있어서 불편함 없이 사용할 수 있을 것 같습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;게임을 즐기시는 분들은 해당 제품의 구매는 좀 고려하셔야 될 것 같으며 S Pen의 적극적인 활용을 생각하시는 분들은 갤럭시 탭 S3보다는 성능에서 한참 밀리지만 가격은 훨씬 저렴하고 S Pen을 활용하는데 있어서 큰 차이가 없는 제품이어서 가격을 생각하셨을 때는 한동안은 사용하는데 있어서 좋을 것 같습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>사용기</category>
      <category>10.1</category>
      <category>LTE</category>
      <category>spen</category>
      <category>갤럭시</category>
      <category>갤럭시 탭 10.1</category>
      <category>갤럭시 탭 s pen</category>
      <category>갤럭시 탭6</category>
      <category>태블릿</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/121</guid>
      <comments>https://namik.tistory.com/121#entry121comment</comments>
      <pubDate>Sun, 29 Oct 2017 23:13:14 +0900</pubDate>
    </item>
    <item>
      <title>[엑셀 함수] SUMIF 다루기</title>
      <link>https://namik.tistory.com/120</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;SUMIF&amp;nbsp;다루기&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;단순한 합계를 구할때는 SUM 함수를 사용하지만 특정 조건에 맞는 합계를 구할때는 SUMIF를 사용하여&amp;nbsp;&lt;span style=&quot;font-size: 12pt;&quot;&gt;조건이 하나일 때만 조건에 만족하는 합계를 구할 때 사용합니다.&lt;/span&gt;&lt;/p&gt;&lt;span style=&quot;font-size: 36pt; color: rgb(0, 85, 255);&quot;&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(0, 0, 0);&quot;&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 사용방법&lt;/h3&gt;
&lt;p&gt;&amp;nbsp;- SUMIF(range, criteria, sum_range)&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ range : 필수 요소이며, 조건을 적용할 셀 범위, 빈 셀과 텍스트 값은 무시됩니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ criteria : 필수 요소이며, 숫자, 식, 셀 참조, 텍스트 또는 함수 형식의 조건입니다. ex) &quot;과일&quot;, &quot;A2&quot;, &quot;&amp;gt;50&quot;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ sum_range : 선택 요소이며, range 인수에 지정된 것과 다른 실제 합계를 구할 셀의 범위입니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 인수가 지정되지 않으면 range에 지정된 셀이 더해집니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 샘플&lt;/h3&gt;
&lt;p&gt;ex1) 남아있는 각 종류의 재고량을 구한다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 216px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99F3223359EC80FB0C&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99F3223359EC80FB0C&quot; width=&quot;216&quot; height=&quot;198&quot; filename=&quot;sumif_샘플1_리스트.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[샘플 데이터]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;구분의 과일, 채소 두 종류의 구분 값으로 각각의 수량 합계를 구해서 표시하도록 하겠습니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99C0CB3359EC84CE15&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99C0CB3359EC84CE15&quot; width=&quot;900&quot; height=&quot;230&quot; filename=&quot;sumif_샘플1_결과.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;[샘플 데이터 결과]&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; - 과일에 대한 재고량 합계는&lt;/p&gt;&lt;/span&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ range : B3:B9 (구분 셀영역을 선택)&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ criteria : &quot;과일&quot; (텍스트가 동일한 조건 입력)&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ sum_range : C3:C9 (합계가 구해질 범위 지정)&lt;/p&gt;
&lt;p&gt;&amp;nbsp; - 채소에 대한 재고량 합계도 과일과 동일한 범위에서 조건 인수만 변경하여 합계를 계산하였습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;ex2) 기존 샘플 데이터를 그대로 사용하여 남은 제품의 남은 수량이 100개 미만인 제품과 100개 이상인 제품의 합계를 각각 구한다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9913E43359EC887F33&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9913E43359EC887F33&quot; width=&quot;900&quot; height=&quot;215&quot; filename=&quot;sumif_샘플2_결과.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;[샘플 데이터 결과]&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;font-size: 15px;&quot;&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; - 남은 수량이 100미만인 제품의 합계는&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ range :&amp;nbsp;&lt;span style=&quot;font-size: 15px;&quot;&gt;C3:C9&lt;/span&gt;&amp;nbsp;(수량을 비교하기 위한 셀 범위 선택)&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ criteria : &quot;&amp;lt; 100&quot; (수량의 조건을 비교하기 위한 조건식)&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ sum_range : C3:C9 (합계가 구해질 범위 지정)&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; - 남은 수량이 100이상인 제품의 합계는 100미만인 제품의 합계와 동일하며 조건식 인수만 변경하여 적용하였습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;ex3) 특정 문자가 포함된 셀의 합계를 구한다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 383px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/992E1F3359EC8AD20F&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F992E1F3359EC8AD20F&quot; width=&quot;383&quot; height=&quot;289&quot; filename=&quot;sumif_샘플3_리스트.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[샘플 데이터]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;지출입 내역서에서 내역란에 &quot;회사&quot;, &quot;급여&quot;가 포함되어 있는 합계를 구하도록 하겠습니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/993FC53359EC8AD232&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F993FC53359EC8AD232&quot; width=&quot;900&quot; height=&quot;250&quot; filename=&quot;sumif_샘플3_결과.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[샘플 데이터 결과]&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;font-size: 15px;&quot;&gt;&amp;nbsp; - 내역에 &quot;회사&quot;가 포함된 금액의 합계는&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ range :&amp;nbsp;&lt;span style=&quot;font-size: 15px;&quot;&gt;C3:C12&lt;/span&gt;&amp;nbsp;(특정 텍스트가 포함된 영역을 확인하기 위한 범위)&lt;/p&gt;
&lt;p style=&quot;font-size: 16px;&quot;&gt;&amp;nbsp; &amp;nbsp; ⊙ criteria : &quot;*회사*&quot; (특정 텍스트가 포함된 조건식)&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ⊙ sum_range : B3:B12 (합계가 구해질 범위 지정)&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; - 내역에 금여가 포함된 금액의 합계도 회사가 포함된 내역과 동일하게 조건만 변경하여 적용하였습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>엑셀 다루기</category>
      <category>Excel</category>
      <category>function</category>
      <category>sumif</category>
      <category>엑셀</category>
      <category>엑셀 함수</category>
      <category>조건 합계</category>
      <category>합계</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/120</guid>
      <comments>https://namik.tistory.com/120#entry120comment</comments>
      <pubDate>Sun, 22 Oct 2017 21:18:19 +0900</pubDate>
    </item>
    <item>
      <title>나만의 가계부 만들기</title>
      <link>https://namik.tistory.com/119</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;나만의 가계부 만들기&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;요즘은 모바일용 가계부 앱들이 많은데 힘들여서 엑셀에 가계부를 정리해서 사용하는 분들이 없습니다.&lt;/p&gt;
&lt;p&gt;엑셀을 다뤄보고 싶은 마음과 모바일용 가계부앱들에게서 모자라는 부분을 보완해서 사용해보고자 저만의 가계부를 정리할 수 있도록 만들어보도록 하겠습니다.&lt;/p&gt;
&lt;p&gt;처음 엑셀을 사용해&amp;nbsp;만들어보는 것이다보니 많은 부분에서 미흡하며 차츰 엑셀에 대한 공부를 하면서 보완을 해나가도록 하겠습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(216, 60, 60); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 가계부 디자인&lt;/h3&gt;&lt;p&gt;사용내역, 카테고리, 카테고리별 합계, 카테고리별 내역 4가지의 구분으로 만들어서 사용할 예정입니다.&lt;/p&gt;
&lt;p&gt;4가지 구분은 엑셀의 탭으로 구분합니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99AA7B3359E8A3952F&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99AA7B3359E8A3952F&quot; width=&quot;900&quot; height=&quot;471&quot; filename=&quot;가계부만들기_기획.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;[가계부 디자인]&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;- 사용내역&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&amp;nbsp; 돈의 수입과 지출의&amp;nbsp;내역을 모두 기록하는 영역&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&amp;nbsp; 각 내역별 카테고리를 설정하여 표시&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;- 카테고리&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&amp;nbsp; 사용내역의 카테고리로 사용할 내용을 정리하여 표시하는 영역&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;- 카테고리별 합계&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&amp;nbsp; 카테고리에 입력된 내용을 바탕으로 각 항목들의 합계를 계산하여 표시하는 영역&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;- 카테고리별 내역&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&amp;nbsp; 각 카테고리의 대분류를 기준으로 사용내역에서 내역을 찾아서 표시하는 영역&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(216, 60, 60); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 사용할 엑셀 기능들&lt;/h3&gt;&lt;p style=&quot;text-align: left;&quot;&gt;- 이름정의&lt;/p&gt;
&lt;p&gt;- 데이터유효성검사 참조 :&amp;nbsp;&lt;a href=&quot;http://namik.tistory.com/118&quot; target=&quot;_blank&quot;&gt;2017/10/16 - [엑셀 다루기] - 데이터 유효성 검사로 대, 중 분류하기&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;- SUMIF() 참조 :&amp;nbsp;&lt;a href=&quot;http://namik.tistory.com/120&quot; target=&quot;_blank&quot;&gt;2017/10/22 - [엑셀 다루기] - [엑셀 함수] SUMIF 다루기&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;- INDIRECT()&lt;/p&gt;
&lt;p&gt;- 고급필터 참조 :&amp;nbsp;&lt;a href=&quot;http://namik.tistory.com/123&quot; target=&quot;_blank&quot;&gt;2017/11/06 - [엑셀 다루기] - [엑셀 함수] 고급필터 사용법&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(216, 60, 60); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;3. 기능 만들기&lt;/h3&gt;&lt;p&gt;1. 카테고리&lt;/p&gt;
&lt;p&gt;&amp;nbsp; 1) 사용내역의 결제종류, 결제방법, 구분, 카테고리에 사용할 콤보값들을 정의합니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 549px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9941443359E8AF0705&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9941443359E8AF0705&quot; width=&quot;549&quot; height=&quot;167&quot; filename=&quot;1_카테고리_결제종류_1.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[결제종류, 결제방법 설정]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;결제종류를 표시하고 각 결제종류에 따라서 서브 값으로 표시가 될 항목들을 정의하였습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;ex) 결제종류 : 신용카드 선택 시 결제방법 : 신한카드,국민카드 선택 가능&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;결제종류 : 체크카드 선택 시 결제방법 : 신한체크카드, 국민체크카드, 카카오체크카드&amp;nbsp;선택 가능&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 877px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9951D13359E8AF0703&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9951D13359E8AF0703&quot; width=&quot;877&quot; height=&quot;235&quot; filename=&quot;1_카테고리_구분_1.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[구분, 카테고리 설정]&lt;/p&gt;
&lt;p style=&quot;clear: none; float: none;&quot;&gt;&amp;nbsp; 사용내역의 구분을&amp;nbsp;표시하고 각 구분에 따라서 서브 값으로 표시가 될 항목들을 정의하였습니다.&lt;/p&gt;
&lt;p style=&quot;clear: none; float: none;&quot;&gt;&amp;nbsp; ex) 구분 : 고정수입 선택 시 결제방법 : 급여, 기타 선택 가능&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;구분&amp;nbsp;: 데이트&amp;nbsp;선택 시 결제방법 : 외식, 쇼핑, 교통, 숙박, 기타 선택 가능&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; 2) 각각의 항목들에 이름정의 기능을 사용하여 항목들에 이름을 지정합니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; &lt;b&gt;데이터 유효성 검사&lt;/b&gt; 기능 사용하여 리스트의 대분류, 중분류를 표시하기 위한 &lt;b&gt;이름 정의&lt;/b&gt;를&lt;b&gt;&amp;nbsp;&lt;/b&gt;합니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ex) 수식 - 정의된 이름 - 이름정의 메뉴 참조&lt;/p&gt;
&lt;p style=&quot;clear: both; float: left;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 302px; margin-right: 10px;; height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9902A33359E8B15120&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9902A33359E8B15120&quot; width=&quot;302&quot; height=&quot;229&quot; filename=&quot;1_카테고리_이름정의_2.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;margin-right: 10px;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;이름&amp;nbsp;: 결제종류&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;범위 : 통합문서&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;참조대상 : 카테고리!$A$2:$A$5&lt;/p&gt;
&lt;p&gt;해당 내용을 입력하여 각각의 카테고리 항목에 이름 정의&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;2. 사용내역&lt;/p&gt;
&lt;p&gt;&amp;nbsp; 1) 일시(속성 : 날짜), 금액(속성 : 회계), 내역(속성 : 텍스트), 결제종류(속성 : 텍스트), 결제방법(속성 : 텍스트), 구분(속성 : 텍스트), 카테고리(속성 : 텍스트), 메모(속성 : 텍스트) 컬럼을 생성&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9972373359E8ADE903&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9972373359E8ADE903&quot; width=&quot;900&quot; height=&quot;151&quot; filename=&quot;사용내역_컬럼생성_1.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;[사용내역의 컬럼 생성]&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; 2) 카테고리에서 정의한 이름을 기반으로 결제종류, 결제방법, 구분, 카테고리에 &lt;b&gt;데이터 유효성 검사&lt;/b&gt;를 설정합니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; 결제종류에 따라서 결제방법을 선택할 수 있도록, 구분에 따라서 카테고리를 선택할 수 있도록 설정&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ex) 데이터 - 데이터 도구 - 데이터 유효성 검사 메뉴 참조&lt;/p&gt;
&lt;p style=&quot;clear: both; float: left;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 401px; text-align: center; margin-right: 10px;; height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99EC5C3359E8B4200C&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99EC5C3359E8B4200C&quot; width=&quot;401&quot; height=&quot;294&quot; filename=&quot;2_사용내역_데이터유효성검사_대분류설정_2.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;text-align: center; margin-right: 10px;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;대분류인&amp;nbsp;결제종류 설정&lt;/p&gt;
&lt;p&gt;제한 대상 : 목록&lt;/p&gt;
&lt;p&gt;원본 : 결제종류&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;clear: both; float: left;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 401px; margin-right: 10px; width: 401px; height: 225px;; height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9927913359EB2CC916&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9927913359EB2CC916&quot; width=&quot;401&quot; height=&quot;225&quot; filename=&quot;2_사용내역_데이터유효성검사_중분류설정_3.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;margin-right: 10px; width: 401px; height: 225px;&quot; original=&quot;yes&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;제한 대상 : 목록중분류인&amp;nbsp;결제방법 설정&lt;/p&gt;
&lt;p&gt;원본 : INDIRECT($D2) (대분류의 항목 위치)&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;3. 카테고리별 합계&lt;/p&gt;
&lt;p&gt;&amp;nbsp; 1) 카테고리 Tab에 작성한 내용을 직접 입력하여 다음 표처럼 작성한다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 503px; width: 503px; height: 500px;; height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/999F7A3359EB2D9529&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F999F7A3359EB2D9529&quot; width=&quot;503&quot; height=&quot;500&quot; filename=&quot;3_카테고리별합계_출력표만들기.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;width: 503px; height: 500px;&quot; original=&quot;yes&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[카테고리별 합계 표 작성]&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; 2) 각각의 카테고리별 합계를 계산하기 위해서 SUMIF() 함수를 사용하여 카테고리별 합계를 구합니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ex) 수식 - 함수 라이브러리 - 함수 삽입 메뉴 참조&lt;/p&gt;
&lt;p style=&quot;clear: both; float: left;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 503px; width: 503px; height: 369px; margin-right: 10px;; height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/998F933359EB2FF71D&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F998F933359EB2FF71D&quot; width=&quot;503&quot; height=&quot;369&quot; filename=&quot;3_카테고리별합계_함수작성.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;width: 503px; height: 369px; margin-right: 10px;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;각 카테고리의 금액에&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;RANGE : 내용돈내역!$G:$G (합계 카테고리 영역)&lt;/p&gt;
&lt;p&gt;Criteria : &quot;*&quot;&amp;amp;C2&amp;amp;&quot;*&quot; (비교할 조건:카테고리가 포함 표시)&lt;/p&gt;
&lt;p&gt;Sum_range : 내용돈내역!$B:$B (합계를 구할 영역)&lt;/p&gt;
&lt;p&gt;-&amp;gt; SUMIF(내용돈내역!$G:$G,&quot;*&quot;&amp;amp;C2&amp;amp;&quot;*&quot;,내용돈내역!$B:$B)&lt;/p&gt;
&lt;p&gt;* 함수에 적용된 다른 참조된 Tab는 그 다음번에서 확인가능합니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;4. 카테고리별 내역&lt;/p&gt;
&lt;p&gt;&amp;nbsp; 1) 고급필터를 사용하여 사용내역에 정리된 내용 각 구분별 내역으로 정리합니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; ex) 데이터 - 정렬 및 필터 - 고급 메뉴 참조&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99C2693359EB372F23&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99C2693359EB372F23&quot; width=&quot;900&quot; height=&quot;484&quot; filename=&quot;4_카테고리내역_고급필터 설정.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;목록 범위 : 사용내역!$A:$H (사용내역의 전체영역 선택&lt;/span&gt;&lt;span style=&quot;text-align: left;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;text-align: left;&quot;&gt;결과 : 다른 장소에 복사 선택&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;조건 범위 : 카테고리 합계 Tab의 내용돈 카테고리 선택&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;복사 위치 : 내용돈내역 빈 Tab 생성하여 임의 위치 선택&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&amp;nbsp; 2) 고급 필터 설정 시 아래 그림처럼 구분이 &quot;내용돈&quot;으로 설정된 영역만 따로 추출해서 내역으로 정리할 수 있다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99B26D3359EB33ED1C&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99B26D3359EB33ED1C&quot; width=&quot;900&quot; height=&quot;137&quot; filename=&quot;4_카테고리내역_고급필터 적용.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[카테고리 내역 고급 필터 설정 완료]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;내용돈 내역외에 나머지 카테고리에 있는 고정수입 내역, 고정지출 내역, 데이터 내역을 정리할 수 있습니다.&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;초기 엑셀로 가계부를 만드는 것이다보니 조금은 불편하게 만들고 있다고 생각 할 수 있지만 엑셀을 공부하면서 가계부를 좀더 다듬으면서 엑셀 공부를 할 수 있도록 해봐야겠습니다.&lt;/p&gt;
&lt;p&gt;현재 제가 만든 가계부의 단점은 매크로를 사용하지 않아서 일일이 수작업으로 해야하며, 좀더 세분하게 내역을 정리하는것이 조금 불편한것 같습니다. 그러한 점들은 추후 보완하여 정리하도록 하겠습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>엑셀 다루기</category>
      <category>Excel</category>
      <category>sumif</category>
      <category>가계부</category>
      <category>고급 필터</category>
      <category>고급필터</category>
      <category>데이터 유효성 검사</category>
      <category>데이터유효성검사</category>
      <category>엑셀</category>
      <category>엑셀 함수</category>
      <category>이름정의</category>
      <category>필터</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/119</guid>
      <comments>https://namik.tistory.com/119#entry119comment</comments>
      <pubDate>Thu, 19 Oct 2017 23:23:17 +0900</pubDate>
    </item>
    <item>
      <title>데이터 유효성 검사로 대, 중 분류하기</title>
      <link>https://namik.tistory.com/118</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;데이터 유효성 검사로 대, 중 분류하기&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;환경 : Excel 2007&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;엑셀을 다루다 보면 콤보박스처럼 만들어서 앞선 내용의 선택에 따라서 뒤 콤보박스의 내용이 변경되도록 하는 기술을 보셨을지도 모릅니다. 데이터 유효성 검사를&amp;nbsp;통해서 대분류, 중분류로 구분하여 엑셀에 표시하도록 하겠습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; font-size: 18px; line-height: 30px; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(204, 0, 51); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;1. 이름정의&lt;/h2&gt;
&lt;p&gt;대분류 및 중분류&amp;nbsp;리스트로 만들기 위해서 먼저 리스트로 사용할 표를 만듭니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 405px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99FF9F3359E375B634&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99FF9F3359E375B634&quot; width=&quot;405&quot; height=&quot;244&quot; filename=&quot;대_중분류 리스트.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[대/중분류로 사용할 데이터 리스트]&lt;/p&gt;
&lt;p&gt;&lt;b&gt;&quot;대분류&quot;&lt;/b&gt;로 표의 구분을 사용할 것이고 &lt;b&gt;&quot;중분류&quot;&lt;/b&gt;로 사용할 표는 위의 캡쳐된 내용처럼 구분에 있는 내용을 차례대로 정의하였습니다.&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;그럼 이제 해당 리스트를 &lt;b&gt;&quot;수식&quot;&lt;/b&gt; - &lt;b&gt;&quot;이름정의&quot;&lt;/b&gt;를 사용하여 범위를 정의하겠습니다. 먼저 대분류로 사용할 구분 먼저 정의를 하겠습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 389px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9920F63359E3784C25&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9920F63359E3784C25&quot; width=&quot;389&quot; height=&quot;221&quot; filename=&quot;이름정의_구분 선택.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[대분류 구분 범위 지정]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;위 캡쳐자료와 같이 &lt;b&gt;&quot;대분류&quot;&lt;/b&gt;로 사용할 구분의 영역을 지정합니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 502px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9984B43359E3784D33&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9984B43359E3784D33&quot; width=&quot;502&quot; height=&quot;136&quot; filename=&quot;이름정의_메뉴선택.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[이름 정의 메뉴 선택]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;b&gt;&quot;수식&quot;&lt;/b&gt;&amp;nbsp;-&amp;nbsp;&lt;b&gt;&quot;이름정의&quot;&lt;/b&gt;의 메뉴를 선택하여 이름을 정의합니다.&amp;nbsp;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 302px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9981883359E3784D08&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9981883359E3784D08&quot; width=&quot;302&quot; height=&quot;233&quot; filename=&quot;이름정의_구분 정의.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[대분류 이름 정의 : 구분]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;대분류의 이름은 &quot;구분&quot;이고 참조대상에 선택한 범위가 표시가 되어 있는지 확인합니다. 확인버튼을 클릭하면 이름정의 완료&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;중분류로 사용할 내용들도 차례대로 대분류의 이름을 정의한것처럼 모두 정의하도록 하겠습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 463px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9941313359E37B4B15&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9941313359E37B4B15&quot; width=&quot;463&quot; height=&quot;131&quot; filename=&quot;이름정의_이름관리자 메뉴 선택.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[이름관리자 메뉴 선택]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;자신이 직접 정의한 이름에 대해서 확인을 못한다면 힘들겠죠? 그래서 내가 정의한 이름 정의에 대해서 확인하는 방법이 있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;b&gt;&quot;수식&quot;&lt;/b&gt; - &lt;b&gt;&quot;이름관리자&quot; &lt;/b&gt;메뉴를 클릭해서 내가 정의한 이름들을 알 수 있습니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 552px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99CFDD3359E37B4B35&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99CFDD3359E37B4B35&quot; width=&quot;552&quot; height=&quot;432&quot; filename=&quot;이름정의_이름관리자 확인.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[이름관리자 메뉴를 통해 확인]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;이름관리자 창으로 내가 정의한 이름들을 확인 할 수 있습니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;b&gt;&quot;대분류&quot;&lt;/b&gt;인 구분외에 &lt;b&gt;&quot;중분류&quot;&lt;/b&gt;로 사용할 대형, 준중형, 중형의 이름을 각각&amp;nbsp;정의했습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;이제 이름을 정의하였으니 이제 리스트로 설정하는 방법을 확인하겠습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; font-size: 18px; line-height: 30px; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(204, 0, 51); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;2. 데이터 유효성 검사 사용하기&lt;/h2&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 166px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/990B603359E37D1E1C&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F990B603359E37D1E1C&quot; width=&quot;166&quot; height=&quot;89&quot; filename=&quot;유효성검사_영역선택.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[데이터 유효성 검사를 사용할 영역 선택]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;먼저 대분류로 사용할 영역을 선택합니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 477px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/995EB43359E37D1E2A&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F995EB43359E37D1E2A&quot; width=&quot;477&quot; height=&quot;129&quot; filename=&quot;유효성검사_메뉴선택.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[데이터 유효성 검사 메뉴 선택]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;b&gt;&quot;데이터&quot;&lt;/b&gt; - &lt;b&gt;&quot;데이터 유효성 검사&quot;&lt;/b&gt;의 메뉴를 선택합니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 402px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99D1793359E37D1E22&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99D1793359E37D1E22&quot; width=&quot;402&quot; height=&quot;295&quot; filename=&quot;유효성검사_설정.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[데이터 유효성 검사 설정]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;데이터 유효성 설정 화면에서 &lt;b&gt;&quot;제한대상&quot;&lt;/b&gt; - &lt;b&gt;&quot;목록&quot;&lt;/b&gt;, &lt;b&gt;&quot;원본&quot;&lt;/b&gt; - &lt;b&gt;&quot;=구분&quot;&lt;/b&gt;으로 설정하면 됩니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;원본에는 우리가 조금전에 &lt;b&gt;&quot;대분류&quot;&lt;/b&gt;의 명칭인 구분을 입력하면 됩니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 175px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99ADBB3359E37D7011&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99ADBB3359E37D7011&quot; width=&quot;175&quot; height=&quot;154&quot; filename=&quot;유효성검사_설정완료.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[데이터 유효성 검사 설정 완료]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;설정이 완료되면 위 캡쳐된 화면처럼 &quot;대분류&quot;를 리스트로 표시하여 확인할 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;대분류를 표시하였으니 이제 대분류에 입력된 내용을 바탕으로 중분류를 선택 할 수 있도록 리스트로 만들겠습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 158px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9936713359E381652F&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9936713359E381652F&quot; width=&quot;158&quot; height=&quot;85&quot; filename=&quot;유효성검사_중분류선택.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[중분류가 적용될 영역 선택]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;b&gt;&quot;중분류&quot;&lt;/b&gt;가 적용될 영역을 선택합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 403px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9924873359E3816519&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9924873359E3816519&quot; width=&quot;403&quot; height=&quot;299&quot; filename=&quot;유효성검사_중분류설정.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[데이터 유효성 중분류 설정]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;b&gt;&quot;대분류&quot;&lt;/b&gt;를 설정했던 것과 같이 메뉴에서 &lt;b&gt;데이터 유효성 검사&lt;/b&gt;를 선택합니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;데이터 유효성 설정 화면에서&amp;nbsp;&lt;b&gt;&quot;제한대상&quot;&lt;/b&gt;&amp;nbsp;-&amp;nbsp;&lt;b&gt;&quot;목록&quot;&lt;/b&gt;,&amp;nbsp;&lt;b&gt;&quot;원본&quot;&lt;/b&gt;&amp;nbsp;-&amp;nbsp;&lt;b&gt;&quot;=INDIRECT($B2)&quot;&lt;/b&gt;를 입력하여 설정합니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;b&gt;&quot;대분류&quot;&lt;/b&gt;설정과는 다르게 원본에 &lt;b&gt;대분류&lt;/b&gt;로 입력받은 영역의 &lt;b&gt;INDIRECT&lt;/b&gt; 함수를 사용하여 정의해주면 대분류의 선택에 따라서 중분류로 이름이 정의된 항목이 선택되게 됩니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 174px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99C5F93359E3816623&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99C5F93359E3816623&quot; width=&quot;174&quot; height=&quot;152&quot; filename=&quot;유효성검사_중분류설정완료.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[중분류 설정 완료]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;분류에 &lt;b&gt;준중형&lt;/b&gt;을 선택 시 차종에 &lt;b&gt;준중형&lt;/b&gt;에 해당하는 &lt;b&gt;아반떼, i30, K3, 크루즈, SM3&lt;/b&gt;가 선택되어서 리스트로 표시되는 것을 확인 하실 수 있습니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 174px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9922B93359E3835913&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9922B93359E3835913&quot; width=&quot;174&quot; height=&quot;159&quot; filename=&quot;유효성검사_예제 확인.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[데이터 유효성 입력 완료]&lt;/p&gt;
&lt;p&gt;나머지 부분도 동일하게 분류에 입력된 항목을 참조하게 하여 중분류에 원하는 항목을 선택하여 표시될 수 있습니다.&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>엑셀 다루기</category>
      <category>2007</category>
      <category>Excel</category>
      <category>대분류 중분류</category>
      <category>데이터 유효성 검사</category>
      <category>데이터유효성검사</category>
      <category>리스트</category>
      <category>이름정의</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/118</guid>
      <comments>https://namik.tistory.com/118#entry118comment</comments>
      <pubDate>Mon, 16 Oct 2017 00:58:18 +0900</pubDate>
    </item>
    <item>
      <title>[생활의 팁] 삼성페이 포인트를 현금처럼 사용할 수 있다...??</title>
      <link>https://namik.tistory.com/117</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 24pt; color: rgb(9, 0, 255);&quot;&gt;삼성페이 포인트를 현금처럼 사용하자~&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;노트4에서 노트FE로 바꾸면서 삼성페이를 사용하게 되었는데 너무 신세계를 보는것 같네요~~&lt;/p&gt;
&lt;p&gt;결제하기 위해서 체크 카드나 신용 카드를 가지고 다녔는데 삼성페이에 사용하는 카드를 등록하고 나서는 지갑이 필요없어졌네요~&lt;/p&gt;
&lt;p&gt;그런데 계속 사용하다보니 삼성 포인트가 쌓이게 되었는데 이게 생각보다 많이 쌓이더라고요 그래서 어떻게 사용해야할지 알아보다가&lt;/p&gt;
&lt;p&gt;포인트를 현금처럼 사용할 수 있는 삼성 선불카드가 있다고 하게 되어서 소개하게 되었습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99D7273359B54E1D0E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99D7273359B54E1D0E&quot; width=&quot;500&quot; height=&quot;888&quot; filename=&quot;1_삼성포인트확인.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[삼성페이 포인트 확인]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;삼성페이 앱을 실행해서 포인트를 확인해보니 9,000 포인트 이상을 가지고 있는 것을 확인했네요~~ 생각보다 많이 쌓아놓고 있었네요.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/991E873359B54E1F03&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F991E873359B54E1F03&quot; width=&quot;500&quot; height=&quot;888&quot; filename=&quot;2_카드추가.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[카드 추가]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;일단 카드 추가 항목으로 들어가서 &lt;span style=&quot;font-size: 18pt; color: rgb(9, 0, 255);&quot;&gt;&quot;삼성 리워즈 카드 추가&quot;&lt;/span&gt;를 선택합니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/992C6E3359B54E202E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F992C6E3359B54E202E&quot; width=&quot;500&quot; height=&quot;888&quot; filename=&quot;3_삼성리워즈카드추가.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[삼성 리워즈 포인트 카드 선택]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;삼성 리워즈 카드에서 &lt;span style=&quot;color: rgb(9, 0, 255); font-size: 18pt;&quot;&gt;&quot;삼성 리워즈 삼성기프트카드&lt;/span&gt;&lt;span style=&quot;color: rgb(9, 0, 255); font-size: 18pt;&quot;&gt;&quot;&lt;/span&gt; 선택합니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/997F693359B54E211E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F997F693359B54E211E&quot; width=&quot;500&quot; height=&quot;888&quot; filename=&quot;4_삼성리워즈포인트카드신청.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[삼성 리워즈 포인트 카드 신청]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;color: rgb(9, 0, 255); font-size: 18pt;&quot;&gt;&quot;삼성 리워즈 삼성기프트카드&lt;/span&gt;&lt;span style=&quot;color: rgb(9, 0, 255); font-size: 18pt;&quot;&gt;&quot;&lt;/span&gt; 카드 신청 하시고&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99137D3359B54E2205&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99137D3359B54E2205&quot; width=&quot;500&quot; height=&quot;888&quot; filename=&quot;5_삼성리워즈포인트카드약관.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[삼성카드 약관 동의]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;삼성카드 약관 동의 및 본인 인증 하시면 포인트 카드가 딱 등록됩니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99A4A23359B54E2317&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99A4A23359B54E2317&quot; width=&quot;500&quot; height=&quot;888&quot; filename=&quot;6_카드사용.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[삼성 선불 카드 사용]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;포인트를 선불카드에 등록하는 방식은 3,000, 5,000, 10,000 단위로 충전되기 때문에 최소 3,000 포인트 이상을 가지고 있어야 충전이 가능하게 되니 이점 유의 하시고 실제 사용을 해보니 카드를 사용하는 것처럼 선불카드를 선택해서 결제를 진행해보니 실제 카드와 동일하게 결제를 할 수 있어서 앞으로 편의점에서 음료수 사먹을때 유용하게 사용할 수 있을 것 같네요~~&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>나의 일상/생활의 팁</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/117</guid>
      <comments>https://namik.tistory.com/117#entry117comment</comments>
      <pubDate>Mon, 11 Sep 2017 00:03:10 +0900</pubDate>
    </item>
    <item>
      <title>[정보] 국내 달걀에서도 살충제 성분이?? 대형마트 달걀 판매 중단</title>
      <link>https://namik.tistory.com/116</link>
      <description>&lt;p style=&quot;text-align: center; &quot;&gt;&lt;span style=&quot;font-size: 32px;&quot;&gt;&lt;b&gt;국내 달걀에서도 살충제 성분이?? 대형마트 달걀 판매 중단&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/993D093359945B3418&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F993D093359945B3418&quot; width=&quot;500&quot; height=&quot;332&quot; filename=&quot;계랸_small.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;어제 15일(화)에 충격적인 뉴스 소식을 접했습니다.&lt;/p&gt;
&lt;p&gt;그것은 8월 15일부터 전국 모든 농장의 달걀 출하가 중지되었다는 소식인데요 어떻게 된 것일까요??&lt;/p&gt;
&lt;p&gt;그전에 유럽에서 지금 파문이 일고 있는 살충제 달걀에 대해서 많은 소식을 들었을텐데요&lt;/p&gt;
&lt;p&gt;우리 국내에서도 경기도에 있는 두 농가의 달걀에서 살충제 성분이 기준치를 초과해서 검출되었다고 합니다.&lt;/p&gt;
&lt;p&gt;그런데 그 두 농가가 유럽산 달걀을 들여서 유통한것도 아니고 자체적으로 쓴 농약 때문에 발생했다고 하니&lt;/p&gt;
&lt;p&gt;15일을 기점으로 대형마트, 슈퍼, 편의점, 온라인 쇼핑등에서 계란 판매 중단을 한다고 하니 언제까지 맛있고 주 식재료로 사용하는 달걀을 언제까지 먹지 못하고 있어야 할지 참으로 걱정이 많이 드네요...ㅜㅜ&lt;/p&gt;
&lt;p&gt;자세한 내용을 말씀드리면 친환경 산란계 농장을 대상으로 잔류농약을 검사하던 중에 경기도 남양주시와 광주시 농장에서 살충제가 검출되었다고 하는데 남양주 농장에서 사용된 피프로닐은 개와 고양이의 벼륙, 진드기를 없애기 위해 사용되는 살충제인데 닭에는 사용할 수 없는 살충제라고 하네요.&lt;/p&gt;
&lt;p&gt;그리고 광주시 농장에서 사용한 살충제인 비펜트린은 닭 진드기 퇴치에 쓸 수는 있지만 기준치를 초과해서 사용하였다고 하네요....&lt;/p&gt;
&lt;p&gt;살충제 성분이 포함된 계랸이 얼마나 안좋은지 한번 알아보니&lt;/p&gt;
&lt;p&gt;피프로닐은 주택이나 가축과 애완동물에 기생하는 벼룩과 진드기 등을 없애는데 광범위하게 이용된 물질인데 백색 분말 형태이며, 흡입과 섭취로 인체에 흡수될 수 있습니다.&lt;/p&gt;
&lt;p&gt;노출 시 나타날 수 있는 대표적인 증상이 경련과 떨림이며, 미국 국립직업안전보건연구소(NIOSH)는 피프로닐에 장기간 또는 반복적으로 노출됐을 경우 간에 병변이 생길 수 있다고 밝히고 있으며, 국제보건기구(WHO)에서도 역시 피프로닐을 과다 섭취할 경우 간장·신장 등 장기가 손상될 가능성이 있다고 경고하였습니다.&lt;/p&gt;
&lt;p&gt;2010년 학술지 '임상 독성학'(Clinical Toxicology)에 실린 '피프로닐 노출과 관련된 급성 질환' 논문에 따르면, 살충제 사용 등으로 일상에서 피프로닐에 노출된 사람들에게 실제로 건강상의 문제가 나타났다고 하는데요.&lt;/p&gt;
&lt;p&gt;2001년부터 2007년까지 미국 11개 주에서 확인된 피프로닐 노출자의 89%는 가벼우면서 일시적인 건강 문제를 호소했으며, 가장 흔한 증상은 두통, 현기증, 감각 이상과 같은 신경 증상(50%)이었고, 그 다음으로는 안구 (44%), 위장관 (28%), 호흡기 (27%), 피부 증상 (21%) 등이 있다고 합니다.&lt;/p&gt;
&lt;p&gt;피프로닐은 국내에서 닭에 대한 사용이 금지되어 있는 살충제인데요.&lt;/p&gt;
&lt;p&gt;식품의약품안전처에서 국제식품규격(CODEX Alimentarius)에 따라 정한 피프로닐 잔류 기준은 계란 0.02ppm, 닭고기 0.01ppm이지만 이번에 경기 남양주 양계농장에서 생산한 계란에서 검출된 양은 0.0363ppm이었다고 합니다.&lt;/p&gt;
&lt;p&gt;피프로닐과 함께 검출된 비펜트린은 닭에 대한 사용이 허용된 살충제이지만, 조사 결과 사용량을 초과한 것으로 나타났다고 합니다.&lt;/p&gt;
&lt;p&gt;양계농장에서 관리 목적으로 살충제를 사용하는 것이 좋지만 식품의약품안전처에 공지된 내용을 무시하고 편한대로 사용하는 점에 대해서는 마음이 편치를 않네요. 언제가 되어야 안전하게 식품을 먹을 수 있는 걸까요....??&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;iframe src=&quot;https://www.youtube.com/embed/-uYz07dU3-s&quot; width=&quot;560&quot; height=&quot;315&quot; frameborder=&quot;&quot; allowfullscreen=&quot;true&quot;&gt;&lt;/iframe&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[출처:&lt;a href=&quot;https://youtu.be/-uYz07dU3-s&quot;&gt;https://youtu.be/-uYz07dU3-s&lt;/a&gt;(YTN NEWS)]&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;table style=&quot;width:99%; border:none; border-collapse:collapse;&quot;&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style=&quot;width:100%; height:50px; padding-left:20px; border: 1px solid rgb(204, 204, 204);&quot;&gt;
				&lt;font size=&quot;4&quot;&gt;&lt;b&gt;참고자료 링크&lt;/b&gt;&lt;/font&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td style=&quot;width:100%; height:150px; padding-left:20px; border-bottom-width:1px; border-bottom-style: solid; border-bottom-color: rgb(204,204,204); border-right-width:1px; border-right-style:solid; border-right-color:rgb(204,204,204); border-left-width:1px; border-left-style:solid; border-left-color:rgb(204,204,204); vertical-align:text-top;&quot;&gt;
				&lt;p&gt;&lt;a href=&quot;http://news.jtbc.joins.com/html/746/NB11507746.html&quot;&gt;http://news.jtbc.joins.com/html/746/NB11507746.html&lt;/a&gt;&lt;/p&gt;
				&lt;p&gt;&lt;a href=&quot;http://news.jtbc.joins.com/html/836/NB11507836.html&quot;&gt;http://news.jtbc.joins.com/html/836/NB11507836.html&lt;/a&gt;&lt;/p&gt;
				&lt;p&gt;&lt;a href=&quot;http://news.jtbc.joins.com/html/790/NB11507790.html&quot;&gt;http://news.jtbc.joins.com/html/790/NB11507790.html&lt;/a&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>기타</category>
      <category>살충제</category>
      <category>살충제 계란</category>
      <category>살충제 계랸이란</category>
      <category>살충제 달걀</category>
      <category>살충제 달걀 원인</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/116</guid>
      <comments>https://namik.tistory.com/116#entry116comment</comments>
      <pubDate>Thu, 17 Aug 2017 00:04:15 +0900</pubDate>
    </item>
    <item>
      <title>[Node.js] 공부 4 일차 - Node.js Buffer 사용법</title>
      <link>https://namik.tistory.com/115</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 24pt; color: rgb(0, 85, 255);&quot;&gt;[Node.js] 공부 4 일차 -Node.js Buffer 사용법&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;개발환경&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- OS : windows&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- 개발툴 : Brackets&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- Node.js 버전 : 6.11.1 LTS&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;참조 Node.js API :&amp;nbsp;&lt;a href=&quot;https://nodejs.org/dist/latest-v6.x/docs/api/buffer.html&quot;&gt;https://nodejs.org/dist/latest-v6.x/docs/api/buffer.html&lt;/a&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;&lt;tr&gt;

				&lt;td style=&quot;BORDER-RIGHT: #1e78d2 1px solid; BORDER-TOP: #1e78d2 1px solid; BORDER-LEFT: #1e78d2 1px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot; width=&quot;273&quot; bgcolor=&quot;#1e78d2&quot;&gt;

					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: Gulim&quot;&gt;

						&lt;strong&gt;Buffer API 확인하기&lt;/strong&gt;

					&lt;/span&gt;

				&lt;/td&gt;

				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;

					&amp;nbsp;

				&lt;/td&gt;&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;

&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;

&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;Buffer.alloc(size[, fill[, encoding]])&lt;/strong&gt;&lt;/span&gt;

&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- size &amp;lt;integer&amp;gt; : Buffer 사이즈 지정&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- fill &amp;lt;string&amp;gt; | &amp;lt;Buffer&amp;gt; | &amp;lt;integer&amp;gt; : Buffer 초기화 시 초기 설정 값 지정 Default : 0&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- encoding &amp;lt;string&amp;gt; : Buffer 초기화 시 encoding 설정 Default: 'utf8'&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;12&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;13&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;14&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;15&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;16&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;17&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;buf_01&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;Buffer.alloc(&lt;span style=&quot;color:#c10aff&quot;&gt;10&lt;/span&gt;);&amp;nbsp;&lt;span style=&quot;color:#999999&quot;&gt;//&amp;nbsp;hex&amp;nbsp;Prints:&amp;nbsp;&amp;lt;Buffer&amp;nbsp;00&amp;nbsp;00&amp;nbsp;00&amp;nbsp;00&amp;nbsp;00&amp;nbsp;00&amp;nbsp;00&amp;nbsp;00&amp;nbsp;00&amp;nbsp;00&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_01&amp;nbsp;init&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_01);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_01&amp;nbsp;init(hex)&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_01.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;hex&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_01&amp;nbsp;init&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_01.&lt;span style=&quot;color:#4be6fa&quot;&gt;length&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;buf_02&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;Buffer.alloc(&lt;span style=&quot;color:#c10aff&quot;&gt;10&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;1&lt;/span&gt;);&amp;nbsp;&lt;span style=&quot;color:#999999&quot;&gt;//&amp;nbsp;hex&amp;nbsp;Prints:&amp;nbsp;&amp;lt;Buffer&amp;nbsp;01&amp;nbsp;01&amp;nbsp;01&amp;nbsp;01&amp;nbsp;01&amp;nbsp;01&amp;nbsp;01&amp;nbsp;01&amp;nbsp;01&amp;nbsp;01&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_02&amp;nbsp;init&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_02);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_02&amp;nbsp;init(hex)&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_02.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;hex&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_02&amp;nbsp;init&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_02.&lt;span style=&quot;color:#4be6fa&quot;&gt;length&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;buf_03&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;Buffer.alloc(&lt;span style=&quot;color:#c10aff&quot;&gt;11&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#ffd500&quot;&gt;'aGVsbG8gd29ybGQ='&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#ffd500&quot;&gt;'base64'&lt;/span&gt;);&amp;nbsp;&lt;span style=&quot;color:#999999&quot;&gt;//&amp;nbsp;hex&amp;nbsp;Prints:&amp;nbsp;&amp;lt;Buffer&amp;nbsp;68&amp;nbsp;65&amp;nbsp;6c&amp;nbsp;6c&amp;nbsp;6f&amp;nbsp;20&amp;nbsp;77&amp;nbsp;6f&amp;nbsp;72&amp;nbsp;6c&amp;nbsp;64&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_03&amp;nbsp;init&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_03);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_03&amp;nbsp;init(hex)&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_03.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;hex&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_03&amp;nbsp;init&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_03.&lt;span style=&quot;color:#4be6fa&quot;&gt;length&lt;/span&gt;);&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align:right; margin-top:-13px; margin-right:5px; font-size:9px; font-style:italic&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(79, 79, 79);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;
&lt;p&gt;결과 화면&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#fafafa; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #e5e5e5&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#666; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_01&amp;nbsp;init&amp;nbsp;:&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_01&amp;nbsp;init(hex)&amp;nbsp;:&amp;nbsp;00000000000000000000&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_01&amp;nbsp;init&amp;nbsp;size&amp;nbsp;:&amp;nbsp;10&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_02&amp;nbsp;init&amp;nbsp;:&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_02&amp;nbsp;init(hex)&amp;nbsp;:&amp;nbsp;01010101010101010101&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_02&amp;nbsp;init&amp;nbsp;size&amp;nbsp;:&amp;nbsp;10&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_03&amp;nbsp;init&amp;nbsp;:&amp;nbsp;hello&amp;nbsp;world&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_03&amp;nbsp;init(hex)&amp;nbsp;:&amp;nbsp;68656c6c6f20776f726c64&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_03&amp;nbsp;init&amp;nbsp;size&amp;nbsp;:&amp;nbsp;11&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(229, 229, 229); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;

&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;

&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;buf.toString([encoding[, start[, end]]])&lt;/strong&gt;&lt;/span&gt;

&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- encoding &amp;lt;string&amp;gt; : 해당 값의 인코딩 방식 설정 Default: 'utf8'&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- start &amp;lt;integer&amp;gt; : 인코딩 시작 위치 Default: 0&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- end &amp;lt;integer&amp;gt; : 인코딩 종료 위치 Default: buf.length&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- Returns: &amp;lt;string&amp;gt;&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;buf_04&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;Buffer.alloc(&lt;span style=&quot;color:#c10aff&quot;&gt;26&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;for&lt;/span&gt;&amp;nbsp;(let&amp;nbsp;i&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;0&lt;/span&gt;;&amp;nbsp;i&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;26&lt;/span&gt;;&amp;nbsp;i&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;)&amp;nbsp;{&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;buf_04[i]&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;i&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;97&lt;/span&gt;;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;}&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_04&amp;nbsp;ascii&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_04.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;ascii&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_04&amp;nbsp;ascii&amp;nbsp;print[0-10]&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_04.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;'ascii'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;0&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;10&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_04&amp;nbsp;hex&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_04.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;hex&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_04&amp;nbsp;utf8&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_04.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;utf8&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_04&amp;nbsp;binary&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_04.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;binary&quot;&lt;/span&gt;));&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;결과화면&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#fafafa; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #e5e5e5&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#666; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_04&amp;nbsp;ascii&amp;nbsp;print&amp;nbsp;:&amp;nbsp;abcdefghijklmnopqrstuvwxyz&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_04&amp;nbsp;ascii&amp;nbsp;print[&lt;span style=&quot;color:#0099cc&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color:#0099cc&quot;&gt;10&lt;/span&gt;]&amp;nbsp;:&amp;nbsp;abcdefghij&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_04&amp;nbsp;hex&amp;nbsp;print&amp;nbsp;:&amp;nbsp;6162636465666768696a6b6c6d6e6f707172737475767778797a&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_04&amp;nbsp;utf8&amp;nbsp;print&amp;nbsp;:&amp;nbsp;abcdefghijklmnopqrstuvwxyz&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_04&amp;nbsp;binary&amp;nbsp;print&amp;nbsp;:&amp;nbsp;abcdefghijklmnopqrstuvwxyz&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(229, 229, 229); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;

&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;

&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;Buffer.byteLength(string[, encoding])&lt;/strong&gt;&lt;/span&gt;

&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- string &amp;lt;string&amp;gt; | &amp;lt;Buffer&amp;gt; | &amp;lt;TypedArray&amp;gt; | &amp;lt;DataView&amp;gt; | &amp;lt;ArrayBuffer&amp;gt; : 바이트 길이를 확인할 변수 입력 Default encoding : 'utf8'&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- Returns: &amp;lt;integer&amp;gt; : 입력된 변수의 바이트 길이를 반환한다.&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;buf_05&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;Buffer(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;테스트입니다.&quot;&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_05&amp;nbsp;init&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_05);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_05&amp;nbsp;init&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_05.&lt;span style=&quot;color:#4be6fa&quot;&gt;length&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_05&amp;nbsp;init&amp;nbsp;byte&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;Buffer.byteLength(buf_05));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;str_01&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ffd500&quot;&gt;'\u00bd&amp;nbsp;+&amp;nbsp;\u00bc&amp;nbsp;=&amp;nbsp;\u00be'&lt;/span&gt;;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;str_01&amp;nbsp;init&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;str_01);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;str_01&amp;nbsp;init&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;str_01.&lt;span style=&quot;color:#4be6fa&quot;&gt;length&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;str_01&amp;nbsp;init&amp;nbsp;byte&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;Buffer.byteLength(str_01));&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;결과화면&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#fafafa; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #e5e5e5&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#666; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_05&amp;nbsp;init&amp;nbsp;:&amp;nbsp;테스트입니다.&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_05&amp;nbsp;init&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;19&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_05&amp;nbsp;init&amp;nbsp;byte&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;19&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;str_01&amp;nbsp;init&amp;nbsp;:&amp;nbsp;½&amp;nbsp;&lt;span style=&quot;color:#a71d5d&quot;&gt;+&lt;/span&gt;&amp;nbsp;¼&amp;nbsp;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&amp;nbsp;¾&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;str_01&amp;nbsp;init&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;9&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;str_01&amp;nbsp;init&amp;nbsp;byte&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;12&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(229, 229, 229); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;

&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;

&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;buf.fill(value[, offset[, end]][, encoding])&lt;/strong&gt;&lt;/span&gt;

&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- value &amp;lt;string&amp;gt; | &amp;lt;Buffer&amp;gt; | &amp;lt;integer&amp;gt; : 해당 변수에 채워넣을 값&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- offset &amp;lt;integer&amp;gt; : 시작 위치 Default: 0&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- end &amp;lt;integer&amp;gt; : 종료 위치. Default: buf.length&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- encoding &amp;lt;string&amp;gt; : 인코딩 설정 Default: 'utf8'&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- Returns: &amp;lt;Buffer&amp;gt; : 입력된 값으로 설정된 값 반환한다.&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;12&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;13&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;14&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;15&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;16&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;17&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;buf_06&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;Buffer.alloc(&lt;span style=&quot;color:#c10aff&quot;&gt;10&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;1&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_06&amp;nbsp;init&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_06);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_06&amp;nbsp;init(hex)&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_06.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;hex&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_06&amp;nbsp;init&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_06.&lt;span style=&quot;color:#4be6fa&quot;&gt;length&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_06.fill(&lt;span style=&quot;color:#c10aff&quot;&gt;0x02&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_06&amp;nbsp;fill&amp;nbsp;first&amp;nbsp;init&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_06);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_06&amp;nbsp;fill&amp;nbsp;first&amp;nbsp;init(hex)&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_06.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;hex&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_06&amp;nbsp;fill&amp;nbsp;first&amp;nbsp;init&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_06.&lt;span style=&quot;color:#4be6fa&quot;&gt;length&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_06.fill(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;A&quot;&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_06&amp;nbsp;fill&amp;nbsp;second&amp;nbsp;init&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_06);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_06&amp;nbsp;fill&amp;nbsp;second&amp;nbsp;init(hex)&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_06.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;hex&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_06&amp;nbsp;fill&amp;nbsp;second&amp;nbsp;init&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_06.&lt;span style=&quot;color:#4be6fa&quot;&gt;length&lt;/span&gt;);&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;결과화면&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#fafafa; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #e5e5e5&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#666; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_06&amp;nbsp;init&amp;nbsp;:&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_06&amp;nbsp;init(hex)&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;01010101010101010101&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_06&amp;nbsp;init&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;10&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_06&amp;nbsp;fill&amp;nbsp;first&amp;nbsp;init&amp;nbsp;:&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_06&amp;nbsp;fill&amp;nbsp;first&amp;nbsp;init(hex)&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;02020202020202020202&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_06&amp;nbsp;fill&amp;nbsp;first&amp;nbsp;init&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;10&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_06&amp;nbsp;fill&amp;nbsp;second&amp;nbsp;init&amp;nbsp;:&amp;nbsp;AAAAAAAAAA&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_06&amp;nbsp;fill&amp;nbsp;second&amp;nbsp;init(hex)&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;41414141414141414141&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_06&amp;nbsp;fill&amp;nbsp;second&amp;nbsp;init&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;10&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(229, 229, 229); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;

&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;

&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;buf.writeInt32BE(value, offset[, noAssert]) : Big-Endian, buf.writeInt32LE(value, offset[, noAssert]) : Little-Endian&lt;/strong&gt;&lt;/span&gt;

&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- value &amp;lt;integer&amp;gt; : &amp;nbsp;Buffer에 쓰일 숫자 변수&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- offset &amp;lt;integer&amp;gt; : 해당 변수가 저장될 시작위치&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- noAssert &amp;lt;boolean&amp;gt; : 사용된 예를 확인하지 못함 생략해도 사용하는데 지장 없음 Default: false&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- Returns: &amp;lt;integer&amp;gt; buffer 변수에 해당 변수가 쓰여진 마지막 위치를 반환&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;12&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;13&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;14&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;15&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;16&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;17&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;18&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;19&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;20&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;21&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;22&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;23&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;24&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;25&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;26&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;27&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;num&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;Number&lt;/span&gt;(&lt;span style=&quot;color:#c10aff&quot;&gt;100&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;buf_07&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;Buffer.alloc(&lt;span style=&quot;color:#c10aff&quot;&gt;4&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;len_07&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;buf_07.writeInt32BE(num,&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;0&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_07&amp;nbsp;init&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_07);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_07.writeInt32BE(num,&amp;nbsp;0)(hex)&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_07.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;hex&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_07.writeInt32BE(num,&amp;nbsp;0)&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_07.&lt;span style=&quot;color:#4be6fa&quot;&gt;length&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;len_07&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;len_07);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;buf_08&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;Buffer.alloc(&lt;span style=&quot;color:#c10aff&quot;&gt;4&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;len_08&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;buf_08.writeInt32LE(num,&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;0&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_08&amp;nbsp;init&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_08);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_08.writeInt32LE(num,&amp;nbsp;0)(hex)&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_08.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;hex&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_08.writeInt32LE(num,&amp;nbsp;0)&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_08.&lt;span style=&quot;color:#4be6fa&quot;&gt;length&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;len_08&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;len_08);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;buf_09&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;Buffer.alloc(&lt;span style=&quot;color:#c10aff&quot;&gt;10&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;len_09&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;buf_09.writeInt32LE(num,&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;2&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_09&amp;nbsp;init&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_09);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_09.writeInt32LE(num,&amp;nbsp;2)(hex)&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_09.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;hex&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_09.writeInt32LE(num,&amp;nbsp;2)&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_09.&lt;span style=&quot;color:#4be6fa&quot;&gt;length&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;len_09&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;len_09);&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align:right; margin-top:-13px; margin-right:5px; font-size:9px; font-style:italic&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(79, 79, 79);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;결과화면&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#fafafa; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #e5e5e5&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#666; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;12&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_07&amp;nbsp;init&amp;nbsp;:&amp;nbsp;d&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_07.writeInt32BE(num,&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;0&lt;/span&gt;)(hex)&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;00000064&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_07.writeInt32BE(num,&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;0&lt;/span&gt;)&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;4&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;len_07&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;4&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_08&amp;nbsp;init&amp;nbsp;:&amp;nbsp;d&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_08.writeInt32LE(num,&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;0&lt;/span&gt;)(hex)&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;64000000&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_08.writeInt32LE(num,&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;0&lt;/span&gt;)&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;4&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;len_08&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;4&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_09&amp;nbsp;init&amp;nbsp;:&amp;nbsp;d&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_09.writeInt32LE(num,&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;2&lt;/span&gt;)(hex)&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;00006400000000000000&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_09.writeInt32LE(num,&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;2&lt;/span&gt;)&amp;nbsp;size&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;10&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;len_09&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;6&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align:right; margin-top:-13px; margin-right:5px; font-size:9px; font-style:italic&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(229, 229, 229);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(229, 229, 229); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;

&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;

&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;buf.slice([start[, end]])&lt;/strong&gt;&lt;/span&gt;

&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- start &amp;lt;integer&amp;gt; : 시작 위치 Default: 0&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- end &amp;lt;integer&amp;gt; : 종료 위치 Default: buf.length&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- Returns: &amp;lt;Buffer&amp;gt; : 해당 위치로 잘려진 값을 반환한다.&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;12&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;13&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;14&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;15&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;16&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;17&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;18&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;19&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;20&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;buf_10&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;Buffer.alloc(&lt;span style=&quot;color:#c10aff&quot;&gt;26&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;for&lt;/span&gt;&amp;nbsp;(let&amp;nbsp;i&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;0&lt;/span&gt;;&amp;nbsp;i&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;26&lt;/span&gt;;&amp;nbsp;i&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;)&amp;nbsp;{&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;buf_10[i]&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;i&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;97&lt;/span&gt;;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;}&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_10&amp;nbsp;utf8&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_10.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;utf8&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_10&amp;nbsp;hex&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_10.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;hex&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;buf_11&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;Buffer.alloc(&lt;span style=&quot;color:#c10aff&quot;&gt;5&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_11&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;buf_10.slice(&lt;span style=&quot;color:#c10aff&quot;&gt;0&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;5&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_11&amp;nbsp;utf8&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_11.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;utf8&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_11&amp;nbsp;hex&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_11.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;hex&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;buf_12&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;Buffer.alloc(&lt;span style=&quot;color:#c10aff&quot;&gt;5&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_12&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;buf_10.slice(&lt;span style=&quot;color:#c10aff&quot;&gt;4&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;6&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_12&amp;nbsp;utf8&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_12.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;utf8&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_12&amp;nbsp;hex&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_12.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;hex&quot;&lt;/span&gt;));&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;결과화면&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#fafafa; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #e5e5e5&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#666; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_10&amp;nbsp;utf8&amp;nbsp;print&amp;nbsp;:&amp;nbsp;abcdefghijklmnopqrstuvwxyz&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_10&amp;nbsp;hex&amp;nbsp;print&amp;nbsp;:&amp;nbsp;6162636465666768696a6b6c6d6e6f707172737475767778797a&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_11&amp;nbsp;utf8&amp;nbsp;print&amp;nbsp;:&amp;nbsp;abcde&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_11&amp;nbsp;hex&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;6162636465&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_12&amp;nbsp;utf8&amp;nbsp;print&amp;nbsp;:&amp;nbsp;ef&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_12&amp;nbsp;hex&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;6566&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align:right; margin-top:-13px; margin-right:5px; font-size:9px; font-style:italic&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(229, 229, 229);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(229, 229, 229); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;

&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;

&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;Buffer.concat(list[, totalLength])&lt;/strong&gt;&lt;/span&gt;

&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- list &amp;lt;Array&amp;gt; : 합쳐질 Buffer변수의 배열&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- totalLength &amp;lt;integer&amp;gt; : 합쳐질 변수의 전체 길이&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- Returns: &amp;lt;Buffer&amp;gt; : 합쳐진 값을 반환한다.&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;12&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;13&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;14&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;15&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;16&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;17&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;buf_13&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;Buffer(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;hello&quot;&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;buf_14&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;Buffer(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;&amp;nbsp;world&quot;&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;buf_15&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;Buffer(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;&amp;nbsp;환영합니다.&quot;&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;totalLength&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;buf_13.&lt;span style=&quot;color:#4be6fa&quot;&gt;length&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_14.&lt;span style=&quot;color:#4be6fa&quot;&gt;length&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_15.&lt;span style=&quot;color:#4be6fa&quot;&gt;length&lt;/span&gt;;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_13&amp;nbsp;utf8&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_13.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;utf8&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_14&amp;nbsp;utf8&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_14.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;utf8&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_15&amp;nbsp;utf8&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_15.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;utf8&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_13.length&amp;nbsp;+&amp;nbsp;buf_14.length&amp;nbsp;+&amp;nbsp;buf_15.length&amp;nbsp;=&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;totalLength);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;buf_16&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;Buffer.concat([buf_13,&amp;nbsp;buf_14,&amp;nbsp;buf_15],&amp;nbsp;totalLength);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_16&amp;nbsp;utf8&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_16.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;utf8&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_16&amp;nbsp;hex&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_16.toString(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;hex&quot;&lt;/span&gt;));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;buf_16&amp;nbsp;length&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_16.&lt;span style=&quot;color:#4be6fa&quot;&gt;length&lt;/span&gt;);&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;결과화면&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#fafafa; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #e5e5e5&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#666; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_13&amp;nbsp;utf8&amp;nbsp;print&amp;nbsp;:&amp;nbsp;hello&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_14&amp;nbsp;utf8&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&amp;nbsp;world&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_15&amp;nbsp;utf8&amp;nbsp;print&amp;nbsp;:&amp;nbsp;&amp;nbsp;환영합니다.&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_13.&lt;span style=&quot;color:#066de2&quot;&gt;length&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#a71d5d&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_14.&lt;span style=&quot;color:#066de2&quot;&gt;length&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#a71d5d&quot;&gt;+&lt;/span&gt;&amp;nbsp;buf_15.&lt;span style=&quot;color:#066de2&quot;&gt;length&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;28&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_16&amp;nbsp;utf8&amp;nbsp;print&amp;nbsp;:&amp;nbsp;hello&amp;nbsp;world&amp;nbsp;환영합니다.&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_16&amp;nbsp;hex&amp;nbsp;print&amp;nbsp;:&amp;nbsp;68656c6c6f20776f726c6420ed9998ec9881ed95a9eb8b88eb8ba42e&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;buf_16&amp;nbsp;&lt;span style=&quot;color:#066de2&quot;&gt;length&lt;/span&gt;&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;28&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align:right; margin-top:-13px; margin-right:5px; font-size:9px; font-style:italic&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(229, 229, 229);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;span style=&quot;color: white; font-size: 9px; word-break: normal; background-color: rgb(229, 229, 229); border-radius: 10px; padding: 1px;&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;cs&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>Node.js</category>
      <category>alloc</category>
      <category>brackets</category>
      <category>brackets nodejs</category>
      <category>buffer</category>
      <category>bytelength</category>
      <category>concat</category>
      <category>node.js</category>
      <category>node.js buffer</category>
      <category>nodeJS</category>
      <category>nodejs api</category>
      <category>nodejs buffer</category>
      <category>slice</category>
      <category>ToString</category>
      <category>writeInt32BE</category>
      <category>writeInt32LE</category>
      <category>리틀엔디안</category>
      <category>빅엔디안</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/115</guid>
      <comments>https://namik.tistory.com/115#entry115comment</comments>
      <pubDate>Tue, 15 Aug 2017 16:10:03 +0900</pubDate>
    </item>
    <item>
      <title>[Node.js] 공부 3 일차 - TCP 서버 및 클라이언트</title>
      <link>https://namik.tistory.com/114</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 24pt; color: rgb(0, 85, 255);&quot;&gt;[Node.js] 공부 3 일차&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;개발환경&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- OS : windows&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- 개발툴 : Brackets&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- Node.js 버전 : 6.11.1 LTS&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;&lt;tr&gt;

				&lt;td style=&quot;BORDER-RIGHT: #1e78d2 1px solid; BORDER-TOP: #1e78d2 1px solid; BORDER-LEFT: #1e78d2 1px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot; width=&quot;273&quot; bgcolor=&quot;#1e78d2&quot;&gt;

					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: Gulim&quot;&gt;

						&lt;strong&gt;TCP 서버, 클라이언트 소스 생성하기&lt;/strong&gt;

					&lt;/span&gt;

				&lt;/td&gt;

				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/p&gt;
&lt;p&gt;Client 에서 Server로 메시지 전송 시 Server에서 송신된 메시지를 그대로 전송해주는 에코 서버를 구성하여 확인&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;

&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;

&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;1.tcpServer.js 소스&lt;/strong&gt;&lt;/span&gt;

&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;

&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;/p&gt;
&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;12&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;13&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;14&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;15&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;16&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;17&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;18&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;19&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;20&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;21&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;22&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;23&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;24&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;25&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;26&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;27&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;28&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;29&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;30&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;31&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;32&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;33&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;34&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;35&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;36&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;37&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;38&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;39&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;40&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;41&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;42&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;43&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;44&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;45&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;46&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;47&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;net_server&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;require(&lt;span style=&quot;color:#ffd500&quot;&gt;'net'&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;server&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;net_server.createServer(&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;(client)&amp;nbsp;{&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'Client&amp;nbsp;connection:&amp;nbsp;'&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'&amp;nbsp;&amp;nbsp;&amp;nbsp;local&amp;nbsp;=&amp;nbsp;%s:%s'&lt;/span&gt;,&amp;nbsp;client.localAddress,&amp;nbsp;client.localPort);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'&amp;nbsp;&amp;nbsp;&amp;nbsp;remote&amp;nbsp;=&amp;nbsp;%s:%s'&lt;/span&gt;,&amp;nbsp;client.remoteAddress,&amp;nbsp;client.remotePort);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;client.&lt;span style=&quot;color:#4be6fa&quot;&gt;setTimeout&lt;/span&gt;(&lt;span style=&quot;color:#c10aff&quot;&gt;500&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;client.setEncoding(&lt;span style=&quot;color:#ffd500&quot;&gt;'utf8'&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;client.on(&lt;span style=&quot;color:#ffd500&quot;&gt;'data'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;(data)&amp;nbsp;{&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'Received&amp;nbsp;data&amp;nbsp;from&amp;nbsp;client&amp;nbsp;on&amp;nbsp;port&amp;nbsp;%d:&amp;nbsp;%s'&lt;/span&gt;,&amp;nbsp;client.remotePort,&amp;nbsp;data.toString());&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;writeData(client,&amp;nbsp;&lt;span style=&quot;color:#ffd500&quot;&gt;'Sending:&amp;nbsp;'&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;data.toString());&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'&amp;nbsp;&amp;nbsp;Bytes&amp;nbsp;sent:&amp;nbsp;'&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;client.bytesWritten);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;client.on(&lt;span style=&quot;color:#ffd500&quot;&gt;'end'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;()&amp;nbsp;{&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'Client&amp;nbsp;disconnected'&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;client.on(&lt;span style=&quot;color:#ffd500&quot;&gt;'error'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;(err)&amp;nbsp;{&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'Socket&amp;nbsp;Error:&amp;nbsp;'&lt;/span&gt;,&amp;nbsp;JSON.stringify(err));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;client.on(&lt;span style=&quot;color:#ffd500&quot;&gt;'timeout'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;()&amp;nbsp;{&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'Socket&amp;nbsp;Timed&amp;nbsp;out'&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;});&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;server.listen(&lt;span style=&quot;color:#c10aff&quot;&gt;9090&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;()&amp;nbsp;{&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'Server&amp;nbsp;listening:&amp;nbsp;'&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;JSON.stringify(server.address()));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;server.on(&lt;span style=&quot;color:#ffd500&quot;&gt;'close'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;(){&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'Server&amp;nbsp;Terminated'&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;server.on(&lt;span style=&quot;color:#ffd500&quot;&gt;'error'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;(err){&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'Server&amp;nbsp;Error:&amp;nbsp;'&lt;/span&gt;,&amp;nbsp;JSON.stringify(err));&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;});&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;&amp;nbsp;writeData(socket,&amp;nbsp;data){&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;success&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;socket.write(data);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;if&lt;/span&gt;&amp;nbsp;(&lt;span style=&quot;color:#ff3399&quot;&gt;!&lt;/span&gt;success){&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;Client&amp;nbsp;Send&amp;nbsp;Fail&quot;&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;}&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;}&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align:right; margin-top:-13px; margin-right:5px; font-size:9px; font-style:italic&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(79, 79, 79);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;

&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;

&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;2.tcpClient.js 소스&lt;/strong&gt;&lt;/span&gt;

&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;

&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;/p&gt;
&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;12&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;13&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;14&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;15&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;16&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;17&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;18&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;19&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;20&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;21&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;22&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;23&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;24&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;25&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;26&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;27&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;28&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;29&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;30&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;31&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;32&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;33&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;34&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;35&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;36&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;37&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;38&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;39&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;40&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;41&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;42&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;43&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;44&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;45&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;46&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;47&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;48&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;49&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;50&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;51&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;52&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;53&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;54&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;55&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;56&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;57&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;58&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;59&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;60&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;61&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;62&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;63&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;64&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;65&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;66&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;67&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;68&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;net_client&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;require(&lt;span style=&quot;color:#ffd500&quot;&gt;'net'&lt;/span&gt;);&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;&amp;nbsp;getConnection(){&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#999999&quot;&gt;//서버에&amp;nbsp;해당&amp;nbsp;포트로&amp;nbsp;접속&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;client&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;&quot;&lt;/span&gt;;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;recvData&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;[];&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;local_port&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;&quot;&lt;/span&gt;;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;client&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;net_client.connect({port:&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;9090&lt;/span&gt;,&amp;nbsp;host:&lt;span style=&quot;color:#ffd500&quot;&gt;'localhost'&lt;/span&gt;},&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;()&amp;nbsp;{&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;connect&amp;nbsp;log======================================================================&quot;&lt;/span&gt;);&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'connect&amp;nbsp;success'&lt;/span&gt;);&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'local&amp;nbsp;=&amp;nbsp;'&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;this.localAddress&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ffd500&quot;&gt;':'&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;this.localPort);&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'remote&amp;nbsp;=&amp;nbsp;'&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;this.remoteAddress&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ffd500&quot;&gt;':'&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;this.remotePort);&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;local_port&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;this.localPort;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;this.setEncoding(&lt;span style=&quot;color:#ffd500&quot;&gt;'utf8'&lt;/span&gt;);&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;this.&lt;span style=&quot;color:#4be6fa&quot;&gt;setTimeout&lt;/span&gt;(&lt;span style=&quot;color:#c10aff&quot;&gt;600000&lt;/span&gt;);&amp;nbsp;&lt;span style=&quot;color:#999999&quot;&gt;//&amp;nbsp;timeout&amp;nbsp;:&amp;nbsp;10분&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;client&amp;nbsp;setting&amp;nbsp;Encoding:binary,&amp;nbsp;timeout:600000&quot;&lt;/span&gt;&amp;nbsp;);&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;client&amp;nbsp;connect&amp;nbsp;localport&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;local_port);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#999999&quot;&gt;//&amp;nbsp;접속&amp;nbsp;종료&amp;nbsp;시&amp;nbsp;처리&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;client.on(&lt;span style=&quot;color:#ffd500&quot;&gt;'close'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;()&amp;nbsp;{&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;client&amp;nbsp;Socket&amp;nbsp;Closed&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;&amp;nbsp;localport&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;local_port);&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#999999&quot;&gt;//&amp;nbsp;데이터&amp;nbsp;수신&amp;nbsp;후&amp;nbsp;처리&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;client.on(&lt;span style=&quot;color:#ffd500&quot;&gt;'data'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;(data)&amp;nbsp;{&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;data&amp;nbsp;recv&amp;nbsp;log======================================================================&quot;&lt;/span&gt;);&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;recvData.push(data);&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;data.length&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;data.&lt;span style=&quot;color:#4be6fa&quot;&gt;length&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;data&amp;nbsp;recv&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;data);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;client.end();&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;client.on(&lt;span style=&quot;color:#ffd500&quot;&gt;'end'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;()&amp;nbsp;{&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'client&amp;nbsp;Socket&amp;nbsp;End'&lt;/span&gt;);&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;client.on(&lt;span style=&quot;color:#ffd500&quot;&gt;'error'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;(err)&amp;nbsp;{&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'client&amp;nbsp;Socket&amp;nbsp;Error:&amp;nbsp;'&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;JSON.stringify(err));&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;client.on(&lt;span style=&quot;color:#ffd500&quot;&gt;'timeout'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;()&amp;nbsp;{&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'client&amp;nbsp;Socket&amp;nbsp;timeout:&amp;nbsp;'&lt;/span&gt;);&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;client.on(&lt;span style=&quot;color:#ffd500&quot;&gt;'drain'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;()&amp;nbsp;{&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'client&amp;nbsp;Socket&amp;nbsp;drain:&amp;nbsp;'&lt;/span&gt;);&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;client.on(&lt;span style=&quot;color:#ffd500&quot;&gt;'lookup'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;()&amp;nbsp;{&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;'client&amp;nbsp;Socket&amp;nbsp;lookup:&amp;nbsp;'&lt;/span&gt;);&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;return&lt;/span&gt;&amp;nbsp;client;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;}&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;function&lt;/span&gt;&amp;nbsp;writeData(socket,&amp;nbsp;data){&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;success&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;!&lt;/span&gt;socket.write(data);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;if&lt;/span&gt;&amp;nbsp;(&lt;span style=&quot;color:#ff3399&quot;&gt;!&lt;/span&gt;success){&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;Server&amp;nbsp;Send&amp;nbsp;Fail&quot;&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;}&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;}&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;var&lt;/span&gt;&amp;nbsp;client&amp;nbsp;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;getConnection();&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;writeData(client,&amp;nbsp;&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;에코&amp;nbsp;서버&amp;nbsp;테스트입니다.&quot;&lt;/span&gt;);&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align:right; margin-top:-13px; margin-right:5px; font-size:9px; font-style:italic&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(79, 79, 79);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;&lt;tr&gt;

				&lt;td style=&quot;BORDER-RIGHT: #1e78d2 1px solid; BORDER-TOP: #1e78d2 1px solid; BORDER-LEFT: #1e78d2 1px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot; width=&quot;273&quot; bgcolor=&quot;#1e78d2&quot;&gt;

					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: Gulim&quot;&gt;

						&lt;strong&gt;tcp 서버 및 클라이언트 결과 확인&lt;/strong&gt;

					&lt;/span&gt;

				&lt;/td&gt;

				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/p&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;

&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;

&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;1. tcpServer.js 구동 시키기&lt;/strong&gt;&lt;/span&gt;

&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;

&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;/p&gt;
&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#fafafa; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #e5e5e5&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#666; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;Server&amp;nbsp;listening:&amp;nbsp;{&lt;span style=&quot;color:#63a35c&quot;&gt;&quot;address&quot;&lt;/span&gt;:&lt;span style=&quot;color:#63a35c&quot;&gt;&quot;::&quot;&lt;/span&gt;,&lt;span style=&quot;color:#63a35c&quot;&gt;&quot;family&quot;&lt;/span&gt;:&lt;span style=&quot;color:#63a35c&quot;&gt;&quot;IPv6&quot;&lt;/span&gt;,&lt;span style=&quot;color:#63a35c&quot;&gt;&quot;port&quot;&lt;/span&gt;:&lt;span style=&quot;color:#0099cc&quot;&gt;9090&lt;/span&gt;}&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;span style=&quot;color: white; font-size: 9px; word-break: normal; background-color: rgb(229, 229, 229); border-radius: 10px; padding: 1px;&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;cs&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&amp;nbsp;- tcp 서버 구동하여 listen 상태로 대기&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;

&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;

&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;2. tcpClient.js 구동 시키기&lt;/strong&gt;&lt;/span&gt;

&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;

&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;/p&gt;
&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#fafafa; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #e5e5e5&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#666; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;connect&amp;nbsp;log&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;connect&amp;nbsp;success&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;local&amp;nbsp;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;127.&lt;/span&gt;&lt;span style=&quot;color:#0099cc&quot;&gt;0.&lt;/span&gt;&lt;span style=&quot;color:#0099cc&quot;&gt;0.&lt;/span&gt;&lt;span style=&quot;color:#0099cc&quot;&gt;1&lt;/span&gt;:&lt;span style=&quot;color:#0099cc&quot;&gt;55449&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;remote&amp;nbsp;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;127.&lt;/span&gt;&lt;span style=&quot;color:#0099cc&quot;&gt;0.&lt;/span&gt;&lt;span style=&quot;color:#0099cc&quot;&gt;0.&lt;/span&gt;&lt;span style=&quot;color:#0099cc&quot;&gt;1&lt;/span&gt;:&lt;span style=&quot;color:#0099cc&quot;&gt;9090&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;client&amp;nbsp;setting&amp;nbsp;Encoding:binary,&amp;nbsp;timeout:&lt;span style=&quot;color:#0099cc&quot;&gt;600000&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;client&amp;nbsp;connect&amp;nbsp;localport&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;55449&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;data&amp;nbsp;recv&amp;nbsp;log&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;data.&lt;span style=&quot;color:#066de2&quot;&gt;length&lt;/span&gt;&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;22&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;data&amp;nbsp;recv&amp;nbsp;:&amp;nbsp;Sending:&amp;nbsp;에코&amp;nbsp;서버&amp;nbsp;테스트입니다.&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;client&amp;nbsp;Socket&amp;nbsp;End&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;client&amp;nbsp;Socket&amp;nbsp;Closed&amp;nbsp;:&amp;nbsp;&amp;nbsp;localport&amp;nbsp;:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;55449&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align:right; margin-top:-13px; margin-right:5px; font-size:9px; font-style:italic&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(229, 229, 229);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(229, 229, 229); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&amp;nbsp;- tcp 클라이언트에서 tcp 서버에 접속한다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- 연결된 서버로 &quot;에코 서버 테스트입니다.&quot; 메시지를 전송한다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- tcp 서버로부터 &quot;에코 서버 테스트입니다.&quot; 메시지를 송신받는다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- 메시지 수신 후 접속 상태를 끊는다.&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;

&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;

&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;3. tcpServer.js 로그 확인하기&lt;/strong&gt;&lt;/span&gt;

&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;

&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;/p&gt;
&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#fafafa; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #e5e5e5&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#666; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#010101; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;Client&amp;nbsp;connection:&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;local&amp;nbsp;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&amp;nbsp;::ffff:&lt;span style=&quot;color:#0099cc&quot;&gt;127.&lt;/span&gt;&lt;span style=&quot;color:#0099cc&quot;&gt;0.&lt;/span&gt;&lt;span style=&quot;color:#0099cc&quot;&gt;0.&lt;/span&gt;&lt;span style=&quot;color:#0099cc&quot;&gt;1&lt;/span&gt;:&lt;span style=&quot;color:#0099cc&quot;&gt;9090&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;remote&amp;nbsp;&lt;span style=&quot;color:#a71d5d&quot;&gt;=&lt;/span&gt;&amp;nbsp;::ffff:&lt;span style=&quot;color:#0099cc&quot;&gt;127.&lt;/span&gt;&lt;span style=&quot;color:#0099cc&quot;&gt;0.&lt;/span&gt;&lt;span style=&quot;color:#0099cc&quot;&gt;0.&lt;/span&gt;&lt;span style=&quot;color:#0099cc&quot;&gt;1&lt;/span&gt;:&lt;span style=&quot;color:#0099cc&quot;&gt;55449&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;Received&amp;nbsp;data&amp;nbsp;from&amp;nbsp;client&amp;nbsp;on&amp;nbsp;port&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;55449&lt;/span&gt;:&amp;nbsp;에코&amp;nbsp;서버&amp;nbsp;테스트입니다.&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;Bytes&amp;nbsp;sent:&amp;nbsp;&lt;span style=&quot;color:#0099cc&quot;&gt;42&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;Client&amp;nbsp;disconnected&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align:right; margin-top:-13px; margin-right:5px; font-size:9px; font-style:italic&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(229, 229, 229);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(229, 229, 229); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;&amp;nbsp;- tcp 클라이언트 접속을 확인한다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- 접속된 클라이언트에서 송신한 메시지를 확인한다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- 접속된 클라이언트로 수신받은 메시지를 재송신한다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- 클라이언트에서 접속이 끊어지는 것을 확인한다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>Node.js</category>
      <category>brackets</category>
      <category>brackets nodejs</category>
      <category>node.js</category>
      <category>node.js tcp서버</category>
      <category>TCP 서버</category>
      <category>TCP 클라이언트</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/114</guid>
      <comments>https://namik.tistory.com/114#entry114comment</comments>
      <pubDate>Sun, 13 Aug 2017 17:40:41 +0900</pubDate>
    </item>
    <item>
      <title>[Node.js] 공부 2 일차 - HTTP 서버 소스 분석</title>
      <link>https://namik.tistory.com/113</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;color: rgb(0, 85, 255); font-size: 24pt;&quot;&gt;[Node.js] 공부 2일차&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;&lt;tr&gt;
				&lt;td style=&quot;BORDER-RIGHT: #1e78d2 1px solid; BORDER-TOP: #1e78d2 1px solid; BORDER-LEFT: #1e78d2 1px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot; width=&quot;273&quot; bgcolor=&quot;#1e78d2&quot;&gt;
					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: Gulim&quot;&gt;
						&lt;strong&gt;1. httpServer.js 소스 분석&lt;/strong&gt;
					&lt;/span&gt;
				&lt;/td&gt;
				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&amp;nbsp;
				&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/p&gt;
&lt;table class=&quot;colorscripter-code-table&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; align=&quot;center&quot; style=&quot;font-family: Consolas, &amp;quot;Liberation Mono&amp;quot;, Menlo, Courier, monospace; margin: 0px; padding: 0px; border: none; background-color: rgb(0, 0, 0); border-radius: 4px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding: 6px; border-right: 2px solid rgb(79, 79, 79);&quot;&gt;&lt;div style=&quot;margin: 0px; padding: 0px; word-break: normal; text-align: right; color: rgb(170, 170, 170); line-height: 19.5px; font-family: Consolas, &amp;quot;Liberation Mono&amp;quot;, Menlo, Courier, monospace !important;&quot;&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;12&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;13&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;14&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;15&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;16&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;17&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;18&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;19&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;20&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;21&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;22&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;23&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;24&lt;/div&gt;&lt;div style=&quot;line-height: 19.5px;&quot;&gt;25&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px 0px;&quot;&gt;&lt;div style=&quot;margin: 0px; padding: 0px; color: rgb(255, 255, 255); line-height: 19.5px; font-family: Consolas, &amp;quot;Liberation Mono&amp;quot;, Menlo, Courier, monospace !important;&quot;&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&lt;span style=&quot;color: rgb(191, 189, 189);&quot;&gt;//httpServer.js&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&lt;span style=&quot;color: rgb(226, 137, 100);&quot;&gt;var&lt;/span&gt;&amp;nbsp;http&amp;nbsp;&lt;span style=&quot;color: rgb(226, 137, 100);&quot;&gt;=&lt;/span&gt;&amp;nbsp;require(&lt;span style=&quot;color: rgb(130, 201, 97);&quot;&gt;'http'&lt;/span&gt;);&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&lt;span style=&quot;color: rgb(191, 189, 189);&quot;&gt;//HTTP&amp;nbsp;서버&amp;nbsp;시작&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;http.createServer(&lt;span style=&quot;color: rgb(226, 137, 100);&quot;&gt;function&lt;/span&gt;&amp;nbsp;(req,&amp;nbsp;res)&amp;nbsp;{&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color: rgb(226, 137, 100);&quot;&gt;var&lt;/span&gt;&amp;nbsp;data&amp;nbsp;&lt;span style=&quot;color: rgb(226, 137, 100);&quot;&gt;=&lt;/span&gt;&amp;nbsp;[];&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color: rgb(191, 189, 189);&quot;&gt;/*&amp;nbsp;응답변수&amp;nbsp;오류&amp;nbsp;이벤트&amp;nbsp;*/&lt;/span&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;res.on(&lt;span style=&quot;color: rgb(130, 201, 97);&quot;&gt;'error'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color: rgb(226, 137, 100);&quot;&gt;function&lt;/span&gt;(err)&amp;nbsp;{&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;logger.log(&lt;span style=&quot;color: rgb(130, 201, 97);&quot;&gt;&quot;event&amp;nbsp;RES&amp;nbsp;error&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color: rgb(226, 137, 100);&quot;&gt;+&lt;/span&gt;&amp;nbsp;err);&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color: rgb(191, 189, 189);&quot;&gt;/*&amp;nbsp;요청변수&amp;nbsp;오류&amp;nbsp;이벤트&amp;nbsp;*/&lt;/span&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;req.on(&lt;span style=&quot;color: rgb(130, 201, 97);&quot;&gt;'error'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color: rgb(226, 137, 100);&quot;&gt;function&lt;/span&gt;(err)&amp;nbsp;{&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;logger.log(&lt;span style=&quot;color: rgb(130, 201, 97);&quot;&gt;&quot;event&amp;nbsp;REQ&amp;nbsp;error&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color: rgb(226, 137, 100);&quot;&gt;+&lt;/span&gt;&amp;nbsp;err);&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color: rgb(191, 189, 189);&quot;&gt;/*&amp;nbsp;요청&amp;nbsp;시&amp;nbsp;데이터&amp;nbsp;수신&amp;nbsp;이벤트&amp;nbsp;*/&lt;/span&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;req.on(&lt;span style=&quot;color: rgb(130, 201, 97);&quot;&gt;'data'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color: rgb(226, 137, 100);&quot;&gt;function&lt;/span&gt;&amp;nbsp;(chunk)&amp;nbsp;{&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;data.push(chunk);&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;logger.log(&lt;span style=&quot;color: rgb(130, 201, 97);&quot;&gt;&quot;&amp;nbsp;event&amp;nbsp;data&amp;nbsp;chunk&amp;nbsp;length&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color: rgb(226, 137, 100);&quot;&gt;+&lt;/span&gt;&amp;nbsp;chunk.&lt;span style=&quot;color: rgb(226, 137, 100);&quot;&gt;length&lt;/span&gt;);&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;req.on(&lt;span style=&quot;color: rgb(130, 201, 97);&quot;&gt;'end'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color: rgb(226, 137, 100);&quot;&gt;function&lt;/span&gt;&amp;nbsp;()&amp;nbsp;{&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;res.writeHead(&lt;span style=&quot;color: rgb(51, 135, 204);&quot;&gt;200&lt;/span&gt;,&amp;nbsp;{&lt;span style=&quot;color: rgb(130, 201, 97);&quot;&gt;'Content-Type'&lt;/span&gt;: &lt;span style=&quot;color: rgb(130, 201, 97);&quot;&gt;'text/plain'&lt;/span&gt;});&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;res.end(&lt;span style=&quot;color: rgb(130, 201, 97);&quot;&gt;'Hello&amp;nbsp;World!'&lt;/span&gt;);&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 19.5px;&quot;&gt;}).listen(&lt;span style=&quot;color: rgb(51, 135, 204);&quot;&gt;9080&lt;/span&gt;);&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: right; margin-top: -13px; margin-right: 5px; font-size: 9px; font-style: italic;&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(79, 79, 79);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align: bottom; padding: 0px 2px 4px 0px;&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p&gt;&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;var http =&amp;nbsp;require('http');&lt;/strong&gt;&lt;/span&gt;
&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : Node.js의 &quot;http&quot; 관련 모듈을 가져와서 var http 변수에 담아놓는다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;http.createServer([requestListener])&lt;/strong&gt;&lt;/span&gt;
&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : http 서버를 생성한다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;server.listen([port][, hostname][, backlog][, callback])&lt;/strong&gt;&lt;/span&gt;
&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : 서버의 상태를 입력받은 파라미터의 정보로 &quot;listen&quot; 상태로 변경하여 요청을 기다린다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp;- 입력 파라미터 : port &amp;lt;Number&amp;gt;, hostname &amp;lt;String&amp;gt;, backlog &amp;lt;Number&amp;gt;, callback &amp;lt;Function&amp;gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp;- port &amp;lt;Number&amp;gt;만 입력하여 해당 포트의 요청을 기다린다. 그외의 파라미터는 생략 가능하며 추가적인 기능에 대한 내용은 확인이 되지 않아서 추후 검색하게 되는 경우 추가 내용 정리 필요할 것 같습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;response.writeHead(statusCode[, statusMessage][, headers])&lt;/strong&gt;&lt;/span&gt;
&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : 요청에 대한 응답 메시지의 헤더를 생성한다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp;- 입력 파리미터 : statusCode &amp;lt;number&amp;gt;, statusMessage &amp;lt;string&amp;gt;, headers &amp;lt;Object&amp;gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp;- statusCode &amp;lt;number&amp;gt; http 상태코드이며, 정상적인 요청에 대한 응답의 경우 &quot;200&quot;으로 설정한다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;추가 http 상태코드 정보 : &lt;a href=&quot;https://ko.wikipedia.org/wiki/HTTP_%EC%83%81%ED%83%9C_%EC%BD%94%EB%93%9C&quot;&gt;https://ko.wikipedia.org/wiki/HTTP_%EC%83%81%ED%83%9C_%EC%BD%94%EB%93%9C&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp;- statusMessage &amp;lt;string&amp;gt; 생략 가능, 실제 내용에 대한 이해를 하지 못해서 따라서 사용하였습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;response.end([data][, encoding][, callback])&lt;/strong&gt;&lt;/span&gt;
&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : 요청에 대한 응답 메시지를 전송한다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp;- 입력 파라미터 : data &amp;lt;string&amp;gt; | &amp;lt;Buffer&amp;gt;, encoding &amp;lt;string&amp;gt;, callback &amp;lt;Function&amp;gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp;- data &amp;lt;string&amp;gt; 데이터를 입력하여 응답 메시지에 넘겨준다. 그외 입력 파라미터는 생략 가능하며 추후 내용 추가시 추가 작성하겠습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;&lt;strong&gt;res.on('error', function(err) {})&lt;/strong&gt;&lt;/span&gt;
&lt;/td&gt;&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : 해당 이벤트를 연결한다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp;- 입력 파라미터 : event, callback &amp;lt;Function&amp;gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp;- event 연결할 이벤트를 작성한다. 실 동작&amp;nbsp;중 해당 이벤트 호출 시 &quot;callback&quot;으로 정의된 함수를 호출한다. 해당 이벤트는 API 문서를 참조하여 상황에 따라서 적용하면 됩니다. 적용한 이벤트 : &quot;error &amp;lt;오류 발생 시&amp;gt;&quot;, &quot;data &amp;lt;데이터 수신 시&amp;gt;&quot;, &quot;end &amp;lt;데이터 수신 종료 및 연결 해제 시&amp;gt;&quot;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;Node.js http API 참조 문서 :&amp;nbsp;&lt;a href=&quot;https://nodejs.org/dist/latest-v6.x/docs/api/http.html&quot;&gt;https://nodejs.org/dist/latest-v6.x/docs/api/http.html&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Node.js http 트랜젝션 해부 :&amp;nbsp;&lt;a href=&quot;https://nodejs.org/ko/docs/guides/anatomy-of-an-http-transaction/&quot;&gt;https://nodejs.org/ko/docs/guides/anatomy-of-an-http-transaction/&lt;/a&gt;&lt;/p&gt;</description>
      <category>Node.js</category>
      <category>HTTP</category>
      <category>node.js</category>
      <category>node.js 웹서버</category>
      <category>node.js 프로그래밍</category>
      <category>nodeJS</category>
      <category>server</category>
      <category>소스분석</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/113</guid>
      <comments>https://namik.tistory.com/113#entry113comment</comments>
      <pubDate>Sun, 6 Aug 2017 18:18:31 +0900</pubDate>
    </item>
    <item>
      <title>[Node.js] 공부 1 일차 - Node.js 설치 및 동작 테스트</title>
      <link>https://namik.tistory.com/112</link>
      <description>&lt;div class=&quot;OutlineElement Ltr SCXO181345541&quot; style=&quot;margin: 0px; padding: 0px; user-select: text; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; overflow: visible; cursor: text; clear: both; position: relative; direction: ltr;&quot;&gt;&lt;p class=&quot;Paragraph SCXO181345541&quot; xml:lang=&quot;KO-KR&quot; lang=&quot;KO-KR&quot; style=&quot;margin: 0px; padding: 0px; user-select: text; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; word-wrap: break-word; vertical-align: baseline; background-color: transparent; text-align: center;&quot;&gt;&lt;font color=&quot;#0055ff&quot;&gt;&lt;span style=&quot;font-size: 32px; font-variant-ligatures: none;&quot;&gt;[Node.js] 공부 1 일차&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;개발환경&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- OS : windows&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- 개발툴 : Brackets&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- Node.js 버전 : 6.11.1 LTS&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
	&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;
		&lt;tbody&gt;
			&lt;tr&gt;
				&lt;td style=&quot;BORDER-RIGHT: #1e78d2 1px solid; BORDER-TOP: #1e78d2 1px solid; BORDER-LEFT: #1e78d2 1px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot; width=&quot;273&quot; bgcolor=&quot;#1e78d2&quot;&gt;
					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: Gulim&quot;&gt;
						&lt;strong&gt;1. Node.js 설치방법&lt;/strong&gt;
					&lt;/span&gt;
				&lt;/td&gt;
				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&amp;nbsp;
				&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/tbody&gt;
	&lt;/table&gt;
&lt;/p&gt;
&lt;p&gt;
	&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;
		&lt;tbody&gt;
			&lt;tr&gt;
				&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;
						&lt;strong&gt;1) Node.js 홈페이지 접속 : &lt;a href=&quot;https://nodejs.org/ko/&quot;&gt;https://nodejs.org/ko/&lt;/a&gt;&lt;/strong&gt;
					&lt;/span&gt;
				&lt;/td&gt;
				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&amp;nbsp;
				&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/tbody&gt;
	&lt;/table&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/22FD0D33597ED3A025&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F22FD0D33597ED3A025&quot; width=&quot;500&quot; height=&quot;449&quot; filename=&quot;nodejs homepage_1.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Node.js 홈페이지 메인]&lt;/p&gt;
&lt;p&gt;
	&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;
		&lt;tbody&gt;
			&lt;tr&gt;
				&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;
						&lt;strong&gt;2) Node.js 설치파일 다운로드&lt;/strong&gt;
					&lt;/span&gt;
				&lt;/td&gt;
				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&amp;nbsp;
				&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/tbody&gt;
	&lt;/table&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/271C1D33597ED3C210&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F271C1D33597ED3C210&quot; width=&quot;500&quot; height=&quot;442&quot; filename=&quot;nodejs homepage_2.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Node.js 다운로드 ex) v6.11.1 LTS 다운로드]&lt;/p&gt;
&lt;p&gt;&amp;nbsp; - 다운로드 버전 차이&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp;: LTS - 해당 버전의 최신버전이면서 안정화가 완료된 버전(운영에 개발 시 적용될 소스)&lt;/p&gt;
&lt;p&gt;&amp;nbsp; &amp;nbsp;: 최신버전 - 버전의 최신 개발 버전으로 안정화 진행 중&lt;/p&gt;
&lt;p&gt;&amp;nbsp; - 개발을 하기 위해서는 둘중에 어느것을 받아서 설치해도 상관이 없습니다. 하지만 실제 운영 서버로 동작을 원할 시에는 LTS 버전을 설치해서 개발하는 것이 서버로서의 안정성을 확립할 수 있습니다. 저는 개발 시 버그가 없을 수 없겠지만 좀 더 안정적인 개발을 위해서 LTS 버전을 다운 받아서 설치를 하였습니다.&lt;/p&gt;
&lt;p&gt;
	&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;
		&lt;tbody&gt;
			&lt;tr&gt;
				&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;
						&lt;strong&gt;3) Node.js 설치&lt;/strong&gt;
					&lt;/span&gt;
				&lt;/td&gt;
				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&amp;nbsp;
				&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/tbody&gt;
	&lt;/table&gt;
&lt;/p&gt;
&lt;p&gt;&amp;nbsp; - 다운받은 Node.js 설치파일(node-v6.11.1-x64.msi)을 실행하여 설치 진행(기본 옵션은 Default 설정)&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 495px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/27B61A33597EDC0C34&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F27B61A33597EDC0C34&quot; width=&quot;495&quot; height=&quot;387&quot; filename=&quot;nodejs_install_1.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Node.js install step 1]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 495px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/23FA4233597EDC0C07&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F23FA4233597EDC0C07&quot; width=&quot;495&quot; height=&quot;387&quot; filename=&quot;nodejs_install_2.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Node.js install step 2]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 495px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2527A333597EDC0D19&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2527A333597EDC0D19&quot; width=&quot;495&quot; height=&quot;387&quot; filename=&quot;nodejs_install_3.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Node.js install step 3]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 495px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/23FBFA33597EDC0D07&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F23FBFA33597EDC0D07&quot; width=&quot;495&quot; height=&quot;387&quot; filename=&quot;nodejs_install_5.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Node.js install step 4]&lt;/p&gt;
&lt;p&gt;
	&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;
		&lt;tbody&gt;
			&lt;tr&gt;
				&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;
						&lt;strong&gt;4) Node.js 설치 완료 확인&lt;/strong&gt;
					&lt;/span&gt;
				&lt;/td&gt;
				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&amp;nbsp;
				&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/tbody&gt;
	&lt;/table&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/26A48333597EDC7C2E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F26A48333597EDC7C2E&quot; width=&quot;500&quot; height=&quot;261&quot; filename=&quot;nodejs_confirm_2.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Node.js 설치 확인]&lt;/p&gt;
&lt;p&gt;&amp;nbsp; (1)&amp;nbsp;windows 실행창에서 &quot;cmd&quot; 실행하여 명령프롬프트 창 실행&lt;/p&gt;
&lt;p&gt;&amp;nbsp; (2) &quot;node -v&quot; 명령 입력하여 &quot;v6.11.1&quot; 출력되는 것을 확인하면 설치 완료&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
	&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;
		&lt;tbody&gt;
			&lt;tr&gt;
				&lt;td style=&quot;BORDER-RIGHT: #1e78d2 1px solid; BORDER-TOP: #1e78d2 1px solid; BORDER-LEFT: #1e78d2 1px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot; width=&quot;273&quot; bgcolor=&quot;#1e78d2&quot;&gt;
					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: Gulim&quot;&gt;
						&lt;strong&gt;2. Brackets 설치방법&lt;/strong&gt;
					&lt;/span&gt;
				&lt;/td&gt;
				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&amp;nbsp;
				&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/tbody&gt;
	&lt;/table&gt;
&lt;/p&gt;
&lt;p&gt;
	&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;
		&lt;tbody&gt;
			&lt;tr&gt;
				&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;
						&lt;strong&gt;1) Brackets 홈페이지 접속 :&amp;nbsp;&lt;a href=&quot;http://brackets.io/&quot;&gt;http://brackets.io/&lt;/a&gt;&lt;/strong&gt;
					&lt;/span&gt;
				&lt;/td&gt;
				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&amp;nbsp;
				&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/tbody&gt;
	&lt;/table&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2765B933597FFA6619&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2765B933597FFA6619&quot; width=&quot;500&quot; height=&quot;297&quot; filename=&quot;brackets_homepage_1.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Brackets 홈페이지]&lt;/p&gt;
&lt;p&gt;
	&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;
		&lt;tbody&gt;
			&lt;tr&gt;
				&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;
						&lt;strong&gt;2) Brackets 설치파일 다운로드&lt;/strong&gt;
					&lt;/span&gt;
				&lt;/td&gt;
				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&amp;nbsp;
				&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/tbody&gt;
	&lt;/table&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/27793433597FFB8E0E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F27793433597FFB8E0E&quot; width=&quot;500&quot; height=&quot;297&quot; filename=&quot;brackets_homepage_2.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Brackets 설치파일 다운로드]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt; &amp;nbsp;- &quot;Download Brackets 1.10&quot; 버튼을 클릭하면 설치 파일인 &quot;Brackets.Release.1.10.msi&quot; 파일을 다운받게 됩니다.&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
	&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;
		&lt;tbody&gt;
			&lt;tr&gt;
				&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;
						&lt;strong&gt;3) Brackets 설치&lt;/strong&gt;
					&lt;/span&gt;
				&lt;/td&gt;
				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&amp;nbsp;
				&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/tbody&gt;
	&lt;/table&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&amp;nbsp; - 다운받은 &quot;Brackets.Release.1.10.msi&quot; 설치파일을 실행하여 설치를 진행합니다.(기본 옵션은 Default 설정으로 진행)&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 495px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/25341433598002BE02&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F25341433598002BE02&quot; width=&quot;495&quot; height=&quot;387&quot; filename=&quot;Brackets_install_step1.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Brackets 설치 step1]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 495px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/213DBF33598002BF2E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F213DBF33598002BF2E&quot; width=&quot;495&quot; height=&quot;387&quot; filename=&quot;Brackets_install_step2.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Brackets 설치 step2]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 495px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/27F35933598002BF04&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F27F35933598002BF04&quot; width=&quot;495&quot; height=&quot;387&quot; filename=&quot;Brackets_install_step3.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Brackets 설치 step3]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 495px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/27B43533598002C033&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F27B43533598002C033&quot; width=&quot;495&quot; height=&quot;387&quot; filename=&quot;Brackets_install_step4.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Brackets 설치 step4]&lt;/p&gt;
&lt;p&gt;
	&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;
		&lt;tbody&gt;
			&lt;tr&gt;
				&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;
						&lt;strong&gt;4) Brackets 설치 완료 후 정상 실행화면&lt;/strong&gt;
					&lt;/span&gt;
				&lt;/td&gt;
				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&amp;nbsp;
				&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/tbody&gt;
	&lt;/table&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/277DF2335980055B06&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F277DF2335980055B06&quot; width=&quot;500&quot; height=&quot;266&quot; filename=&quot;Brackets_main_1.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Brackets 메인 화면]&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
	&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;
		&lt;tbody&gt;
			&lt;tr&gt;
				&lt;td style=&quot;BORDER-RIGHT: #1e78d2 1px solid; BORDER-TOP: #1e78d2 1px solid; BORDER-LEFT: #1e78d2 1px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot; width=&quot;273&quot; bgcolor=&quot;#1e78d2&quot;&gt;
					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: Gulim&quot;&gt;
						&lt;strong&gt;3. Brackets Node.js 연동&lt;/strong&gt;
					&lt;/span&gt;
				&lt;/td&gt;
				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&amp;nbsp;
				&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/tbody&gt;
	&lt;/table&gt;
&lt;/p&gt;
&lt;p&gt;
	&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;
		&lt;tbody&gt;
			&lt;tr&gt;
				&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;
						&lt;strong&gt;1) Brackets 패키지 관리자 실행&lt;/strong&gt;
					&lt;/span&gt;
				&lt;/td&gt;
				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&amp;nbsp;
				&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/tbody&gt;
	&lt;/table&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/255D6C335980067E15&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F255D6C335980067E15&quot; width=&quot;500&quot; height=&quot;269&quot; filename=&quot;Brackets_manager_1.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Brackets 확장기능 관리자]&lt;/p&gt;
&lt;p&gt;
	&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;
		&lt;tbody&gt;
			&lt;tr&gt;
				&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;
						&lt;strong&gt;2) Node.js 관련 패키지 설치&lt;/strong&gt;
					&lt;/span&gt;
				&lt;/td&gt;
				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&amp;nbsp;
				&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/tbody&gt;
	&lt;/table&gt;
&lt;/p&gt;
&lt;p&gt;&amp;nbsp; -&amp;nbsp;&lt;span style=&quot;background-color: inherit; font-family: &amp;quot;Malgun Gothic&amp;quot;, &amp;quot;Malgun Gothic_MSFontService&amp;quot;, sans-serif; font-size: 14.6667px; font-variant-ligatures: no-common-ligatures no-discretionary-ligatures no-historical-ligatures no-contextual; -webkit-text-fill-color: rgb(0, 0, 0); -webkit-text-stroke-color: rgb(0, 0, 0); caret-color: rgb(0, 0, 0);&quot;&gt;NodeJS integration&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/21B6D433598006BA13&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F21B6D433598006BA13&quot; width=&quot;500&quot; height=&quot;266&quot; filename=&quot;Brackets_manager_2.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Brackets NodeJS integration 패키지]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&amp;nbsp; - 확장 기능 관리자 화면의 검색창에 &quot;NodeJS integration&quot;를 입력하여 검색 및 설치&lt;/p&gt;
&lt;p&gt;
	&lt;table style=&quot;BORDER-COLLAPSE: collapse&quot; cellspacing=&quot;1&quot; cellpadding=&quot;2&quot; width=&quot;99%&quot; bgcolor=&quot;#ffffff&quot;&gt;
		&lt;tbody&gt;
			&lt;tr&gt;
				&lt;td style=&quot;BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&lt;span style=&quot;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Gulim&quot;&gt;
						&lt;strong&gt;3) 간단한 http Server 소스를 작성하여 테스트&lt;/strong&gt;
					&lt;/span&gt;
				&lt;/td&gt;
				&lt;td style=&quot;BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #1e78d2 1px solid&quot;&gt;
					&amp;nbsp;
				&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/tbody&gt;
	&lt;/table&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/279E363359800B1F23&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F279E363359800B1F23&quot; width=&quot;500&quot; height=&quot;269&quot; filename=&quot;Brackets_project_open_1_1.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Node.js 소스 파일 프로젝트 폴더 열기 step1 ex) c:\NodeJS]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/242FA43359800B200A&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F242FA43359800B200A&quot; width=&quot;500&quot; height=&quot;353&quot; filename=&quot;Brackets_project_open_1.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Node.js 소스 파일 프로젝트 폴더 열기 step2]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/256C8D3359800B2111&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F256C8D3359800B2111&quot; width=&quot;500&quot; height=&quot;266&quot; filename=&quot;Brackets_project_open_2.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Node.js 소스 파일 프로젝트 폴더 열기 step3]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/27B1B63359800B210E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F27B1B63359800B210E&quot; width=&quot;500&quot; height=&quot;280&quot; filename=&quot;Brackets_project_open_3.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Node.js 소스 파일 프로젝트내 js 파일 생성 ex) httpServer.js]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&amp;nbsp; - 왼쪽 패널의 빈 공간에 마우스 오른쪽 클릭하여 표시되는 컨택스트 메뉴를 통해서 폴더내에 파일을 생성&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2308EC3359800B2229&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2308EC3359800B2229&quot; width=&quot;500&quot; height=&quot;266&quot; filename=&quot;Brackets_project_open_4.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[기본적인 http &amp;nbsp;소스 작성]&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color: rgb(255, 255, 255); overflow: auto; font-family: Consolas, &amp;quot;Liberation Mono&amp;quot;, Menlo, Courier, monospace !important; position: relative !important; text-align: left;&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#000000; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; align=&quot;center&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;12&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;13&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;14&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;15&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;16&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;17&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;18&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;19&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;20&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;21&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;22&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;23&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;24&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;25&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#FFFFFF; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding: 0px 6px; white-space: pre; line-height: 130%; text-align: left;&quot;&gt;&lt;span style=&quot;color:#BFBDBD&quot;&gt;//httpServer.js&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#E28964&quot;&gt;var&lt;/span&gt;&amp;nbsp;http&amp;nbsp;&lt;span style=&quot;color:#E28964&quot;&gt;=&lt;/span&gt;&amp;nbsp;require(&lt;span style=&quot;color:#82C961&quot;&gt;'http'&lt;/span&gt;);&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#BFBDBD&quot;&gt;//HTTP&amp;nbsp;서버&amp;nbsp;시작&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;http.createServer(&lt;span style=&quot;color:#E28964&quot;&gt;function&lt;/span&gt;&amp;nbsp;(req,&amp;nbsp;res)&amp;nbsp;{&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#E28964&quot;&gt;var&lt;/span&gt;&amp;nbsp;data&amp;nbsp;&lt;span style=&quot;color:#E28964&quot;&gt;=&lt;/span&gt;&amp;nbsp;[];&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#BFBDBD&quot;&gt;/*&amp;nbsp;응답변수&amp;nbsp;오류&amp;nbsp;이벤트&amp;nbsp;*/&lt;/span&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;res.on(&lt;span style=&quot;color:#82C961&quot;&gt;'error'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#E28964&quot;&gt;function&lt;/span&gt;(err)&amp;nbsp;{&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;logger.log(&lt;span style=&quot;color:#82C961&quot;&gt;&quot;event&amp;nbsp;RES&amp;nbsp;error&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#E28964&quot;&gt;+&lt;/span&gt;&amp;nbsp;err);&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#BFBDBD&quot;&gt;/*&amp;nbsp;요청변수&amp;nbsp;오류&amp;nbsp;이벤트&amp;nbsp;*/&lt;/span&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;req.on(&lt;span style=&quot;color:#82C961&quot;&gt;'error'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#E28964&quot;&gt;function&lt;/span&gt;(err)&amp;nbsp;{&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;logger.log(&lt;span style=&quot;color:#82C961&quot;&gt;&quot;event&amp;nbsp;REQ&amp;nbsp;error&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#E28964&quot;&gt;+&lt;/span&gt;&amp;nbsp;err);&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#BFBDBD&quot;&gt;/*&amp;nbsp;요청&amp;nbsp;시&amp;nbsp;데이터&amp;nbsp;수신&amp;nbsp;이벤트&amp;nbsp;*/&lt;/span&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;req.on(&lt;span style=&quot;color:#82C961&quot;&gt;'data'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#E28964&quot;&gt;function&lt;/span&gt;&amp;nbsp;(chunk)&amp;nbsp;{&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;data.push(chunk);&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;logger.log(&lt;span style=&quot;color:#82C961&quot;&gt;&quot;&amp;nbsp;event&amp;nbsp;data&amp;nbsp;chunk&amp;nbsp;length&amp;nbsp;:&amp;nbsp;&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#E28964&quot;&gt;+&lt;/span&gt;&amp;nbsp;chunk.&lt;span style=&quot;color:#E28964&quot;&gt;length&lt;/span&gt;);&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;req.on(&lt;span style=&quot;color:#82C961&quot;&gt;'end'&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;color:#E28964&quot;&gt;function&lt;/span&gt;&amp;nbsp;()&amp;nbsp;{&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;res.writeHead(&lt;span style=&quot;color:#3387CC&quot;&gt;200&lt;/span&gt;,&amp;nbsp;{&lt;span style=&quot;color:#82C961&quot;&gt;'Content-Type'&lt;/span&gt;: &lt;span style=&quot;color:#82C961&quot;&gt;'text/plain'&lt;/span&gt;});&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;res.end(&lt;span style=&quot;color:#82C961&quot;&gt;'Hello&amp;nbsp;World!'&lt;/span&gt;);&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;}).listen(&lt;span style=&quot;color:#3387CC&quot;&gt;9080&lt;/span&gt;);&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align:right; margin-top:-13px; margin-right:5px; font-size:9px; font-style:italic&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(79, 79, 79);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/26CE353359800B230D&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F26CE353359800B230D&quot; width=&quot;500&quot; height=&quot;280&quot; filename=&quot;Brackets_project_open_5.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Node.js 소스 등록하여 서버 동작 시작 step1]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&amp;nbsp; - 소스 작성 완료 시 작성된 파일을 마우스 오른쪽 클릭하여 &quot;Add to Node.js runner&quot; 클릭하여 프로젝트 등록&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2460EE3359800B2412&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2460EE3359800B2412&quot; width=&quot;500&quot; height=&quot;280&quot; filename=&quot;Brackets_project_open_6.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Node.js 소스 등록하여 서버 동작 시작 step2]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&amp;nbsp; - 아래쪽 Node.js 콘솔 패널에서 선택하여 조금전에 등록한 httpServer.js 프로젝트를 선택 후&amp;nbsp;▶ 클릭하여 실행&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2498073359800B2514&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2498073359800B2514&quot; width=&quot;500&quot; height=&quot;266&quot; filename=&quot;Brackets_project_open_7.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[Node.js 소스 등록하여 서버 동작 시작 step3]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&amp;nbsp; - 작성한 소스에 오류가 없는 경우 특별한 메뉴가 없이 http 서버 동작 확인&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 500px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/25E07D3359800B2611&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F25E07D3359800B2611&quot; width=&quot;500&quot; height=&quot;266&quot; filename=&quot;Brackets_project_open_8.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[인터넷 브라우저로 접속하여 정상동작하고 있는지 확인]&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&amp;nbsp; - 인터넷 브라우저를 실행하여 빈페이지 상태에서 URL 주소에 &quot;http://localhost:9080&quot; 를 입력&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&amp;nbsp; - 위 캡쳐 이미지와 같이 빈화면에 &quot;Hello World!&quot; 메시지가 정상적으로 출력되면 완료&lt;/p&gt;
&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;</description>
      <category>Node.js</category>
      <category>brackets</category>
      <category>brackets nodejs</category>
      <category>brackets 사용</category>
      <category>brackets 설치</category>
      <category>node.js</category>
      <category>node.js 설치</category>
      <category>node.js 웹서버</category>
      <category>node.js 프로그래밍</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/112</guid>
      <comments>https://namik.tistory.com/112#entry112comment</comments>
      <pubDate>Mon, 31 Jul 2017 16:35:29 +0900</pubDate>
    </item>
    <item>
      <title>[정보] 단종되었던 갤럭시노트7 다시 출시...??</title>
      <link>https://namik.tistory.com/111</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;&lt;b&gt;갤럭시 노트7 리퍼비시폰 출시&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 770px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2104A93758FF5E5C27&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2104A93758FF5E5C27&quot; width=&quot;770&quot; height=&quot;433&quot; filename=&quot;20170328_sgn7_refurbish(갤럭시노트7 이미지).jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;[출처 : http://www.cnet.co.kr/view/100154768]&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;삼성전자에서 갤럭시S8을 출시하면서 배터리 불량으로 인해서 단종되었던 갤럭시 노트7에 대한 리퍼비시폰 출시에 대한 검토 중이라는 얘기가 6월 말에서 7월 초에 출시된다고 합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;갤럭시 노트7이 출시되고 많은 관심을 받았었는데 배터리 폭발 사고로 인해서 출시 2달만이 조기 단종되었습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;하지만 갤럭시 노트7의 사용을 너무나도 좋아하던 고객들의 안타까움을 뒤로하고 단종되다가 삼성전자와 이동통신사가 국내에 리퍼폰으로 처음으로 판매를 시작한다고 하니 저도 갤럭시 노트를 사용하는 유저로써 기쁜 마음을 감출 수가 없네요.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;삼성전자와 이동통신 3사의 갤럭시노트7 리퍼폰은 6월 말 출시를 최종 확정되었으며 삼성전자에서 회수한 갤럭시노트7 400만대 가운데 약 30만대를 리퍼폰으로 내놓다고 합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;리퍼폰으로 출시되는 갤럭시노트7은 초기 출시 시 가지고 있던 3500mAh의 배터리 용량을 3000~3200mAh로 축소한 새 버터리를 탑재한다고 합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;리퍼폰의 최종 판매가는 초기 출고가 98만8900원보다는 20~30만원 저렴한 70만원대로 결정될 것이라고 하니 기존보다는 저렴한 가격에 구입을 할 수 있을 것 같습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;참고자료&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&lt;a href=&quot;http://www.etnews.com/20170425000385&quot;&gt;http://www.etnews.com/20170425000385&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&lt;a href=&quot;http://www.bodnara.co.kr/bbs/article.html?num=139915&quot;&gt;http://www.bodnara.co.kr/bbs/article.html?num=139915&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&lt;a href=&quot;http://www.cnet.co.kr/view/100154768&quot;&gt;http://www.cnet.co.kr/view/100154768&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;갤럭시 노토의 펜을 사용하는 것을 좋아해서 갤럭시 노트 시리즈가 출시되는 것을 너무나도 기대를 하였다가 갤럭시 노트7이 단종된다는 소식을 들었을 때 너무나도 마음이 아파서 그다음에 어떤 스마트폰을 바꿔서 사용을 해야할까 고민하던 찰나에 삼성전자에서 배터리 폭발사고로 인해서 단종된 갤럭시 노트7의 배터리 용량을 줄여서 리퍼비시 폰으로 저렴하게 판매를 한다고 하니 조금만 기다렸다가 갤럭시 노트7 리퍼비시 폰으로 갈아타도 될 것 같다고 생각하니 너무나도 기분이 좋네요&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;노트 시리즈를 애용하시던 분들은 갤럭시 노트7 리퍼비시 폰의 출시를 한번 생각해보는 것도 좋을 것 같습니다.&lt;/span&gt;&lt;/p&gt;</description>
      <category>기타</category>
      <category>갤럭시 노트7</category>
      <category>갤럭시 노트7 리퍼폰</category>
      <category>갤럭시 노트7 리퍼폰 가격</category>
      <category>갤럭시노트</category>
      <category>갤럭시노트7</category>
      <category>리퍼비시</category>
      <category>리퍼비시 제품</category>
      <category>리퍼비시 폰</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/111</guid>
      <comments>https://namik.tistory.com/111#entry111comment</comments>
      <pubDate>Tue, 25 Apr 2017 23:42:49 +0900</pubDate>
    </item>
    <item>
      <title>[JQUERY] 입력폼의 유효성 체크하기 두번째</title>
      <link>https://namik.tistory.com/108</link>
      <description>&lt;p&gt;&lt;style&gt;
	.buttons{
		width : 100px;
		float : left;
		text-align : center;
		margin : 5px;
		border : 2px solid;
		font-weight : bold;
	}

        .button {
	    background-color: #4CAF50; /* Green */
	    border: none;
	    color: white;
	    padding: 16px 32px;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 16px;
	    margin: 4px 2px;
	    -webkit-transition-duration: 0.4s; /* Safari */
	    transition-duration: 0.4s;
	    cursor: pointer;
	}
	
	.button1 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid #4CAF50;
	}
	
	.button1:hover {
	    background-color: #4CAF50;
	    color: white;
	}
.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}

       .label {
		float:left;
		width:120px;
	}
	
	.infobox {
		width:200px;
	}
	
	.error {
		color:red;
		padding-left:10px;
	}
	
	.submit {
		margin-left:125px;
		margin-top:10px;
	}
&lt;/style&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;입력폼에 입력되는 값의 유효성 체크하기 두번째&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;입력폼으로 입력되는 값들의 유효성을 체크한다.&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 샘플예제&lt;/h3&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
	$(document).ready(function(){
		$(&quot;.error&quot;).hide();
		
		$(&quot;#checkVal&quot;).click( function(event){
			
			var userId      = $(&quot;#userId&quot;).val();
			var userPhone   = $(&quot;#userPhone&quot;).val();
			var userDate    = $(&quot;#userDate&quot;).val(); 

			/** 사용자 아이디 유효성 체크 **/
			if( chkValId( userId ) ){
				$(&quot;#errMsg_01&quot;).hide();
			}
			else{
				$(&quot;#errMsg_01&quot;).show();
				$(&quot;#errMsg_01&quot;).text(&quot;아이디는 오직 문자와 숫자, _ 기호만 입력가능&quot;);
				event.preventDefault();
			}
			
			/** 사용자 전화번호 유효성 체크 **/
			if( chkValPhoneNum( userPhone ) ){
				$(&quot;#errMsg_02&quot;).hide();
			}
			else{
				$(&quot;#errMsg_02&quot;).show();
				$(&quot;#errMsg_02&quot;).text(&quot;전화번호는 오직 숫자와 +, - 기호만 입력가능&quot;);
				event.preventDefault();
			}
			
			/** 사용자 입력 날짜 유효성 체크 **/
			if( chkValDate( userDate ) ){
				$(&quot;#errMsg_03&quot;).hide();
			}
			else{
				$(&quot;#errMsg_03&quot;).show();
				$(&quot;#errMsg_03&quot;).text(&quot;날짜는 mm/dd/yyyy 또는 mm-dd-yyyy으로만 입력가능&quot;);
				event.preventDefault();
			}
		} );
	});
	
	var chkValId = function( id ){
		var patt = new RegExp(/^[a-z0-9_]+$/);
		return patt.test(id);
	}
	
	var chkValPhoneNum = function( phone ){
		var patt = new RegExp(/^[0-9-+]+$/);
		return patt.test(phone);
	}
	
	var chkValDate = function( date ){
		var patt = new RegExp(/\b\d{1,2}[\/-]\d{1,2}[\/-]\d{4}\b/);
		return patt.test(date);
	}
&lt;/script&gt;
&lt;form id=&quot;form1&quot; method=&quot;post&quot; action=&quot;&quot;&gt;
	&lt;div&gt;
		&lt;span class=&quot;label&quot;&gt;사용자 ID : &lt;/span&gt;&lt;input type=&quot;text&quot; class=&quot;infobox&quot; id=&quot;userId&quot; name=&quot;userId&quot;&gt;
		&lt;span class=&quot;error&quot; id=&quot;errMsg_01&quot;&gt;&lt;/span&gt;
	&lt;/div&gt;
	&lt;br /&gt;
	&lt;div&gt;
		&lt;span class=&quot;label&quot;&gt;전화번호 : &lt;/span&gt;&lt;input type=&quot;text&quot; class=&quot;infobox&quot; id=&quot;userPhone&quot; name=&quot;userPhone&quot;&gt;
		&lt;span class=&quot;error&quot; id=&quot;errMsg_02&quot;&gt;&lt;/span&gt;
	&lt;/div&gt;
	&lt;br /&gt;
	&lt;div&gt;
		&lt;span class=&quot;label&quot;&gt;날짜 : &lt;/span&gt;&lt;input type=&quot;text&quot; class=&quot;infobox&quot; id=&quot;userDate&quot; name=&quot;userDate&quot;&gt;
		&lt;span class=&quot;error&quot; id=&quot;errMsg_03&quot;&gt;&lt;/span&gt;
	&lt;/div&gt;
	&lt;input class=&quot;submit&quot; type=&quot;submit&quot; id=&quot;checkVal&quot; value=&quot;Submit&quot;&gt;
&lt;/form&gt;
&lt;p&gt;- 결과화면&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 810px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2105CE4858D9283F2D&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2105CE4858D9283F2D&quot; width=&quot;810&quot; height=&quot;202&quot; filename=&quot;입력폼 유효성 체크_2.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 소스코드&lt;/h3&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript start-----------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;$(document).ready(function(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;.error&quot;).hide();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;#checkVal&quot;).click( function(event){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;var userId &amp;nbsp; &amp;nbsp; &amp;nbsp;= $(&quot;#userId&quot;).val();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;var userPhone &amp;nbsp; = $(&quot;#userPhone&quot;).val();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;var userDate &amp;nbsp; &amp;nbsp;= $(&quot;#userDate&quot;).val();&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;/** 사용자 아이디 유효성 체크 **/&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;if( chkValId( userId ) ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;$(&quot;#errMsg_01&quot;).hide();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;else{&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;$(&quot;#errMsg_01&quot;).show();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;$(&quot;#errMsg_01&quot;).text(&quot;아이디는 오직 문자와 숫자, _ 기호만 입력가능&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;event.preventDefault();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;/** 사용자 전화번호 유효성 체크 **/&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;if( chkValPhoneNum( userPhone ) ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;$(&quot;#errMsg_02&quot;).hide();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;else{&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;$(&quot;#errMsg_02&quot;).show();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;$(&quot;#errMsg_02&quot;).text(&quot;전화번호는 오직 숫자와 +, - 기호만 입력가능&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;event.preventDefault();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;/** 사용자 입력 날짜 유효성 체크 **/&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;if( chkValDate( userDate ) ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;$(&quot;#errMsg_03&quot;).hide();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;else{&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;$(&quot;#errMsg_03&quot;).show();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;$(&quot;#errMsg_03&quot;).text(&quot;날짜는 mm/dd/yyyy 또는 mm-dd-yyyy으로만 입력가능&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;event.preventDefault();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;} );&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;var chkValId = function( id ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;var patt = new RegExp(/^[a-z0-9_]+$/);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;return patt.test(id);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;var chkValPhoneNum = function( phone ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;var patt = new RegExp(/^[0-9-+]+$/);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;return patt.test(phone);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;var chkValDate = function( date ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;var patt = new RegExp(/\b\d{1,2}[\/-]\d{1,2}[\/-]\d{4}\b/);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;return patt.test(date);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript end-----------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML start---------------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;form id=&quot;form1&quot; method=&quot;post&quot; action=&quot;&quot;&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;div&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&amp;lt;span class=&quot;label&quot;&amp;gt;사용자 ID : &amp;lt;/span&amp;gt;&amp;lt;input type=&quot;text&quot; class=&quot;infobox&quot; id=&quot;userId&quot; name=&quot;userId&quot; /&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&amp;lt;span class=&quot;error&quot; id=&quot;errMsg_01&quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;br/&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;div&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&amp;lt;span class=&quot;label&quot;&amp;gt;전화번호 : &amp;lt;/span&amp;gt;&amp;lt;input type=&quot;text&quot; class=&quot;infobox&quot; id=&quot;userPhone&quot; name=&quot;userPhone&quot; /&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&amp;lt;span class=&quot;error&quot; id=&quot;errMsg_02&quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;br/&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;div&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&amp;lt;span class=&quot;label&quot;&amp;gt;날짜 : &amp;lt;/span&amp;gt;&amp;lt;input type=&quot;text&quot; class=&quot;infobox&quot; id=&quot;userDate&quot; name=&quot;userDate&quot; /&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&amp;lt;span class=&quot;error&quot; id=&quot;errMsg_03&quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;input class=&quot;submit&quot; type=&quot;submit&quot; id=&quot;checkVal&quot; value=&quot;Submit&quot; /&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;/form&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML end-----------------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 204, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;3. 설명&lt;/h3&gt;
&lt;p&gt;입력값의 유효성을 RegExp() 함수를 선언하여 체크한다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- 사용자 아이디는 숫자와 문자, &quot;_&quot;기호만 입력이 되도록 체크한다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- 전화번호는 숫자와 &quot;-&quot;, &quot;+&quot;기호만 입력되도록 체크한다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;- 날짜는 mm/dd/yyyy 또는 mm-dd-yyyy으로만 입력되도록 체크한다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;참조 API( RegExp )&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://www.w3schools.com/js/js_regexp.asp&quot;&gt;https://www.w3schools.com/js/js_regexp.asp&lt;/a&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://www.nextree.co.kr/p4327/&quot;&gt;http://www.nextree.co.kr/p4327/&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/RegExp&quot;&gt;https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/RegExp&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;</description>
      <category>JQUERY(제이쿼리)</category>
      <category>jquery</category>
      <category>juqery</category>
      <category>유효성 체크</category>
      <category>제이쿼리</category>
      <category>키 입력</category>
      <category>프로그래밍 언어</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/108</guid>
      <comments>https://namik.tistory.com/108#entry108comment</comments>
      <pubDate>Wed, 29 Mar 2017 08:30:49 +0900</pubDate>
    </item>
    <item>
      <title>[뉴스] 갤럭시노트7이 다시 나온다???</title>
      <link>https://namik.tistory.com/110</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;갤럭시노트7 리퍼비시폰이 나온다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;삼성전자에서 갤럭시노트7 재활용 방침을 밝혔다고 합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;갤럭시노트7이 출시되고 출시된지 한달정도만에 배터리 불량으로 인해서 단종되었을때&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;너무나도 맘이 아팠는데 리퍼비시폰이 나온다고 하니&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;갤럭시노트7를 사용할 수 있다고 생각하니 너무나도 좋네요~&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;갤럭시노트7이 단종되고 여러 환경 단체에서&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&quot;중금속과 화학물질이 가득한 스마트폰이 바로 폐기할 경우&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;심각한 환경 오염이 일어날 수 있다&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&quot;고 경고하였는데&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;지난 2월에 그린피스는 갤럭시탭S3 출시 행사장에 들어와서&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;친환경 재활용을 촉구하는 시위를 벌이기도 하였습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;현재 알려진 내용은 배터리를 교체한 리퍼비시폰을 판매한다고 하는데&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;일반 소비자들 대상으로 판매를 하는지 아니면 이동통신사에 공급해서 판매를 하게되는지&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;정확한 내용이 없다고 합니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;조금더 기다려보면 어떻게 판매를 할지 알 수 있겠네요.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;갤럭시노트7이 출시되고 기존에 사용하던 폰에서 갈아탈려고 하였다가&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;노트7 배터리 폭발 사고가 일어나면서 기존폰을 그대로 사용하고 있는데&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;어떤 폰으로 갈아타야할까 고민하던 찰나에 좋은 소식이 들렸네요~~&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;참고 사이트 :&amp;nbsp;&lt;a href=&quot;http://www.cnet.co.kr/view/100154768&quot;&gt;http://www.cnet.co.kr/view/100154768&lt;/a&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;위 내용은 위 참고 사이트의 내용을 참고하였습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>기타</category>
      <category>갤노트7</category>
      <category>갤럭시노트</category>
      <category>갤럭시노트7</category>
      <category>갤럭시노트7 리퍼폰</category>
      <category>노트</category>
      <category>노트7</category>
      <category>노트7 리퍼</category>
      <category>노트7 환불</category>
      <category>리퍼비시폰</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/110</guid>
      <comments>https://namik.tistory.com/110#entry110comment</comments>
      <pubDate>Tue, 28 Mar 2017 22:39:55 +0900</pubDate>
    </item>
    <item>
      <title>[정보] SK텔레콤, 포켓몬고와 제휴~??</title>
      <link>https://namik.tistory.com/109</link>
      <description>&lt;p&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;SK텔레콤, 포켓몬고와 제휴~??&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 770px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2742D84F58DA5FC11B&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2742D84F58DA5FC11B&quot; width=&quot;770&quot; height=&quot;433&quot; filename=&quot;20170320_pokemongo_skt_title.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;사진출처 : &lt;/span&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;&lt;a href=&quot;http://www.cnet.co.kr/view/100154624&quot;&gt;http://www.cnet.co.kr/view/100154624&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;포켓몬고를 하고 계시는 여러분들~~&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;좋은 소식을 알려드릴려고 왔어요~~&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;나니언틱과 포켓몬코리아, SK텔레콤이 파트너십을 맺었다고 하네요.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;그래서 3월 20일부터 전국의 SK텔레콤 매장이 포켓몬고에서는 포켓스톱과 체유관으로 나온다고 하네요.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;거기다가 SK텔레콤 가입자분들은 6월 말까지 포켓몬고 게임을 데이터 걱정없이 무료로 즐길 수 있다고 합니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;단. 무료 데이터 혜택은 게임을 실행하는 동안에만 적용된다고 하니&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;게임을 설치를 하시거나 업데이트를 할 때는 무료로 되지 않는다는 사실....&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;3월 21일부터 24일까지 포켓몬고에서 게임 아이템을 처음 구입하는 가입자 3만명에게는&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;선착순으로 100포켓코인을 증정한다고 합니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;SK 가입자분들은 포켓몬고를 6월 말까지 데이터 걱정 없이 실컷 즐기실 수가 있고&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;포켓스톱과 체육관이 SK텔레콤과 제휴로 더 늘어났으니&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;좀 더 많은 포켓몬 수집과 체육관 쟁탈전을 즐기실 수 있을 것 같네요.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;회사 주변에 포켓스톱이 별로 없어서 게임을 다운받아서 하다가&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;계속 못하고 있었는데 이번에 포켓스톱과 체육관이 늘어나니&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;다시 한번 게임을 즐겨봐야겠네요~~&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;참고 사이트 :&amp;nbsp;&lt;a href=&quot;http://www.cnet.co.kr/view/100154624&quot;&gt;http://www.cnet.co.kr/view/100154624&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;위 내용은 씨넷코리아의 내용을 참고하였습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;윗부분의 이미지도 씨넷코리아의 이미지를 가져와서 사용하였습니다.&lt;/span&gt;&lt;/p&gt;</description>
      <category>기타</category>
      <category>SK</category>
      <category>SKT</category>
      <category>SK텔레콤</category>
      <category>sk텔레콤 포켓몬고</category>
      <category>나이언틱</category>
      <category>제</category>
      <category>파트너십</category>
      <category>포켓몬고</category>
      <category>포켓몬코리아</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/109</guid>
      <comments>https://namik.tistory.com/109#entry109comment</comments>
      <pubDate>Tue, 28 Mar 2017 22:21:41 +0900</pubDate>
    </item>
    <item>
      <title>[JQUERY] 입력폼의 유효성을 체크하자</title>
      <link>https://namik.tistory.com/107</link>
      <description>&lt;p&gt;&lt;style&gt;
	.buttons{
		width : 100px;
		float : left;
		text-align : center;
		margin : 5px;
		border : 2px solid;
		font-weight : bold;
	}

        .button {
	    background-color: #4CAF50; /* Green */
	    border: none;
	    color: white;
	    padding: 16px 32px;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 16px;
	    margin: 4px 2px;
	    -webkit-transition-duration: 0.4s; /* Safari */
	    transition-duration: 0.4s;
	    cursor: pointer;
	}
	
	.button1 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid #4CAF50;
	}
	
	.button1:hover {
	    background-color: #4CAF50;
	    color: white;
	}
.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}

       .label {
		float:left;
		width:120px;
	}
	
	.infobox {
		width:200px;
	}
	
	.error {
		color:red;
		padding-left:10px;
	}
	
	.submit {
		margin-left:125px;
		margin-top:10px;
	}
&lt;/style&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;입력폼의 유효성을 체크하기&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;입력 폼의 유효성을 체크 한다.&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 샘플예제&lt;/h3&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
	$(document).ready(function(){
		$(&quot;.error&quot;).hide();
		
		$(&quot;#checkVal&quot;).click( function(event){
			
			/** 사용자 아이디 체크 **/
			var userId   = $(&quot;#userId&quot;).val();
			var idLen    = userId.length;
			
			if(idLen &lt; 1){
				$(&quot;#errMsg_01&quot;).show();
				$(&quot;#errMsg_01&quot;).text(&quot;비어있음&quot;);
				event.preventDefault();
			}
			else{
				$(&quot;#errMsg_01&quot;).hide();
			}
			
			/** 사용자 나이 체크 **/
			var userAge  = $(&quot;#userAge&quot;).val();
			var ageLen   = userAge.length;
			var c;
			var flag = 0;
			var nAge = 0;
			
			if(ageLen &lt; 1){
				$(&quot;#errMsg_02&quot;).show();
				$(&quot;#errMsg_02&quot;).text(&quot;비어있음&quot;);
				event.preventDefault();
			}
			else{
				$(&quot;#errMsg_02&quot;).hide();
			}
			
			for(var i=0; i &lt; ageLen; i++){
				c = userAge.charAt(i).charCodeAt(0);
				if( c &lt; 48 || c &gt; 57 ){
					$(&quot;#errMsg_02&quot;).show();
					$(&quot;#errMsg_02&quot;).text(&quot;오직 숫자만 입력 가능&quot;);
					event.preventDefault();
					flag = 1;
					break;
				}
				else{
					$(&quot;#errMsg_02&quot;).hide();
				}
			}
			
			if( flag == 0 ){
				nAge = parseInt( userAge );
				if( nAge &lt; 5 || nAge &gt; 99 ){
					$(&quot;#errMsg_02&quot;).show();
					$(&quot;#errMsg_02&quot;).text(&quot;5 ~ 99까지의 숫자만 입력 가능&quot;);
					event.preventDefault();
				}
			}
			
			
		} );
	});
&lt;/script&gt;
&lt;form id=&quot;form1&quot; method=&quot;post&quot; action=&quot;&quot;&gt;
	&lt;div&gt;
		&lt;span class=&quot;label&quot;&gt;사용자 ID : &lt;/span&gt;&lt;input type=&quot;text&quot; class=&quot;infobox&quot; id=&quot;userId&quot; name=&quot;userId&quot;&gt;
		&lt;span class=&quot;error&quot; id=&quot;errMsg_01&quot;&gt;&lt;/span&gt;
	&lt;/div&gt;
	&lt;br /&gt;
	&lt;div&gt;
		&lt;span class=&quot;label&quot;&gt;사용자 나이 : &lt;/span&gt;&lt;input type=&quot;text&quot; class=&quot;infobox&quot; id=&quot;userAge&quot; name=&quot;userAge&quot;&gt;
		&lt;span class=&quot;error&quot; id=&quot;errMsg_02&quot;&gt;&lt;/span&gt;
	&lt;/div&gt;
	&lt;input class=&quot;submit&quot; type=&quot;submit&quot; id=&quot;checkVal&quot; value=&quot;Submit&quot;&gt;
&lt;/form&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;- 결과화면&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 460px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2720B04658D7C6A339&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2720B04658D7C6A339&quot; width=&quot;460&quot; height=&quot;140&quot; filename=&quot;입력폼이 비어있음.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&amp;lt;입력폼이 모두 비어있는 경우&amp;gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 611px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2224144658D7C6A435&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2224144658D7C6A435&quot; width=&quot;611&quot; height=&quot;136&quot; filename=&quot;입력폼 숫자 설정.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&amp;lt;사용자의 나이값이 설정한 범위에 포함이 안되는 경우&amp;gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 소스코드&lt;/h3&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript start-----------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;$(document).ready(function(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;.error&quot;).hide();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;#checkVal&quot;).click( function(event){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;/** 사용자 아이디 체크 **/&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;var userId &amp;nbsp; = $(&quot;#userId&quot;).val();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;var idLen &amp;nbsp; &amp;nbsp;= userId.length;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;if(idLen &amp;lt; 1){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;$(&quot;#errMsg_01&quot;).show();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;$(&quot;#errMsg_01&quot;).text(&quot;비어있음&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;event.preventDefault();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;else{&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;$(&quot;#errMsg_01&quot;).hide();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;/** 사용자 나이 체크 **/&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;var userAge &amp;nbsp;= $(&quot;#userAge&quot;).val();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;var ageLen &amp;nbsp; = userAge.length;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;var c;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;var flag = 0;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;var nAge = 0;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;if(ageLen &amp;lt; 1){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;$(&quot;#errMsg_02&quot;).show();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;$(&quot;#errMsg_02&quot;).text(&quot;비어있음&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;event.preventDefault();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;else{&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;$(&quot;#errMsg_02&quot;).hide();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;for(var i=0; i &amp;lt; ageLen; i++){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;c = userAge.charAt(i).charCodeAt(0);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;if( c &amp;lt; 48 || c &amp;gt; 57 ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;					&lt;/span&gt;$(&quot;#errMsg_02&quot;).show();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;					&lt;/span&gt;$(&quot;#errMsg_02&quot;).text(&quot;오직 숫자만 입력 가능&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;					&lt;/span&gt;event.preventDefault();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;					&lt;/span&gt;flag = 1;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;					&lt;/span&gt;break;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;else{&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;					&lt;/span&gt;$(&quot;#errMsg_02&quot;).hide();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;if( flag == 0 ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;nAge = parseInt( userAge );&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;if( nAge &amp;lt; 5 || nAge &amp;gt; 99 ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;					&lt;/span&gt;$(&quot;#errMsg_02&quot;).show();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;					&lt;/span&gt;$(&quot;#errMsg_02&quot;).text(&quot;5 ~ 99까지의 숫자만 입력 가능&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;					&lt;/span&gt;event.preventDefault();&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;} );&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript end-----------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML start---------------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;form id=&quot;form1&quot; method=&quot;post&quot; action=&quot;&quot;&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;div&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&amp;lt;span class=&quot;label&quot;&amp;gt;사용자 ID : &amp;lt;/span&amp;gt;&amp;lt;input type=&quot;text&quot; class=&quot;infobox&quot; id=&quot;userId&quot; name=&quot;userId&quot; /&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&amp;lt;span class=&quot;error&quot; id=&quot;errMsg_01&quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;br/&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;div&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&amp;lt;span class=&quot;label&quot;&amp;gt;사용자 나이 : &amp;lt;/span&amp;gt;&amp;lt;input type=&quot;text&quot; class=&quot;infobox&quot; id=&quot;userAge&quot; name=&quot;userAge&quot; /&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&amp;lt;span class=&quot;error&quot; id=&quot;errMsg_02&quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;input class=&quot;submit&quot; type=&quot;submit&quot; id=&quot;checkVal&quot; value=&quot;Submit&quot; /&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;/form&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML end-----------------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 204, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;3. 설명&lt;/h3&gt;
&lt;p&gt;1) 사용자 아이디와 나이를 입력받을 입력폼을 생성한다.&lt;/p&gt;
&lt;p&gt;2) submit 버튼을 클릭하면 실행될 유효값 체크 이벤트를 생성한다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : 사용자 아이디 폼은 입력 여부 판단.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : 사용자 나이 폼은 입력 여부 판단 및 숫자만 입력되어있는지 확인, 5~99까지의 숫자만 입력 여부 판단.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;- val()&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : 해당 엘리먼트의 입력값을 가져오거나 설정한다.&lt;/p&gt;
&lt;p&gt;- text()&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : 해당 엘리먼트의 텍스트를 가져오거나 설정한다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;JUQERYAPI&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;val() : &lt;a href=&quot;http://api.jquery.com/val/&quot;&gt;http://api.jquery.com/val/&lt;/a&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;text() :&amp;nbsp;&lt;a href=&quot;http://api.jquery.com/text/&quot;&gt;http://api.jquery.com/text/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;</description>
      <category>JQUERY(제이쿼리)</category>
      <category>jquery</category>
      <category>juqery</category>
      <category>유효성 체크</category>
      <category>제이쿼리</category>
      <category>키 입력</category>
      <category>프로그래밍 언어</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/107</guid>
      <comments>https://namik.tistory.com/107#entry107comment</comments>
      <pubDate>Mon, 27 Mar 2017 08:30:46 +0900</pubDate>
    </item>
    <item>
      <title>[JQUERY] 이벤트 버블링 막기</title>
      <link>https://namik.tistory.com/106</link>
      <description>&lt;p&gt;&lt;style&gt;
	.buttons{
		width : 100px;
		float : left;
		text-align : center;
		margin : 5px;
		border : 2px solid;
		font-weight : bold;
	}

        .button {
	    background-color: #4CAF50; /* Green */
	    border: none;
	    color: white;
	    padding: 16px 32px;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 16px;
	    margin: 4px 2px;
	    -webkit-transition-duration: 0.4s; /* Safari */
	    transition-duration: 0.4s;
	    cursor: pointer;
	}
	
	.button1 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid #4CAF50;
	}
	
	.button1:hover {
	    background-color: #4CAF50;
	    color: white;
	}
.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}
&lt;/style&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;이벤트 버블링 막기&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;클릭 이벤트 발생 시 이벤트 버블링 막기&lt;/p&gt;
&lt;p&gt;이벤트 버블링의 경우 아래 샘플예제에서 구성을 보면 DIV안에 P안에 SPAN이 위치한 상태에서 개발자는 해당 태그만 클릭하는 경우 클릭한 태그의 클릭 이벤트가 실행되어 원하는 결과를 얻을 수 있도록 하겠지만 실제로 테스트를 해보면 SPAN 태그를 선택하는 경우SPAN - P - DIV 순으로 클릭 이벤트가 실행하기 됨으로써 원치 않는 경우가 발생하게 됩니다.&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 샘플예제&lt;/h3&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
	$(document).ready(function(){
		/**	
		//ex 01)-------------------------------------
		$( 'div' ).click( function(){
			alert(&quot;div element click&quot;);
		});
		$( 'p' ).click( function(){
			alert(&quot;p element click&quot;);
		});
		$( 'span' ).click( function(){
			alert(&quot;span element click&quot;);
		});
		**/
		
		//ex 02)-------------------------------------
		$( &quot;div&quot; ).click( function(event){
			var targetElement = $( event.target );
			
			if( targetElement.is(&quot;div&quot;) ){
				//alert(&quot;div element click&quot;);
			}
			else if( targetElement.is(&quot;p&quot;) ){
				//alert(&quot;p element click&quot;);
			}
			else if( targetElement.is(&quot;span&quot;) ){
				//alert(&quot;span element click&quot;);
			}
		} );
	});
&lt;/script&gt;
&lt;div&gt;Div Element Area
	&lt;p&gt;P Element Area&lt;br /&gt;
		&lt;span&gt;Span Element Area&lt;/span&gt;
	&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;- 결과 화면&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 448px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2745C64C58D7B6AF1F&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2745C64C58D7B6AF1F&quot; width=&quot;448&quot; height=&quot;174&quot; filename=&quot;span_01.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&amp;lt;SPAN 영역을 클릭하는 경우&amp;gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 448px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/24322D4C58D7B6AF33&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F24322D4C58D7B6AF33&quot; width=&quot;448&quot; height=&quot;174&quot; filename=&quot;p_02.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&amp;lt;P 영역을 클릭하는 경우&amp;gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 448px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2744B14C58D7B6B020&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2744B14C58D7B6B020&quot; width=&quot;448&quot; height=&quot;174&quot; filename=&quot;div_03.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&amp;lt;DIV 영역을 클릭하는 경우&amp;gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 소스코드&lt;/h3&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript start-----------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;$(document).ready(function(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;/**&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;//ex 01)-------------------------------------&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$( 'div' ).click( function(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;alert(&quot;div element click&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$( 'p' ).click( function(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;alert(&quot;p element click&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$( 'span' ).click( function(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;alert(&quot;span element click&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;**/&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;//ex 02)-------------------------------------&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$( &quot;div&quot; ).click( function(event){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;var targetElement = $( event.target );&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;if( targetElement.is(&quot;div&quot;) ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;alert(&quot;div element click&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;else if( targetElement.is(&quot;p&quot;) ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;alert(&quot;p element click&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;else if( targetElement.is(&quot;span&quot;) ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;alert(&quot;span element click&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;} );&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript end-----------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML start---------------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;div&amp;gt;Div Element Area&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;p&amp;gt;P Element Area&amp;lt;/br&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&amp;lt;span&amp;gt;Span Element Area&amp;lt;/span&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&amp;lt;/p&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML end-----------------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 204, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;3. 설명&lt;/h3&gt;
&lt;p&gt;이벤트 버블링 막기&lt;/p&gt;
&lt;p&gt;ex 01) - 버블링 현상이 발생하는 예제&lt;/p&gt;
&lt;p&gt;해당 예제의 DOM의 가장 상위 엘리먼트는 div 엘리먼트이고, 그 아래 p 앨라먼트 마지막에 span 엘리먼트가 존재합니다.&lt;/p&gt;
&lt;p&gt;해당 엘리먼트 중에 이벤트가 발생하면 현재 이벤트가 발생한 핸들러부터 실행합니다.&lt;/p&gt;
&lt;p&gt;그다음에 엘리먼트의 부모에 대한 이벤트 처리 메소드가 연결되어 있는지 확인하여 부모에 대한 이벤트를 실행하게 되면서&lt;/p&gt;
&lt;p&gt;최상위 div 엘리먼트의 이벤트 핸들러까지 실행하게 되면서 원하지 않는 결과를 도출 할 수 있습니다.
&lt;/p&gt;
&lt;p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;ex 02) - 버블링 현상을 방지하는 예제&lt;/p&gt;
&lt;p&gt;이벤트 버블링을 막은 예제로써 최상위 div 엘리먼트에 click 이벤트를 연결해서 실제로 타겟이 되는 엘리먼트를 확인하여&lt;/p&gt;
&lt;p&gt;해당 엘리먼트의 이벤트만 실행 할 수 있습니다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>JQUERY(제이쿼리)</category>
      <category>jquery</category>
      <category>마우스</category>
      <category>마우스 이벤트</category>
      <category>마우스이벤트</category>
      <category>버블링</category>
      <category>제이쿼리</category>
      <category>프로그래밍 언어</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/106</guid>
      <comments>https://namik.tistory.com/106#entry106comment</comments>
      <pubDate>Sun, 26 Mar 2017 21:46:05 +0900</pubDate>
    </item>
    <item>
      <title>[JQUERY] 텍스트 필드에 어떤 키가 입력되었는지 확인하기</title>
      <link>https://namik.tistory.com/105</link>
      <description>&lt;p&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 32px;&quot;&gt;&lt;b&gt;텍스트 필드에 어떤 키가 입력되었는지 확인하기&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;텍스트 필드에 어떤 키가 입력되었는지 확인하기&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 샘플예제&lt;/h3&gt;
&lt;script type=&quot;text/javascript&quot;&gt;

	$(document).ready(function(){
		$( &quot;#name&quot; ).keypress( function( event ){
			$( &quot;#inputViiew&quot; ).text( &quot;입력 키보드 코드 : &quot; + event.keyCode );			
		});		
	});
&lt;/script&gt;
이름 : &lt;input type=&quot;text&quot; id=&quot;name&quot; name=&quot;name&quot;&gt;
&lt;p id=&quot;inputViiew&quot;&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;- 결과화면&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 249px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/25062C3A58CFF8D31C&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F25062C3A58CFF8D31C&quot; width=&quot;249&quot; height=&quot;94&quot; filename=&quot;키보드 입력 이벤트.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 소스코드&lt;/h3&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript start-----------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;$(document).ready(function(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$( &quot;#name&quot; ).keypress( function( event ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;$( &quot;#inputViiew&quot; ).text( &quot;입력 키보드 코드 : &quot; + event.keyCode );&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript end-----------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML start---------------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;이름 : &amp;lt;input type=&quot;text&quot; id=&quot;name&quot; name=&quot;name&quot;&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;p id=&quot;inputViiew&quot;&amp;gt;&amp;lt;/p&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML end-----------------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 204, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;3. 설명&lt;/h3&gt;
&lt;div&gt;&lt;div&gt;키보드의 키를 누르면 동작하는 이벤트 핸들러를 생성한다.&lt;/div&gt;&lt;div&gt;이벤트 핸들러에 입력된 키보드 키값의 코드 값을 표시한다&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;참고 Jquery API :&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://api.jquery.com/keypress/&quot;&gt;http://api.jquery.com/keypress/&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;http://api.jquery.com/keyup/&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;http://api.jquery.com/keydown/&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;div style=&quot;text-align: start;&quot;&gt;&lt;div&gt;- keypress( handler )&lt;/div&gt;&lt;div&gt;&amp;nbsp; : 지정한 엘리먼트에 이벤트 핸들러를 연결하여 사용자가 키보드의 키를 누르면 이벤트 핸들러가 실행됩니다.&lt;/div&gt;&lt;div&gt;&lt;div&gt;- keyup( handler )&lt;/div&gt;&lt;div&gt;&amp;nbsp; : 지정한 엘리먼트에 이벤트 핸들러를 연결하여 사용자가 키보드의 키를 눌렀던 키를 놓았을 때 이벤트 핸들러가 실행됩니다. &amp;nbsp;&lt;/div&gt;&lt;div&gt;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div&gt;- keydown( handler )&lt;/div&gt;&lt;div&gt;&amp;nbsp; : 지정한 엘리먼트에 이벤트 핸들러를 연결하여 사용자가 키보드의 키를 처음 누르면 이벤트 핸들러가 실행됩니다.&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;</description>
      <category>JQUERY(제이쿼리)</category>
      <category>jquery</category>
      <category>keypress</category>
      <category>제이쿼리</category>
      <category>키 입력</category>
      <category>프로그래밍 언어</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/105</guid>
      <comments>https://namik.tistory.com/105#entry105comment</comments>
      <pubDate>Wed, 22 Mar 2017 08:00:10 +0900</pubDate>
    </item>
    <item>
      <title>[JQUERY]마우스 이벤트 처리하기</title>
      <link>https://namik.tistory.com/104</link>
      <description>&lt;p&gt;&lt;style&gt;
	.buttons{
		width : 100px;
		float : left;
		text-align : center;
		margin : 5px;
		border : 2px solid;
		font-weight : bold;
	}

        .button {
	    background-color: #4CAF50; /* Green */
	    border: none;
	    color: white;
	    padding: 16px 32px;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 16px;
	    margin: 4px 2px;
	    -webkit-transition-duration: 0.4s; /* Safari */
	    transition-duration: 0.4s;
	    cursor: pointer;
	}
	
	.button1 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid #4CAF50;
	}
	
	.button1:hover {
	    background-color: #4CAF50;
	    color: white;
	}
.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}
&lt;/style&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;마우스의 이벤트를 처리한다.&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;특정 마우스의 이벤트를 처리한다.&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 샘플예제&lt;/h3&gt;
&lt;script type=&quot;text/javascript&quot;&gt;

	$(document).ready(function(){
		$(&quot;.buttons&quot;).bind(&quot;mousedown&quot;, function( event ){
			if( event.which == 1 ){
				alert(&quot;Left mouse button click &quot; + $(this).text());
			}else if( event.which == 2 ){
				alert(&quot;Right mouse button click &quot; + $(this).text());
			}
		});
		
		/*		
		$(&quot;.buttons&quot;).bind(&quot;mouseup&quot;, function(){
			alert(&quot;mouseup event &quot; + $(this).text());
		});
		*/
		
		$(&quot;.buttons&quot;).bind(&quot;mouseover&quot;, function(){
			alert(&quot;mouseover event &quot; + $(this).text());
		});
		
		/*
		$(&quot;.buttons&quot;).bind(&quot;mouseout&quot;, function(){
			alert(&quot;mouseout event &quot; + $(this).text());
		});
		*/
	});
&lt;/script&gt;
&lt;span class=&quot;buttons&quot; id=&quot;Bold&quot;&gt;Bold button&lt;/span&gt;
&lt;span class=&quot;buttons&quot; id=&quot;Italic&quot;&gt;Italic button&lt;/span&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;- 결과 화면&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 448px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2603F93758CE8BAF06&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2603F93758CE8BAF06&quot; width=&quot;448&quot; height=&quot;174&quot; filename=&quot;마우스 오버 이벤트.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[특정 버튼위에 마우스가 위치한 경우]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 448px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2433B43758CE8BAF30&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2433B43758CE8BAF30&quot; width=&quot;448&quot; height=&quot;174&quot; filename=&quot;마우스 우클릭 이벤트.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[버튼을 마우스 오른쪽 버튼으로 클릭한 경우]&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 448px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2754E03758CE8BB00B&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2754E03758CE8BB00B&quot; width=&quot;448&quot; height=&quot;174&quot; filename=&quot;마우스 좌클릭 이벤트.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;[버튼을 마우스 왼쪽 버튼으로 클릭한 경우]&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 소스코드&lt;/h3&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript start-----------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;$(document).ready(function(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;.buttons&quot;).bind(&quot;mousedown&quot;, function( event ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;if( event.which == 1 ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;alert(&quot;Left mouse button click &quot; + $(this).text());&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}else if( event.which == 2 ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;				&lt;/span&gt;alert(&quot;Right mouse button click &quot; + $(this).text());&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;/*&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;.buttons&quot;).bind(&quot;mouseup&quot;, function(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;alert(&quot;mouseup event &quot; + $(this).text());&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;*/&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;.buttons&quot;).bind(&quot;mouseover&quot;, function(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;alert(&quot;mouseover event &quot; + $(this).text());&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;/*&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;.buttons&quot;).bind(&quot;mouseout&quot;, function(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;alert(&quot;mouseout event &quot; + $(this).text());&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;*/&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript end-----------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML start---------------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;span class = &quot;buttons&quot; id=&quot;Bold&quot; &amp;gt;Bold button&amp;lt;/span&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;span class = &quot;buttons&quot; id=&quot;Italic&quot; &amp;gt;Italic button&amp;lt;/span&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML end-----------------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 204, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;3. 설명&lt;/h3&gt;
&lt;p&gt;해당 버튼에 마우스 관련된 이벤트를 설정하여 bind() 한다.&lt;/p&gt;
&lt;p&gt;마우스 버튼이 클릭되었을 때 event.button 이 0 인 경우 마우스 좌측, 2 인 경우 마우스 우측 으로 설정한다.&lt;/p&gt;
&lt;p&gt;마우스가 해당 버튼 위에 위치하게 되면 이벤트를 처리한다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;- bind(eventType, data, handler)&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : eventType는 이벤트의 타입을 지정하는 문자열로써 click, dblclick, focus, blur등등&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : data는 이벤트 핸들러에 전달할 데이터로써 생략하면 데이터 대신 이벤트 핸들러 함수가 된다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : handler는 이벤트가 발생하면 수행할 문장들을 가진 함수&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;- mousedown(handler)&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : 마우스 다운 이벤트 발생 시 실행 함수입니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : 마우스 클릭 버튼이 눌렸을때 이벤트&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : handler : event - event.button(0) 좌클릭, event.button(2) 우클릭&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;- mouseup(handler)&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : 마우스 업 이벤트 발생 시 실행 함수입니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : 마우스 클릭 버튼이 눌렸다가 버튼이 다시 올라올때 이벤트&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;- mouseover(handler)&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : 마우스 over 이벤트 발생 시 실행 함수입니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : 마우스의 위치가 해당 버튼의 위에 위치할때 이벤트&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;- mouseout(handler)&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : 마우스out 이벤트 발생 시 실행 함수입니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp; : 마우스의 위치가 해당 버튼의 위에 있다가 버튼의 영역에서 없어졌을때 이벤트&lt;/p&gt;
&lt;div&gt;&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;- event.which&lt;/div&gt;
&lt;div&gt;&amp;nbsp; : 마우스의 이벤트를 일으킨 버튼을 알 수 있다.&lt;/div&gt;
&lt;div&gt;&amp;nbsp; : 1 - left button, 2 - middle button, 3 - right button&lt;/div&gt;
&lt;div&gt;&lt;br /&gt;&lt;/div&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;JQUERY API 주소&lt;/p&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;mousedown : &lt;a href=&quot;http://api.jquery.com/mousedown/&quot;&gt;http://api.jquery.com/mousedown/&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;mouseup : &lt;a href=&quot;http://api.jquery.com/mouseup/&quot;&gt;http://api.jquery.com/mouseup/&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;mouseover : &lt;a href=&quot;http://api.jquery.com/mouseover/&quot;&gt;http://api.jquery.com/mouseover/&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;mouseout : &lt;a href=&quot;http://api.jquery.com/mouseout&quot;&gt;http://api.jquery.com/mouseout/&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;event.which : &lt;a href=&quot;http://api.jquery.com/event.which/&quot;&gt;http://api.jquery.com/event.which/&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>JQUERY(제이쿼리)</category>
      <category>jquery</category>
      <category>juqery</category>
      <category>마우스</category>
      <category>마우스 이벤트</category>
      <category>마우스이벤트</category>
      <category>제이쿼리</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/104</guid>
      <comments>https://namik.tistory.com/104#entry104comment</comments>
      <pubDate>Tue, 21 Mar 2017 08:00:05 +0900</pubDate>
    </item>
    <item>
      <title>[생활팁] 내 몸과 마음을 편안하게 도와주는 건강차</title>
      <link>https://namik.tistory.com/103</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;힘든 사회 생활에 지치고 힘든 내 몸과 마음을 편안하게 해줄 수 있는 건강차를 소개해드립니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;한의학에서는 차의 약리적 효능으로 병을 낫게하고 마음을 편안하게 하며, 기운을 맑게 한다고 설명합니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;차에 함유된 성분들은 건강을 이롭게도 하지만 기운과 마음을 다스려 스트레스 해소에도 도움이 됩니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; font-size: 18px; line-height: 30px; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(204, 0, 51); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;유자차&lt;/h2&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2564314E58CE658B19&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2564314E58CE658B19&quot; width=&quot;640&quot; height=&quot;426&quot; filename=&quot;유자.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;유자에는 비타민C가 풍부해서 겨울철 감기 예방에도 도움이 됩니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;그리고 유자에 포함된 &quot;리모넨&quot;이라고 불리는 성분은 기침과 목의 염증을 진정시켜주는 효과가 있습니다.&lt;/span&gt;&lt;/p&gt;
&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; font-size: 18px; line-height: 30px; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(204, 0, 51); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;자몽차&lt;/h2&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px; text-align: center;; height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/24634D4E58CE658C28&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F24634D4E58CE658C28&quot; width=&quot;640&quot; height=&quot;426&quot; filename=&quot;자몽.jpg&quot; filemime=&quot;image/jpeg&quot; style=&quot;text-align: center;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;자몽에는 김기예방과 피로회복에 좋은 비타민C가 풍부해 하루에 반개 정도만 섭취해도 충분한 비타민 섭취가 가능합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;피부미용에도 효과적으며 비타민A와 C성분이 풍부해 모발이 성장하는데 도움을 줍니다.&lt;/span&gt;&lt;/p&gt;
&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; font-size: 18px; line-height: 30px; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(204, 0, 51); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;로즈마리차&lt;/h2&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/246ECB4A58CE666728&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F246ECB4A58CE666728&quot; width=&quot;640&quot; height=&quot;427&quot; filename=&quot;로즈마리.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;뛰어난 살균 작용과 보습 효과가 있는 민트계열의 허브로 잎을 따 홍차 등에 넣어 함께 마시면 향긋한 향으로 입안을 상쾌하게 만들어 줍니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;또한 항산화 성분이 다량으로 함유돼 있어 노화 방지에도 효과적입니다.&lt;/p&gt;
&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; font-size: 18px; line-height: 30px; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(204, 0, 51); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;구기자&lt;/h2&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px; text-align: center;; height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/243DFB4A58CE666704&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F243DFB4A58CE666704&quot; width=&quot;640&quot; height=&quot;426&quot; filename=&quot;구기자.jpg&quot; filemime=&quot;image/jpeg&quot; style=&quot;text-align: center;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;구기자는 조혈작용, 콜레스테롤 강하작용, 항지방간작용, 혈당강하, 항암작용 등에 효과가 있는 것으로 알려져 있습니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;콜린대사물질인 베타인이 풍부해 간에 지방이 쌓이는 것을 억제해 줄 수 있습니다.&lt;/p&gt;
&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; font-size: 18px; line-height: 30px; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(204, 0, 51); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;녹차&lt;/h2&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2443454958CE65F01F&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2443454958CE65F01F&quot; width=&quot;640&quot; height=&quot;423&quot; filename=&quot;tea-1309015_640.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;녹차는 심혈관 질환과 암 예방에 좋으며 혈암을 정상화시켜주며, 심장으로 혈류를 늘려 심장부터 신체 말단까지 영양소와 산소공급을 원활하게합니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;콜레스테롤이 쌓이는 것을 막아 혈관을 건강하게 만들어주며, 뇌졸증이나 심근경색 및 동맥경화를 예방해줍니다.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;참고사이트 :&amp;nbsp;&lt;a href=&quot;https://www.vingle.net/posts/2026796&quot;&gt;https://www.vingle.net/posts/2026796&lt;/a&gt;&lt;/p&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;일을 하면서 커피를 마시는 시간이 많고 녹차나 차등은 사무실에 있어도 쳐다보지도 않았는데 위 내용을 한번 살펴보니 특별한 차는 사무실에 마련되어 있지 않지만 녹차는 많으니 녹차라도 마시는 습관을 잘 들여와할 것 같네요.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;여러분 모두 커피대신 차를 마시는 습관을 들려서 피곤에 지친 몸과 마음을 건강하게 할 수 있도록 노력합니다.~&lt;/p&gt;</description>
      <category>나의 일상/생활의 팁</category>
      <category>구기자</category>
      <category>녹차</category>
      <category>로즈마리</category>
      <category>로즈마리차</category>
      <category>유자</category>
      <category>유자차</category>
      <category>자몽</category>
      <category>자몽차</category>
      <category>힐링차</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/103</guid>
      <comments>https://namik.tistory.com/103#entry103comment</comments>
      <pubDate>Mon, 20 Mar 2017 08:00:57 +0900</pubDate>
    </item>
    <item>
      <title>[생활팁] 나를 더 피곤하게 하는 음식</title>
      <link>https://namik.tistory.com/102</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;사회 생활을 하다보면 잦은 야근과 많은 술자리로 인해서&lt;/span&gt;&lt;br /&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;b&gt;몸의 피로도가 많이 쌓인 상태에서&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;b&gt;피로를 조금이나마 회복하게 하기 위해서 여러 음식들을 먹거나 마시거나 하실겁니다.&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;b&gt;하지만 그런 음식들 중에서 나의 피로도를 더 높에줄 수 있는 음식들이 있다고 하는데요.&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;b&gt;그러한 음식들이 무엇이 있는지 한번 알아보겠습니다.&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/250A4F4758CE5DDC19&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F250A4F4758CE5DDC19&quot; width=&quot;640&quot; height=&quot;428&quot; filename=&quot;피곤한 소녀.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; font-size: 18px; line-height: 30px; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(204, 0, 51); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;커피&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 426px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2267464F58CE5E9D2C&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2267464F58CE5E9D2C&quot; width=&quot;426&quot; height=&quot;640&quot; filename=&quot;커피.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;커피가 피곤감을 더 느끼게 한다는 말은 선뜻 다가오지 않을 겁니다.&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;하지만 카페인이 많이 들어 있는 커피와 홍차, 카페인 드링크등은 만성피로로 시달리고 있는 사람들을&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;악순환에 빠지게 한다고 합니다.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;이런 음료들의 효과는 1시간에서 1시간 반정도의 시간이 불과하다고 합니다.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;커피 대신 신선한 과일과 영양소가 풍부한 식습관으로 건강상태를 회복하는게&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;오히려 피로를 줄일 수 있다고 합니다.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; font-size: 18px; line-height: 30px; border-left: 5px solid rgb(204, 0, 51); border-bottom: 1px solid rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;흰 빵과 흰 쌀밥&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2772A04D58CE5FB313&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2772A04D58CE5FB313&quot; width=&quot;640&quot; height=&quot;480&quot; filename=&quot;밥.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;흰 빵과 흰 쌀밥은 혈달을 빨리 높이는 대신 빨리 분해가 됩니다.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;반면에 곡물 빵과 현미 밥은 소화를 시키는 과정이 상대적으로 느립니다.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;흰 빵과 흰 쌀밥은 당신의 몸에서 에너지를 급격히 높였다가 급격히 낮추기 때문에&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;금새 피로감을 느끼고 에너지가 고갈되는 기분이 들게 합니다.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;하지만 곡물 빵과 현미 등은 섬유질이 많기 때문에 소화 과정이 늦지만 에너지를 천천히 공급해 줍으로써&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;피로감을 덜 느끼게 된다고 합니다.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; line-height: 30px; border-left: 5px solid rgb(204, 0, 51); border-bottom: 1px solid rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;&lt;span style=&quot;font-size: 24px;&quot;&gt;붉은 고기&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/267B865058CE5C723E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F267B865058CE5C723E&quot; width=&quot;640&quot; height=&quot;426&quot; filename=&quot;스테이크.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;많은 분들이 점심에 스테이크나 햄버거를 먹고 난 뒤에 졸음이 쏟아진다는 느낌을 많이 받으실 겁니다.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;그 이유는 붉은 고기를 먹었을 때 좀 더 피로감을 느낄 수 있기 때문입니다.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;위장에 고기를 소화시키기 위해 많은 에너지를 사용하기 때문에 피로감을 느끼게 되기 때문에 이럴 때는&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;연어와 같은 생선류를 섭취하는 것이 좋습니다.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; line-height: 30px; border-left: 5px solid rgb(204, 0, 51); border-bottom: 1px solid rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;&lt;span style=&quot;font-size: 24px;&quot;&gt;체리&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2221C04B58CE5F861B&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2221C04B58CE5F861B&quot; width=&quot;640&quot; height=&quot;426&quot; filename=&quot;체리.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;연구결과에 따르면 체리는 멜라토닌 함유량이 높아서 천연 수면제로 불린다고 합니다.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;체리가 건강에 좋다는 것은 사실이지만 체리를 많이 먹게되면 피로감을 많이 느끼는 사람에게는&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;더 졸리도록 할 수도 있습니다.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; line-height: 30px; border-left: 5px solid rgb(204, 0, 51); border-bottom: 1px solid rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;&lt;span style=&quot;font-size: 24px;&quot;&gt;단 음식&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2447224E58CE5CDB29&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2447224E58CE5CDB29&quot; width=&quot;640&quot; height=&quot;426&quot; filename=&quot;초콜릿.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;식사를 하시고 나서 후식으로 초콜릿, 과자 등 단 음식을 후식으로 먹으면 좋지 않다고 합니다.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;설탕은 몸에서 인슐린의 분비를 자극하고 우리뇌에서 아미노산 트립토판의 분비를 유도하게 되면서&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;졸음을 더 느끼도록 하게 됩니다.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;그래서 식사를 하시고 나서 어느 정도 소화가 된 이후에 간식을 먹는 것이 피로감을 좀 더 줄일 수 있습니다.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; line-height: 30px; border-left: 5px solid rgb(204, 0, 51); border-bottom: 1px solid rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;&lt;span style=&quot;font-size: 24px;&quot;&gt;바나나&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2466C34C58CE5CA825&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2466C34C58CE5CA825&quot; width=&quot;640&quot; height=&quot;430&quot; filename=&quot;바나나.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;바나나는 마그네슘이 풍부한 음식이어서 그 마그네슘이 근육을 이완시켜서 낮시간에 먹는거는 좋지 않을 수 있습니다.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;대신 잠들기 전에 먹으면 상당히 좋을 것 같습니다.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;참고 사이트 :&amp;nbsp;&lt;a href=&quot;https://www.vingle.net/posts/2024133&quot;&gt;https://www.vingle.net/posts/2024133&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;width:100%;text-align:center;&quot;&gt;
&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- 모바일용 중형직사각형 --&gt;
&lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:300px;height:250px&quot; data-ad-client=&quot;ca-pub-7596371835529776&quot; data-ad-slot=&quot;4831085741&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;/div&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;나는 매일 잦은 야근으로 인해서 생기는 피로로 인해서 몸이 많이 피곤했는데 내가 계속 피로회복을 위해서 먹었던 음식들이 나의 피로를 더욱 증가시킬 수 있다는 것을 알게 되어서 이번에는 좀 자제를 하면서 먹어야겠네요&lt;/p&gt;
&lt;p&gt;대신 피로감을 조금이나마 떨쳐내기 위해서 운동을 하는 습관을 기르고 위의 내용을 참조해서 조금이나마 몸의 피로를 더 쌓이지 않게 건강식을 잘 챙겨먹야야 되겠네요.&lt;/p&gt;
&lt;p&gt;그리고 다이어트를 하기 위해서 아침 출근 전에 먹는 바나나를 아침 대신에 저녁에 먹어서 꿀감을 잘 수 있도록 해보도록 노력해봅시다.~~&lt;/p&gt;</description>
      <category>나의 일상/생활의 팁</category>
      <category>고기</category>
      <category>만성피로</category>
      <category>바나나</category>
      <category>빵</category>
      <category>체리</category>
      <category>초콜릿</category>
      <category>커피</category>
      <category>피곤</category>
      <category>피곤한 이유</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/102</guid>
      <comments>https://namik.tistory.com/102#entry102comment</comments>
      <pubDate>Sun, 19 Mar 2017 19:44:13 +0900</pubDate>
    </item>
    <item>
      <title>[JQUERY] 직접 클릭 없이 자동으로 클릭 이벤트 발생시키기</title>
      <link>https://namik.tistory.com/101</link>
      <description>&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 32px;&quot;&gt;&lt;b&gt;사용자의 클릭 없이 자동으로 클릭 이벤트를 발생하기&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;사용자의 클릭 없이 자동으로 클릭 이벤트를 발생 시킬 수 있다.&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 샘플예제&lt;/h3&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;script type=&quot;text/javascript&quot;&gt;

	$(document).ready(function(){
		
		$(&quot;.buttons&quot;).bind(&quot;click&quot;, function(){
			alert(&quot;click &quot; + $(this).text());
		});
		
// 		$(&quot;.buttons&quot;).click( function(){
// 			alert(&quot;click &quot; + $(this).text());
// 		});
		
		$(&quot;.buttons&quot;).bind(&quot;dblclick&quot;, function(){
			alert(&quot;double-click &quot; + $(this).text());
		});
		
// 		$(&quot;.buttons&quot;).dblclick( function(){
// 			alert(&quot;double-click &quot; + $(this).text());
// 		});
		
		$(&quot;#Italic&quot;).trigger(&quot;click&quot;);
	});
&lt;/script&gt;
&lt;span class=&quot;buttons&quot;&gt;Bold button&lt;/span&gt;
&lt;span class=&quot;buttons&quot; id=&quot;Italic&quot;&gt;Italic button&lt;/span&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;결과화면&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 448px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/25664B4058C5675713&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F25664B4058C5675713&quot; width=&quot;448&quot; height=&quot;144&quot; filename=&quot;클릭이벤트3.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 소스코드&lt;/h3&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript start-----------------------------------------------------%&amp;gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;$(document).ready(function(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;.buttons&quot;).bind(&quot;click&quot;, function(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;alert(&quot;click &quot; + $(this).text());&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;// &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;.buttons&quot;).click( function(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;// &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;alert(&quot;click &quot; + $(this).text());&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;// &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;.buttons&quot;).bind(&quot;dblclick&quot;, function(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;alert(&quot;double-click &quot; + $(this).text());&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;// &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;.buttons&quot;).dblclick( function(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;// &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;alert(&quot;double-click &quot; + $(this).text());&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;// &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;#Italic&quot;).trigger(&quot;click&quot;);&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;});&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript end-----------------------------------------------------%&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;/p&gt;&lt;p&gt;&amp;lt;%----HTML start---------------------------------------------------------%&amp;gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;span class = &quot;buttons&quot;&amp;gt;Bold button&amp;lt;/span&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;span class = &quot;buttons&quot; id=&quot;Italic&quot; &amp;gt;Italic button&amp;lt;/span&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML end-----------------------------------------------------------%&amp;gt;&lt;/p&gt;&lt;p&gt;
&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 204, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;3. 설명&lt;/h3&gt;
&lt;p&gt;1) click(dblclick) 이벤트를 설정한다.&lt;/p&gt;&lt;p&gt;2) 설정이 완료 된 후 trigger 함수를 사용하여 클릭 이벤트를 실행한다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;JQUERY 참조 :&amp;nbsp;&lt;a href=&quot;http://api.jquery.com/trigger/&quot;&gt;http://api.jquery.com/trigger/&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;a href=&quot;http://api.jquery.com/bind/&quot;&gt;http://api.jquery.com/bind/&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;a href=&quot;http://api.jquery.com/click/&quot;&gt;http://api.jquery.com/click/&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;a href=&quot;http://api.jquery.com/dblclick/&quot;&gt;http://api.jquery.com/dblclick/&lt;/a&gt;&lt;/p&gt;&lt;div id=&quot;adhere&quot;&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;- bind(eventType, data, handler)&lt;/p&gt;&lt;p&gt;&amp;nbsp; : eventType는 이벤트의 타입을 지정하는 문자열로써 click, dblclick, focus, blur등등&lt;/p&gt;&lt;p&gt;&amp;nbsp; : data는 이벤트 핸들러에 전달할 데이터로써 생략하면 데이터 대신 이벤트 핸들러 함수가 된다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; : handler는 이벤트가 발생하면 수행할 문장들을 가진 함수&lt;/p&gt;&lt;p&gt;&amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;- click(handler)&lt;/p&gt;&lt;p&gt;&amp;nbsp; : handler는 이벤트가 발생하면 수행할 문장들을 가진 함수&lt;/p&gt;&lt;p&gt;&amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;- dblclick(handler)&lt;/p&gt;&lt;p&gt;&amp;nbsp; : handler는 이벤트가 발생하면 수행할 문장들을 가진 함수&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;- trigger(eventType)&lt;/p&gt;&lt;p&gt;&amp;nbsp; : eventType는 이벤트의 타입을 지정하는 문자열로써 click, dblclick, focus, blur등등&lt;/p&gt;&lt;p&gt;&amp;nbsp; : 해당 이벤트를 구동합니다.&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;</description>
      <category>JQUERY(제이쿼리)</category>
      <category>bind</category>
      <category>click</category>
      <category>jquery</category>
      <category>trigger</category>
      <category>더블클릭이벤트</category>
      <category>제이쿼리</category>
      <category>클릭이벤트</category>
      <category>트리거</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/101</guid>
      <comments>https://namik.tistory.com/101#entry101comment</comments>
      <pubDate>Wed, 15 Mar 2017 08:30:57 +0900</pubDate>
    </item>
    <item>
      <title>[JQUERY] 어느 버튼을 클릭하였는지 확인하기</title>
      <link>https://namik.tistory.com/100</link>
      <description>&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 32px;&quot;&gt;&lt;b&gt;어느 버튼을 클릭하였는지 확인하기&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;특정 버튼 중에서 클릭한 버튼을 확인할 수 있습니다.&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 샘플예제&lt;/h3&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;script type=&quot;text/javascript&quot;&gt;

	$(document).ready(function(){
		
		$(&quot;.buttons&quot;).bind(&quot;click&quot;, function(){
			alert(&quot;click &quot; + $(this).text());
		});
		
// 		$(&quot;.buttons&quot;).click( function(){
// 			alert(&quot;click &quot; + $(this).text());
// 		});
		
		$(&quot;.buttons&quot;).bind(&quot;dblclick&quot;, function(){
			alert(&quot;double-click &quot; + $(this).text());
		});
		
// 		$(&quot;.buttons&quot;).dblclick( function(){
// 			alert(&quot;double-click &quot; + $(this).text());
// 		});
		
		
// 		$(&quot;.buttons&quot;).click( function(){
// 			alert(&quot;click &quot; + $(this).text());
// 		});
	});
&lt;/script&gt;


&lt;span class=&quot;buttons&quot;&gt;Bold button&lt;/span&gt;
&lt;span class=&quot;buttons&quot;&gt;Italic button&lt;/span&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;실행결과&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 448px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/25590C3558C5625913&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F25590C3558C5625913&quot; width=&quot;448&quot; height=&quot;174&quot; filename=&quot;클릭이벤트1.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 448px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/27181B3558C5625A19&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F27181B3558C5625A19&quot; width=&quot;448&quot; height=&quot;174&quot; filename=&quot;클릭이벤트2.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 소스코드&lt;/h3&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript start-----------------------------------------------------%&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;$(document).ready(function(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;.buttons&quot;).bind(&quot;click&quot;, function(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;alert(&quot;click &quot; + $(this).text());&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;// &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;.buttons&quot;).click( function(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;// &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;alert(&quot;click &quot; + $(this).text());&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;// &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;.buttons&quot;).bind(&quot;dblclick&quot;, function(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;alert(&quot;double-click &quot; + $(this).text());&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;// &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;.buttons&quot;).dblclick( function(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;// &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;alert(&quot;double-click &quot; + $(this).text());&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;// &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;// &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$(&quot;.buttons&quot;).click( function(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;// &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;alert(&quot;click &quot; + $(this).text());&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;// &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;});&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript end-----------------------------------------------------%&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML start---------------------------------------------------------%&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;span class = &quot;buttons&quot;&amp;gt;Bold button&amp;lt;/span&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;span class = &quot;buttons&quot;&amp;gt;Italic button&amp;lt;/span&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML end-----------------------------------------------------------%&amp;gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 204, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;3. 설명&lt;/h3&gt;
&lt;p&gt;1) 버튼에 click(dblclick)이벤트를 bind 및 직접 이벤트를 설정합니다.&lt;/p&gt;&lt;p&gt;2) 이벤트가 제대로 적용이 되면 해당 버튼을 클릭하게 되면 설정한 이벤트가 실행합니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;JQUERY 참조 :&amp;nbsp;&lt;a href=&quot;http://api.jquery.com/bind/&quot;&gt;http://api.jquery.com/bind/&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;a href=&quot;http://api.jquery.com/click/&quot;&gt;http://api.jquery.com/click/&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;a href=&quot;http://api.jquery.com/dblclick/&quot;&gt;http://api.jquery.com/dblclick/&lt;/a&gt;&lt;/p&gt;&lt;div id=&quot;adhere&quot;&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;- bind(eventType, data, handler)&lt;/p&gt;&lt;p&gt;&amp;nbsp; : 특정 이벤트를 정의하여 설정한다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; : eventType는 이벤트의 타입을 지정하는 문자열로써 click, dblclick, focus, blur등등&lt;/p&gt;&lt;p&gt;&amp;nbsp; : data는 이벤트 핸들러에 전달할 데이터로써 생략하면 데이터 대신 이벤트 핸들러 함수가 된다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; : handler는 이벤트가 발생하면 수행할 문장들을 가진 함수&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;- click(handler)&lt;/p&gt;&lt;p&gt;&amp;nbsp; : 클릭 이벤트를 직접 정의한다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; : handler는 이벤트가 발생하면 수행할 문장들을 가진 함수&lt;/p&gt;&lt;p&gt;&amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;- dblclick(handler)&lt;/p&gt;&lt;p&gt;&amp;nbsp; : 더블클릭 이벤트를 직접 정의한다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; : handler는 이벤트가 발생하면 수행할 문장들을 가진 함수&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;</description>
      <category>JQUERY(제이쿼리)</category>
      <category>bind</category>
      <category>click</category>
      <category>dblclick</category>
      <category>jquery</category>
      <category>더블클릭이벤트</category>
      <category>마우스 이벤트</category>
      <category>제이쿼리</category>
      <category>클릭이벤트</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/100</guid>
      <comments>https://namik.tistory.com/100#entry100comment</comments>
      <pubDate>Tue, 14 Mar 2017 08:30:56 +0900</pubDate>
    </item>
    <item>
      <title>[사용기] 블루투스 스피커 BZ-A10</title>
      <link>https://namik.tistory.com/99</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;브리츠 BZ-A10 블루문 블루투스 스피커&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;이마트 죽전점의 일렉트로 마트를&lt;/span&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp;오랜만에 방문했다가 나름 제 생각에&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;득템했다고 생각되는 블루투스 스피커를 소개합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;나름 블루투스 스피커 할인 행사를 하고 있길래 인터넷 최저가 검색을 해보니&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;인터넷에서는 &lt;span style=&quot;color: rgb(0, 85, 255);&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;33,630&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;원에 최저가가 형성되어있었지만&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/230F764858C51C0A11&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F230F764858C51C0A11&quot; width=&quot;900&quot; height=&quot;690&quot; filename=&quot;BZ-A10 최저가.jpg.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;[출처 : http://shopping.daum.net/product/A2517343198/&amp;amp;q:BZ-A10&amp;amp;cateid:100102108104&amp;amp;srchhow:Cexpo]&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;일렉트로 죽전점에서는 &lt;b&gt;골드, 실버&lt;/b&gt; 색상에 대해서&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(255, 0, 0); font-size: 24pt;&quot;&gt;24,900&lt;/span&gt;&lt;/b&gt;원에 할인 행사를 하고 있어서&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;겨우 매장에서 &lt;b&gt;&lt;span style=&quot;font-size: 24pt; color: rgb(0, 216, 255);&quot;&gt;실버&lt;/span&gt;&lt;/b&gt; 색상을 구입하게 되었습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;(대부분 골드 색상이 남아있고 실버는 매장 구석깊숙히 있는 것을 찾아서&lt;/span&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;)&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2606DC4958C51A4423&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2606DC4958C51A4423&quot; width=&quot;900&quot; height=&quot;506&quot; filename=&quot;20170312_012410.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/213EF84958C51A4A33&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F213EF84958C51A4A33&quot; width=&quot;900&quot; height=&quot;506&quot; filename=&quot;20170312_012510.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;박스 패키징은 상당히 깔금하게 되어 있고&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;해당 제품의 색상표시 부분에 &lt;/span&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;실버 부분에 표시가 되어 있습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;그럼 이제 박스의 뚜껑을 한번 열어보겠습니다.~&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/257FCE4958C51A5119&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F257FCE4958C51A5119&quot; width=&quot;900&quot; height=&quot;506&quot; filename=&quot;20170312_012749.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/215E864958C51A5726&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F215E864958C51A5726&quot; width=&quot;900&quot; height=&quot;506&quot; filename=&quot;20170312_012757.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;박스 뚜껑을 열자마자 본제품의 본체가 보이네요.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;실제 실버색상이 무난하면서도 깔끔하다는 느낌이 많이 드네요~&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/234C024958C51A5F28&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F234C024958C51A5F28&quot; width=&quot;900&quot; height=&quot;506&quot; filename=&quot;20170312_012902.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;스피커 본체와 본체 밑에 있는 구성품을 꺼내보니 상당히 간단한데요&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 24pt; color: rgb(255, 187, 0);&quot;&gt;설명서, 스피커 충전을 위한 USB 케이블, 스피커 본체&lt;/span&gt;&lt;/b&gt; 이렇게 구성되어 있습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/24573A4958C51A651C&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F24573A4958C51A651C&quot; width=&quot;900&quot; height=&quot;506&quot; filename=&quot;20170312_012930.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;조작을 어떻게 해야하는지 살펴보니&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;제품의 밑부분에 제품을 컨트롤 할 수 있는 부분이 있네요&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 506px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2205C34958C51A6B19&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2205C34958C51A6B19&quot; width=&quot;506&quot; height=&quot;900&quot; filename=&quot;20170312_013008.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;제품 밑면에서 충전을 위한 &lt;b&gt;케이블 연결부, Micro SD 연결부&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 506px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2442BE4E58C51A712A&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2442BE4E58C51A712A&quot; width=&quot;506&quot; height=&quot;900&quot; filename=&quot;20170312_013016.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;&lt;b&gt;전원 스위치, 외부 마이크&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 506px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/26599C4E58C51A771A&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F26599C4E58C51A771A&quot; width=&quot;506&quot; height=&quot;900&quot; filename=&quot;20170312_013026.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;&lt;b&gt;볼륨 조절 버튼, 재생및통화 버튼, 모드변환 버튼&lt;/b&gt; 이렇게 구성되어 있습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;그럼 이제 제품의 전원을 켜봐야겠죠~&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2556544E58C51A7E38&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2556544E58C51A7E38&quot; width=&quot;900&quot; height=&quot;506&quot; filename=&quot;20170312_013109.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;전원을 켜보니 제품의 밑부분에서 파란색의 LED 반짝이면서&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;블루투스를 연결하기 위해서 기다리고 있네요~&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; font-size: 18px; line-height: 30px; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(204, 0, 51); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;제품 스펙&lt;/h2&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2574ED4858C51C0927&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2574ED4858C51C0927&quot; width=&quot;900&quot; height=&quot;620&quot; filename=&quot;BZ-A10 스펙.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; font-size: 18px; line-height: 30px; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(204, 0, 51); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;제품 구동 시연&lt;/h2&gt;&lt;p&gt;&lt;figure class=&quot;unsupported component-kakaotv&quot; contenteditable=&quot;false&quot; style=&quot;background:#000;margin:16px 0;min-height:72px;padding:10px 16px;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;width:100%;max-width:100%;&quot;&gt;
    &lt;p contenteditable=&quot;false&quot; style=&quot;margin:0;color:#8a8a8a;font-size:13px;line-height:1.6;user-select:none;pointer-events:none;&quot;&gt;동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.&lt;/p&gt;
&lt;/figure&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;음질은 생각했던 것보다는 좋아서 너무나도 마음에 듭니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;역시 브리츠 제품인 것 같네요~~&amp;nbsp;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;제품 Page&amp;nbsp;:&amp;nbsp;&lt;a href=&quot;http://www.britz.co.kr/product.detail.php?category=7&amp;amp;product=186&quot;&gt;http://www.britz.co.kr/product.detail.php?category=7&amp;amp;product=186&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;div id=&quot;adhere&quot;&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; font-size: 18px; line-height: 30px; border-left: 5px solid rgb(204, 0, 51); border-bottom: 1px solid rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;사용 후 느낀점&lt;/h2&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;스피커의 음질은 생각했던 것보다는 좋았고 가격대비 성능에서도&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;제 개인적인 생각에서도 너무나도 좋았습니다.&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;그리고 전원을 켜거나 블루투스 연결 시에 안내음성이 나와서 알려주기 때문에 사용하는데 편리합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;그리고 현재 인터넷 최저가보다&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;이마트 일렉트로 마트에서 저렴한 가격으로 판매하는 중이기 때문에&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;가격에서도 만족감이 넘칩니다.~~&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;허나 단점을 얘기드리자면&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;스피커를 컨트롤하기 위한 조작부의 버튼이 생각보다는 작아서&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;전원을 켜기 위해서 조작하는것이 좀 힘들었고&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 24px;&quot;&gt;제품의 스펙에서 보시다시비 블루투스 버전이 2.1로 낮아서&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 24px;&quot;&gt;두대의 멀티 페어링 기능이 없어서 다른 기기를 연결해서 사용하기 위해서는&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 24px;&quot;&gt;먼저 연결했던 제품의 블루투스 연결을 끊고 재연결해야합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 24px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 24px;&quot;&gt;이것으로 제품 소개를 마치겠습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 24px;&quot;&gt;제품을 구입하기를 원하시는 분들은&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 24px;&quot;&gt;빨리 이마트에 방문해서 구입하시기를 바랍니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 24px;&quot;&gt;3월 15일이면 전단행사가 끝나기 때문에 해당 제품을 저렴한 가격에 구입하기는&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 24px;&quot;&gt;앞으로 어려울 것 같으니깐요~~&lt;/span&gt;&lt;/p&gt;</description>
      <category>사용기</category>
      <category>BLUEMOON</category>
      <category>BZA10</category>
      <category>브리츠</category>
      <category>블루투스 스피커</category>
      <category>제품리뷰</category>
      <category>제품소개</category>
      <category>제품후기</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/99</guid>
      <comments>https://namik.tistory.com/99#entry99comment</comments>
      <pubDate>Mon, 13 Mar 2017 09:00:12 +0900</pubDate>
    </item>
    <item>
      <title>[사용기] 이어폰 리맥스 RM-610D</title>
      <link>https://namik.tistory.com/98</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 24pt; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 216, 255);&quot;&gt;리맥스 RM-610D&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;우연하게 용인에 있는 CGV 죽전점에 들려서&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;영화 콩:스컬 아일랜드를 보기 위해서 왔다가&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;영화 상영 시간이 좀 많이 남아서&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;길건너 있는 이마트 죽전점의 일렉트로 매장에 들렸다가 득템했습니다.~~&lt;/span&gt;&lt;img src=&quot;//i1.daumcdn.net/deco/contents/emoticon/etc_02.gif?v=2&quot; border=&quot;0&quot; class=&quot;txc-emo&quot;&gt;&lt;img src=&quot;//i1.daumcdn.net/deco/contents/emoticon/etc_02.gif?v=2&quot; border=&quot;0&quot; class=&quot;txc-emo&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;해당 제품에는 블랙, 레드, 실버, 골드 색상의 제품이 있지만&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;현재 일렉트로 마트에서 할인 행사를 하고 있어서&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;span style=&quot;color: rgb(255, 94, 0); font-size: 18pt;&quot;&gt;9,900&lt;/span&gt;원에 GET&lt;/span&gt;&lt;img src=&quot;//i1.daumcdn.net/deco/contents/emoticon/etc_22.gif?v=2&quot; border=&quot;0&quot; class=&quot;txc-emo&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;대신 블랙 색상의 경우 원가로&amp;nbsp;판매를 하고 있더군요.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;span style=&quot;color: rgb(255, 94, 0); font-size: 24pt;&quot;&gt;실버 색상&lt;/span&gt;과 &lt;span style=&quot;color: rgb(255, 94, 0); font-size: 24pt;&quot;&gt;골드 색상&lt;/span&gt;만 할인 행사를 하고 있습니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;그럼 한번 제품을 살펴볼까요??~~&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 506px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2735284958C507CC34&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2735284958C507CC34&quot; width=&quot;506&quot; height=&quot;900&quot; filename=&quot;20170312_010940.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;박스 포장은 상당히 깔끔하게 되어 있고 위에 보면 고리 같은 것이 있는데&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;해당 고리를 잡아 당기면 박스 안 내용물이 쭉~~~ 따라 올라옵니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2347634958C507D212&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2347634958C507D212&quot; width=&quot;900&quot; height=&quot;506&quot; filename=&quot;20170312_011000.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;박스 내용물을 꺼내보니 깔끔하게 제품이 배치되어 있군요~&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 506px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/240F5B4958C507DA0D&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F240F5B4958C507DA0D&quot; width=&quot;506&quot; height=&quot;900&quot; filename=&quot;20170312_011026.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;실버 색상을 실제로 확인해보기 색상이 별로 촌스럽지도 않고 그냥 무난한 색상이네요~&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/221CB54F58C506F306&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F221CB54F58C506F306&quot; width=&quot;900&quot; height=&quot;506&quot; filename=&quot;20170312_011318.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;이어폰이 있는 속 내용물을 꺼내서 바닥부분을 살펴보면 이어폰 밑에&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;설명서, 여분의 이어캡, 이어폰 파우치&lt;/span&gt; 등이 들어 있습니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 504px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2236924F58C506FD23&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2236924F58C506FD23&quot; width=&quot;504&quot; height=&quot;518&quot; filename=&quot;20170312_011740.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 496px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2437574F58C506FE31&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2437574F58C506FE31&quot; width=&quot;496&quot; height=&quot;501&quot; filename=&quot;20170312_011752.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;이어폰의 디자인은 일반적인 커널형 이어폰과는 다르게 인체공학적으로 귀에 꼽아도&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;불편하지 않게 중앙에서 오른쪽으로 치우쳐서 디자인이 되어 있습니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 506px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2672C54958C507E00F&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2672C54958C507E00F&quot; width=&quot;506&quot; height=&quot;900&quot; filename=&quot;20170312_011849.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;가격이 낮게 나왔어도 스마트폰을 사용하다보면 리모콘의 사용을 많이 하는데요&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;해당 제품에는 볼륨을 조절 할 수 있는 버튼과 통화 및 음악 재생을 위한 버튼이 같이 있기 때문에&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;스마트폰을 직접 꺼내서 실행 및 통화를 하지 않고 리모콘으로 컨트롤 할 수 있어서&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;가격대비 품질이 너무나 좋은 것 같습니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;해당 제품 홈페이지 :&amp;nbsp;&lt;a href=&quot;http://www.i-remax.co.kr/shop/item.php?it_id=1426732269&quot;&gt;http://www.i-remax.co.kr/shop/item.php?it_id=1426732269&lt;/a&gt;&lt;/p&gt;&lt;div id=&quot;adhere&quot;&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h2 style=&quot;margin: 30px 0px 5px; padding: 0px 10px 1px; font-weight: bolder; letter-spacing: -0.07em; font-size: 18px; line-height: 30px; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(204, 0, 51); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(242, 242, 242); color: rgb(51, 51, 51);&quot;&gt;사용 후 느낀점&lt;/h2&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;직접 사용해보니 제가 막귀라서 그런지 해당 이어폰을 통해서 음악을 들었을 때는&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;생각보다 좋다는 느낌을 많이 느꼈습니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;리모콘 컨트롤을 통해서 제어도 제대로 동작을 하고요.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;그리고 제품 홈페이지에서 같은 제품이 있지만 홈페이지에서 소개하는 제품의 리모콘에는&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;안드로이드, IOS로 조정할 수 있는 스위칭이 있지만 제가 구입한 제품에는 스위칭 버튼이 없었습니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;제가 사용하는 제품은 안드로이드 제품이어서 IOS에서 리모콘이 어떻게 동작하는지 모르겠지만&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;제품 박스 패키지에는 IOS, 안드로이드 모두 지원한다고 설명이 되어 있으니&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;적당히 이어폰을 사용하고 싶으신 분들은&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;지금 바로 이마트로 가셔서 해당 제품을 구입하시면 될것 같습니다.&lt;/span&gt;&lt;/p&gt;</description>
      <category>사용기</category>
      <category>610D</category>
      <category>remax</category>
      <category>RM610D</category>
      <category>리맥스</category>
      <category>리맥스 이어폰</category>
      <category>리맥스RM610D</category>
      <category>이마트</category>
      <category>이마트 죽전점</category>
      <category>이어폰</category>
      <category>인체공학이어폰</category>
      <category>일렉트로 마트</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/98</guid>
      <comments>https://namik.tistory.com/98#entry98comment</comments>
      <pubDate>Sun, 12 Mar 2017 18:06:08 +0900</pubDate>
    </item>
    <item>
      <title>[생활팁] 식욕 억제에 도움이 되는 음식들</title>
      <link>https://namik.tistory.com/97</link>
      <description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;식욕 억제에 도움이 되는 음식들&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/22256D3758C0297F0E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F22256D3758C0297F0E&quot; width=&quot;640&quot; height=&quot;426&quot; filename=&quot;다이어트-줄자.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size:12pt;&quot;&gt;이제 추운 겨울이 가고 봄이 오고 있습니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size:12pt;&quot;&gt;근데 이제 우리들이 준비해야 할 것이 무엇일까요??&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size:12pt;&quot;&gt;제가 얘기하고 싶은 것은 여름... 비키니, 해수욕장&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size:12pt;&quot;&gt;봄은 원래 그냥 스쳐지나가는 것처럼 온듯하면서도 그냥 지나쳐서 여름이 되어버려서&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;겨울동안에 꽁꽁 싸매고 다니는 순간 찐 살들을 이제는 앏아진 옷으로 보여지게 된다면...&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;얼마나 힘들까요??&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;그래서 제가 여름을 대비해서 다이어트를 준비하시는데 도움이 될 만한 자료를 찾았습니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;식욕을 억제하는데 도움되는 음식들~~~&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;다이어트를 하면서 가장 걱정인것은 식욕이라고 생각해서 찾아보았습니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;그럼 음식들을 소개하겠습니다.~~~&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&lt;style&gt;
	.buttons{
		width : 100px;
		float : left;
		text-align : center;
		margin : 5px;
		border : 2px solid;
		font-weight : bold;
	}

        .button {
	    background-color: #4CAF50; /* Green */
	    border: none;
	    color: white;
	    padding: 16px 32px;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 16px;
	    margin: 4px 2px;
	    -webkit-transition-duration: 0.4s; /* Safari */
	    transition-duration: 0.4s;
	    cursor: pointer;
	}
	
	.button1 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid #4CAF50;
	}
	
	.button1:hover {
	    background-color: #4CAF50;
	    color: white;
	}
.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}
&lt;/style&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250); text-align: left;&quot;&gt;1. 보리&lt;/h3&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/230C163458C02B2F16&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F230C163458C02B2F16&quot; width=&quot;640&quot; height=&quot;426&quot; filename=&quot;보리.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;보리는 식이성 섬유질이 풍부해서 포만감을 채우는데 효과적이어서 식욕을 떨어뜨리고 혈당 수치와&lt;/span&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp;당뇨병의 위험률을 감소시키는 작욕을 합니다.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;그래서 평소에 밥이나 샐러드 등의 다양한 요리에 보리를 추가해 먹는 것이 도움이 많이 됩니다.&lt;/span&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250); text-align: left;&quot;&gt;2.&amp;nbsp;붉은 고추&lt;/h3&gt;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px; text-align: center;; height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2610233458C02D862F&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2610233458C02D862F&quot; width=&quot;640&quot; height=&quot;426&quot; filename=&quot;고춧가루.jpg&quot; filemime=&quot;image/jpeg&quot; style=&quot;text-align: center;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;다이어트를 하는 사람들 중에는 캡사이신 소스나 고추 분말 가루를 들고 다니며 음식에 뿌려먹는 사람들이 있다고 하는데&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;붉은 고추는&amp;nbsp;식욕을 감소시키면서&amp;nbsp;에너지 소모를 향상시켜준다고 하네요&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;그래서 육감적인 몸매로 주목받은 비욘세도 가방에 핫소스를 넣고 다니는 것으로 유명하다고 합니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;매운 음식을 잘 먹지 못하시는 분들이 이번 기회에 매운 음식을 먹는 다면 그 효과는 배가 되서 살을 빼는데 많은 도움을 줄 것 같네요.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif;&quot;&gt;3&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif;&quot;&gt;. 살코기&lt;/span&gt;&lt;/h3&gt;&lt;div&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2468003758C02EB418&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2468003758C02EB418&quot; width=&quot;640&quot; height=&quot;426&quot; filename=&quot;스테이크.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;고기를 먹는 것이 다이어트를 하는데 도움이 된다고 하니 무척 신기한데요.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;질이 좋은 단백질이 포함된 식사를 하게 되면 다음 식사시간까지 식욕이 폭발적으로 늘어나는 것을 막을 수 있다고 하니 밥먹기 전에 군것질을 안하도록 도와줄 수 있다고 하니 닭고기나 육류, 살코기 100g정도를 포함한 식사를 한다면 식욕 조절에 도움이 될것 같습니다.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;고기를 안드시는 채식주의자이시라면 렌틸콩, 병아리콩 등의 콩류와 시금치, 브로콜리 등의 푸른 잎채소로 단백질 섭취량을 늘리면 다이어트를 하는데 도움이 많이 될 것 같네요&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;4. 아몬드&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/267D0F3558C02FD90C&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F267D0F3558C02FD90C&quot; width=&quot;640&quot; height=&quot;426&quot; filename=&quot;아몬드.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;아침식사 후 점심 먹기까지 배가 고파오기 시작하면 한줌의 아몬드가 허기짐을 달래줄 수 있다고 하는데요.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;한 연구결과를 보면 아침과 점심 사이에 아몬드 한줌을 먹는 사람이 아무것도 먹지 않는 사람보다 점심 및 저녁 식사량이 줄어들어서 다이어트 효과를 본다고 하네요.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;과자, 아이스크림 같은 인공적으로 만들어진 간식보다는 건강한 간식을 약간 먹는다면 전체적인 음식 섭취량을 조절하는데 도움이 된다는 의미가 될 수 있겠네요&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18.6667px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;참조 사이트 :&amp;nbsp;&lt;a href=&quot;https://www.vingle.net/posts/2014229&quot;&gt;https://www.vingle.net/posts/2014229&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;div id=&quot;adhere&quot;&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;미쳐 생각지도 못했던 고기의 단백질 섭취가 식욕을 억제하는데&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;도움이 된다고 하니&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;좀 새롭네요.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;사무실에 앉아서 일만 하다보니 살이 점점 찌기 시작했는데&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;그 원인을 보면 식사를 하기전이나 후에 군것질을 많이 해서 살이 찌는 것 같았는데&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;군것질을 할 때 아몬드 같이 견과류로 군것질을 해서&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;전체적인 음식 섭취량을 조절 할 수 있다면 조금이나마 살을 빼는데 도움이 될 수 있겠네요&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;여름의 날씬한 자기 자신들의 모습을 상상하며 다이어트에 이제 같이 돌입하시죠~~&lt;/span&gt;&lt;/p&gt;</description>
      <category>나의 일상/생활의 팁</category>
      <category>다이어트</category>
      <category>다이어트 시단</category>
      <category>비키니</category>
      <category>식욕</category>
      <category>식욕 없애는 방법</category>
      <category>식욕억제</category>
      <category>식욕억제 방법</category>
      <category>여름</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/97</guid>
      <comments>https://namik.tistory.com/97#entry97comment</comments>
      <pubDate>Thu, 9 Mar 2017 01:28:05 +0900</pubDate>
    </item>
    <item>
      <title>[생활팁] 남자들의 건강을 지키는 15가지 방법</title>
      <link>https://namik.tistory.com/96</link>
      <description>&lt;p&gt;&lt;style&gt;
	.button {
	    background-color: #4CAF50; /* Green */
	    border: none;
	    color: white;
	    padding: 16px 32px;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 16px;
	    margin: 4px 2px;
	    -webkit-transition-duration: 0.4s; /* Safari */
	    transition-duration: 0.4s;
	    cursor: pointer;
	}
	
	.button1 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid #4CAF50;
	}
	
	.button1:hover {
	    background-color: #4CAF50;
	    color: white;
	}
.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}
&lt;/style&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 32px;&quot;&gt;&lt;b&gt;남자들의 건강을 지키는 15가지 방법&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;이제 우리들은 80세까지가 아닌 100세 시대를 맞이하고 있습니다.&lt;/p&gt;&lt;p&gt;그러다 보니 중년의 나이가 들어서 몸 건강이 좋지 않다면 100세까지 고생하게 됩니다.&lt;/p&gt;&lt;p&gt;이제부터라도 건강을 챙기면서 살야야 할텐데 앞으로 지켜야할 건강수칙이 무었이 있는지 알아보겠습니다.&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2754463F58BC0F5420&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2754463F58BC0F5420&quot; width=&quot;640&quot; height=&quot;474&quot; filename=&quot;남자_보디빌더.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 지갑은 가슴 앞주머니에 넣고 다녀야 한다.&lt;/h3&gt;&lt;div&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; white-space: pre-wrap; font-size: 12pt;&quot;&gt;물리치료 전문가들은 &lt;/span&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-size: 16px; white-space: pre-wrap;&quot;&gt;바지 뒷주머니에 항상 지갑을 넣은 채로 사무실 의자나 자동차 운전석에 앉아 있다가 허리에 통증을 호소하는 사람들을 &lt;/span&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-size: 12pt; white-space: pre-wrap;&quot;&gt;‘지갑 신경장애(wallet-neuropathy)’라는 부릅니다. 지갑은 등의 좌골 신경을 압박하면서 통증을 가져오거나 종아리나 발목, 발의 마비 증상을 가져온다. 결과적으로 걷거나 앉거나 누울 때 심한 통증이 온다. 어떤 사람은 심지어 가만히 서 있어야 통증이 가신다는 사람도 있습니다. 이제 지갑은 바지 뒷주머니가 아닌 가슴 앞주머니에 넣고 내몸의 균형을 맞춰야 겠습니다. &lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;2. 진통제는 웬만하면 먹지 않는다.&lt;/h3&gt;&lt;div&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; white-space: pre-wrap; font-size: 12pt;&quot;&gt;65세 이상의 남성은 어느 정도 고혈압 증세가 있기 때문에 여기에 진통제까지 복용하면 심장 마비나 뇌졸중으로 연결될 가능성이 높습니다. 하바드 의대 연구팀이 1만 6000여명의 남성 건강 전문가들과 공동으로 실시한 연구 결과, 하루에 이부프로펜 같은 비스테로이드성 항염증제(NSAID) 한 알만 복용해도 심장마비, 뇌졸중 발병률이 38%나 높아지고 하루 아스피린 한 알을 먹으면 26%가 높아지는 것으로 나타났다고 합니다. 하루 두 알 이상의 진통제를 복용하면 뇌졸중과 심장마비 발병률은 48%나 높아진다고 합니다. 진통제는 혈관을 이완시켜 혈압을 낮춰주는 화학 성분의 효과를 막아주기 때문에 진통제는 웬만하면 먹지 않는 것이 좋을 것 같습니다. &lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;3. 매일 부부관계를 가진다.&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; white-space: pre-wrap; font-size: 12pt;&quot;&gt;불임 치료를 받고 있는 부부 가운데 절반 가량이 남자의 정액이 양적으로나 질적으로 부실한 데서 불임이 비롯된 것으로 나타났다고 합니다. 호주의 산부인과 전문의 데이비드 그리닝 박사가 이끄는 연구팀에 따르면, 부부 관계를 자주 갖는 것이 정액의 질적 수준을 유지하는 가장 최선의 방법이다. 부부 관계를 자주 하지 않고 금욕 생활을 하면 정액의 양은 늘어날지도 모르나 정액에 결함이 많다면 아무리 양이 많아도 별 의미가 없다. 체내에 오래 축적된 정액은 유리기(遊離基)로 인한 DNA 손상 위험에 더 많이 노출된다고 합니다. 그리닝 박사는 자주, 다시 말해 매일 사정해주는 것이 정자의 DNA 손상을 상당 부분 줄여줄 수 있다고 합니다. &lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;4. 젊은 여성과 결혼한다.&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; white-space: pre-wrap; font-size: 12pt;&quot;&gt;15~17년 연하의 여성과 결혼한 남성의 조기 사망률은 20%나 줄어든다는 연구 보고가 나와 있는데요. 아내가 7~9세 연하인 경우에도 조기 사망률이 11% 감소한답니다. ‘노벨상 사관학교’로 불리는 독일 막스 프랑크 연구소가 1990년부터 2005년까지의 덴마크 인구 통계 자료를 분석한 결과입니다. 연구소에 따르면 나이 어린 여성이 남편을 더 정성스럽게 보살피기 때문이라는 것이다. 뒤집어 생각해 보면 건강하고 성공한 남자는 나이가 들어도 젊은 여성에게 인기라는 얘기다. 그렇다면 여성은 어떨까. 여자는 자기와 비슷한 나이의 남자와 결혼해야 오래 사는 것으로 나타났다. 자기보다 7~9살 연상 또는 연하인 남자와 결혼하면 조기 사망 위험이 20%나 높아졌다. 15~17살 연상 또는 연하와 살면 조기 사망 위험이 30%까지 높아졌다. 남자들이 오래 살고 싶다면 나보다 나이 어린 여성을 만나야 할 것 같습니다. &lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;5. 당분이 포함된 음료를 마시지 않는다.&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;&quot; data-block=&quot;true&quot; data-editor=&quot;8mi10&quot; data-offset-key=&quot;94nkg-0-0&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; 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; color: rgb(51, 51, 51); white-space: pre-wrap;&quot;&gt;&lt;div data-offset-key=&quot;94nkg-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;span data-offset-key=&quot;94nkg-0-0&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 12pt;&quot;&gt;밴쿠버 브리티시 컬럼비아대와 하바드 의대 연구팀에 따르면, 당분이 듬뿍 포함된 음료를 하루 두 잔 이상 마시는 남자들은 통풍에 걸릴 위험이 높다고 하는데요. 다이어트 소프트 드링크는 문제가 없지만 과일 주스나 과당이 많이 포함된 과일(오렌지) 주스는 문제가 된다고 합니다. 류마티즘 전문의들은 과당이 요산의 배설을 막아주기 때문에 나중에 관절 부분에 축척되어 엄청나게 아픈 통풍을 가져오게 되며 심한 경우엔 관절의 통증은 물론이고 운동 장애및 관절 변형을 초래하므로 노인성 퇴행 질환으로 연결되기 쉽다고 합니다. &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; data-block=&quot;true&quot; data-editor=&quot;8mi10&quot; data-offset-key=&quot;3bpd2-0-0&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; 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; color: rgb(51, 51, 51); white-space: pre-wrap;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;6. 이쑤시개 대신 치실을 사용한다.&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; white-space: pre-wrap; font-size: 12pt;&quot;&gt;원형 탈모증 증세가 있는 남성은 이발소나 가발 가게가 아니라 치과에 가야 합니다. 스페인 그라나다대 연구팀은 잇몸 질환과 대머리가 밀접한 관계가 있다는 사실을 밝혀냈다. 지금까지 대머리나 원형 탈모증은 유전이나 스트레스 때문인 것으로 알려져 왔지만 대머리는 구강 감염과 관련된 면역 체계와도 관련이 있다고 하니 잇몸 질환을 예방하려면 치실을 사용해 찌꺼기를 제거해야 합니다. &lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;7. 골반하부근육 강화 운동을 해야 한다.&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;&quot; data-block=&quot;true&quot; data-editor=&quot;8mi10&quot; data-offset-key=&quot;3t67s-0-0&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; 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; color: rgb(51, 51, 51); white-space: pre-wrap;&quot;&gt;&lt;div data-offset-key=&quot;3t67s-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;span data-offset-key=&quot;3t67s-0-0&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 12pt;&quot;&gt;케겔 운동은 1940년대 미국의 산부인과 의사 아놀드 케겔이 요실금 치료를 위해 개발한 것인데 이 운동이 성감을 높이는 데 효과가 있다고 밝혀지면서 성기능 향상을 위한 근육 운동으로 널리 보급되었다. 물론 남자에게도 여기에 해당하는 근육이 있어서 방광과 성기에 자극을 주는 근육을 강화함으로써 노화에 따른 발기 부전이나 요실금을 막을 수 있다고 합니다. 웨스트 오브 잉글랜드대 그레이스 도리 교수가 이끄는 연구팀에 따르면, 골반하부근육과 괄약근 운동은 발기부전 치료에 비아그라 못지 않는 효과가 있다고 합니다. 요실금 증세를 보이던 남성의 3분의 2는 골반 하부 근육을 단련시키는 프로그램을 마친 뒤 상태가 현저하게 호전되었다고 합니다.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; data-block=&quot;true&quot; data-editor=&quot;8mi10&quot; data-offset-key=&quot;469dd-0-0&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; 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; color: rgb(51, 51, 51); white-space: pre-wrap;&quot;&gt;&lt;div data-offset-key=&quot;469dd-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;8. 빨리 승진한다.&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; white-space: pre-wrap; font-size: 12pt;&quot;&gt;유니버시티 칼리지 런던의 보건병리학과 마이클 마머트 교수가 1967년부터 1977년까지 20~64세의 남성 공무원을 대상으로 한 조사 연구에 따르면 하위 직급에 종사하는 사람은 고위층에 있는 사람에 비해 사망율이 3배나 높아진다고 합니다. 자신이 맡고 있는 일에 대해 자기 마음대로 할 수 있는 여지가 많을수록 더 많은 성취감을 느끼게 되기 때문이라고 합니다.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;9. 하루에 사과를 5개 이상 먹는다.&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; white-space: pre-wrap; font-size: 12pt;&quot;&gt;50세 이상 남성들의 대장암 사망률은 여성에 비해 훨씬 높은데 과일이나 야채, 콩류, 곡류 등에 많이 들어 있는 섬유질을 충분히 섭취하지 않는 식습관 때문이라고 합니다. 섬유질 섭취는 대장암 예방의 최선의 방법이므로 섬유질은 섭취한 음식의 대장 통과를 도와줄 뿐만 아니라 몸에 좋은 대장균을 많이 만들어서 대장 세포에 영양분을 제공해줍니다. 대장균은 대장에 혹이 생기더라도 암으로 발전하는 것을 막아주고 대장암이 발병하더라도 치료를 용이하게 도와줍니다. 대장암 예방 기구에 따르면 성인 남자의 하루 섬유질 권장 섭취량은 18g인데 사과 1개(물론 껍질 채로 먹어야 한다)에는 4g이 들어 있어서 사과를 5개 챙겨먹으면 됩니다.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;10. 육류 섭취량을 줄여야 한다.&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; white-space: pre-wrap; font-size: 12pt;&quot;&gt;육류 섭취를 줄이면 암이나 심장병 예방은 물론 젊음을 유지하는 데도 도움이 됩니다. 미국 펜실베이니아대 연구팀에 따르면, 고단백 음식을 먹는 대신 탄수화물 섭취를 줄이면 남성 호르몬의 일종인 테스토스테론 수치가 낮아지고 남성이 나이가 들어감에 따라 떨어지는데 이게 부족하면 만성 피로와 탈모, 발기 부전 등을 일으킨다. 영양학자 토머스 인클던에 따르면, 하루 단백질 섭취량은 전체 칼로리의 16%로 제한해야 한다고 합니다. &lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;11. 가공 육류나 직화 구이는 피해야 한다.&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;&quot; data-block=&quot;true&quot; data-editor=&quot;8mi10&quot; data-offset-key=&quot;92pg4-0-0&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; 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; color: rgb(51, 51, 51); white-space: pre-wrap;&quot;&gt;&lt;div data-offset-key=&quot;92pg4-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;span data-offset-key=&quot;92pg4-0-0&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 12pt;&quot;&gt;전립샘암 예방을 위해서는 소시지, 햄, 훈제구이 등 지나치게 가공한 육류나 바베큐 구이는 피하는 게 좋다. 고온에서 육류를 익히면 고기 속에 들어 있는 단백질이 복소고리식 아민(HCA)이라 불리는 발암 물질로 바뀐다. 직화 구이에서 고기 위에 새까맣게 타 있는 물질이 바로 그것이다. 고기를 불에 구우면 숯이 타거나 고기 속의 지방질이 떨어져 타면서 내는 연기에는 암을 유발하는 화학물질이 들어 있다고 하니 탄부분은 먹지 않는 것이 좋겠습니다.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; data-block=&quot;true&quot; data-editor=&quot;8mi10&quot; data-offset-key=&quot;e52ku-0-0&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; 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; color: rgb(51, 51, 51); white-space: pre-wrap;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;12. 아내에게 맞벌이를 시키지 않는다.&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; white-space: pre-wrap; font-size: 12pt;&quot;&gt;런던 퀸 메리 의대 연구팀에 따르면, 가사에 전념하거나 파트 타임으로 일하는 아내를 둔 중년 남성은 하루 종일 일하는 맞벌이 아내를 둔 중년 남성에 비해 우울증에 걸릴 가능성이 훨씬 낮다고 합니다. 아내가 전업 주부로 있으면서 가족을 돌보다가 풀 타임 직업 전선에 나서는 경우에 가장 우울증이 심한 것으로 나타났습니다. 전업 주부로 있는 아내는 남편의 정신 건강에 매우 긍정적인 영향을 미치게 되는데요. 왜냐하면 전업 주부로 있는 아내는 가족을 돌보고 살림을 도맡아하고 친구들과도 행복하게 지내기 때문이라고 합니다. &lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;13. 오른손잡이는 왼손으로 칫솔질을 한다.&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; white-space: pre-wrap; font-size: 12pt;&quot;&gt;평소 자주 쓰지 않는 손을 써보는 훈련을 해야 합니다. 대뇌에 자극을 주어 새로운 기억 세포를 만들어주기 때문에 치매 예방효과를 가져올 수 있다. 여성은 알츠하이머병에 걸릴 확률이 높은데 반해 남성은 심장마비와 뇌졸중을 일으키는 혈관성 치매에 걸리기 쉽다. 치매를 예방하기 위해서는 두뇌 훈련이 필요한데요. 아침에 일어나 버릇처럼 하는 일들, 가령 칫솔질, 커피잔 들기 등을 평소 쓰던 손이 아닌 반대편 손으로 해봅니다. 이게 미국의 신경생물학자 로렌스 카츠 박사가 만들어낸 신조어 ‘뉴로빅스’다. 하루에 짧은 시 한편씩 외우거나 출근할 때 다른 길로 돌아서 가는 것도 뉴로빅스 운동에 해당한다고 합니다. &lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;14. 나쁜 콜레스테롤 수치를 낮춘다.&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; white-space: pre-wrap; font-size: 12pt;&quot;&gt;템플대 의대 비뇨기과 잭 미들로 교수는 “부부 관계를 개선하고 싶다면 나쁜 콜레스테롤 수치를 낮춰야 한다”고 말한다. 비아그라를 찾지 않고서도 발기부전을 치료할 수 있는 방법이 있다. 담배를 끊고 체중을 줄이고 콜레스테롤 수치를 낮추면 된다. 특히 콜레스테롤 수치를 낮추는 게 중요한데 왜냐하면 콜레스테롤 수치가 높으면 성기와 동맥 혈관에 찌거기가 발생해 혈류를 방해하기 때문입니다. 콜레스테롤 수치가 높은 남성은 수치가 낮은 남성에 비해 발기부전 증상을 보일 확률이 거의 2배나 높다고 하니 콜레스테롤을 낮추기 위해선 저지방 식사로 바꿔야 하고 규칙적인 운동을 해야 합니다.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;15. 하루에 10분 정도는 햇볕을 받는다.&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;div&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; white-space: pre-wrap; font-size: 12pt;&quot;&gt;비타민 D 부족을 방지하기 위해 매일 10분씩 햇볕을 쬐라. 비타민 D 부족은 남성에게 성욕 감퇴, 탈모, 근력 약화, 운동 후 천식, 관절통 등 온갖 고통과 문제를 안겨줍니다. 일에 치여서 사무실에만 있을 것이 아니라 나른한 오후 2~3시경에는 밖에 나가서 바람이라도 쐬고 오는 것이 좋을 것 같습니다. &lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;참고자료 :&amp;nbsp;&lt;a href=&quot;https://www.vingle.net/posts/2010636&quot;&gt;https://www.vingle.net/posts/2010636&lt;/a&gt;&lt;div id=&quot;adhere&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;가정을 지키기 위해, 돈을 벌어오기 위해 노력하는 많은 남성분들은 앞으로 가족들의 곁을 지키기 위해서&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;많은 노력을 하고 계시겠지만 자신의 건강도 지킬줄 알아야 가족들의 곁을 오래 있을 수 있으니 15가지의 건강수칙을&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;모두 꼭 지킬 필요 없이 15가지중에 몇가지라도 노력해보는 것이 좋을 것 같습니다.&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;세상의 많은 아버지들의 건강을 위해서~&lt;/div&gt;&lt;p&gt;&lt;/p&gt;</description>
      <category>나의 일상/생활의 팁</category>
      <category>건강 지키기</category>
      <category>건강수칙</category>
      <category>건강지킴이</category>
      <category>남자</category>
      <category>남자 건강</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/96</guid>
      <comments>https://namik.tistory.com/96#entry96comment</comments>
      <pubDate>Mon, 6 Mar 2017 11:00:12 +0900</pubDate>
    </item>
    <item>
      <title>[생활팁] 치아 건강에 좋은 음식들</title>
      <link>https://namik.tistory.com/95</link>
      <description>&lt;p&gt;&lt;style&gt;
	.button {
	    background-color: #4CAF50; /* Green */
	    border: none;
	    color: white;
	    padding: 16px 32px;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 16px;
	    margin: 4px 2px;
	    -webkit-transition-duration: 0.4s; /* Safari */
	    transition-duration: 0.4s;
	    cursor: pointer;
	}
	
	.button1 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid #4CAF50;
	}
	
	.button1:hover {
	    background-color: #4CAF50;
	    color: white;
	}
.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}
&lt;/style&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;치아 건강에 좋은 음식들&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2309033758BC042E0A&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2309033758BC042E0A&quot; width=&quot;640&quot; height=&quot;425&quot; filename=&quot;칫솔질.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;건강한 치아를 유지하기 위해서는 양치질을 습관화해야 하고 정기적으로 치과 검진을 받은 것입니다.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;하지만 치아 관리를 하는 것 외에도 치아를 튼튼하게 유지하는데 도움이 되는 음식들이 있습니다.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 치즈&lt;/h3&gt;
&lt;p&gt;&lt;/p&gt;&lt;div data-offset-key=&quot;39nf6-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 15px; vertical-align: baseline; background: transparent; position: relative; white-space: pre-wrap; direction: ltr; text-align: left;&quot;&gt;&lt;span data-offset-key=&quot;39nf6-0-0&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 15px; vertical-align: baseline; background: transparent;&quot;&gt;&lt;/span&gt;&lt;span data-offset-key=&quot;39nf6-0-0&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 15px; vertical-align: baseline; background: transparent;&quot;&gt;&lt;span data-text=&quot;true&quot; style=&quot;font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 14pt; vertical-align: baseline; background: transparent;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/232A0B3B58BC05CE23&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F232A0B3B58BC05CE23&quot; width=&quot;640&quot; height=&quot;426&quot; filename=&quot;치즈.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;background-color: transparent; font-size: 14pt;&quot;&gt;치즈는 입안의 수소이온농도를 높여 입안을 덜 산성화되게 만들어 줘서&lt;/span&gt;&lt;span style=&quot;background-color: transparent; font-size: 14pt; color: rgb(51, 51, 51);&quot;&gt; 착색과 치아부식이 줄어든다.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;background-color: transparent; font-size: 14pt; color: rgb(51, 51, 51);&quot;&gt;또한 치즈에 풍부한 칼슘은 치아를 더 튼튼하게 만들어 줍니다.&lt;/span&gt;&lt;/p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;2. 견과류&lt;/h3&gt;&lt;div&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; white-space: pre-wrap; font-size: 14pt;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/263E643858BC062E11&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F263E643858BC062E11&quot; width=&quot;640&quot; height=&quot;360&quot; filename=&quot;호두.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;아몬드, 호두 등의 견과류나 호박씨 등의 씨앗류 식품들은 치아 플라그와 얼룩을 문질러 씻어내는 효능이 있습니다.&lt;/span&gt;&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;3. 우유&lt;/h3&gt;&lt;div class=&quot;&quot; data-block=&quot;true&quot; data-editor=&quot;8634s&quot; data-offset-key=&quot;5pa3h-0-0&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; 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; color: rgb(51, 51, 51); white-space: pre-wrap;&quot;&gt;&lt;div data-offset-key=&quot;5pa3h-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;span data-offset-key=&quot;5pa3h-0-0&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2256484558BC07EC16&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2256484558BC07EC16&quot; width=&quot;640&quot; height=&quot;426&quot; filename=&quot;우유.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;background-color: transparent; font-size: 14pt;&quot;&gt;우유는 성장기 어린이에게 특히 좋은데요. &lt;/span&gt;&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; data-block=&quot;true&quot; data-editor=&quot;8634s&quot; data-offset-key=&quot;dibbd-0-0&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; 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; color: rgb(51, 51, 51); white-space: pre-wrap;&quot;&gt;&lt;div data-offset-key=&quot;dibbd-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;span data-offset-key=&quot;dibbd-0-0&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;우유는 타액과 함께 직접적으로 치아의 에나멜에 마그네슘과 칼슘을 제공해 치아를 튼튼하게 만들어 주고 &lt;/span&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;우유와 유제품은 플라그 생성을 예방하는 효과도 있다고 합니다.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;4. 사과&lt;/h3&gt;&lt;div class=&quot;&quot; data-block=&quot;true&quot; data-editor=&quot;8634s&quot; data-offset-key=&quot;mtrd-0-0&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; 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; color: rgb(51, 51, 51); white-space: pre-wrap;&quot;&gt;&lt;div data-offset-key=&quot;mtrd-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;span data-offset-key=&quot;mtrd-0-0&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2468CB3F58BC08000B&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2468CB3F58BC08000B&quot; width=&quot;640&quot; height=&quot;423&quot; filename=&quot;사과.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div data-offset-key=&quot;mtrd-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;span data-offset-key=&quot;mtrd-0-0&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;사과의 아삭아삭한 질감은 잇몸을 강화시켜서 잇몸병이나 치아 손실 위험을 감소시켜주며 &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; data-block=&quot;true&quot; data-editor=&quot;8634s&quot; data-offset-key=&quot;cikc4-0-0&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; 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; color: rgb(51, 51, 51); white-space: pre-wrap;&quot;&gt;&lt;div data-offset-key=&quot;cikc4-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;span data-offset-key=&quot;cikc4-0-0&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;특히 수분이 풍부한 사과는 침을 많이 나오게 유도해서 입속 세균을 줄여줍니다.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;5. 다크 초콜릿&lt;/h3&gt;&lt;div&gt;&lt;div class=&quot;&quot; data-block=&quot;true&quot; data-editor=&quot;8634s&quot; data-offset-key=&quot;e4k01-0-0&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; 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; color: rgb(51, 51, 51); white-space: pre-wrap;&quot;&gt;&lt;div data-offset-key=&quot;e4k01-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;span data-offset-key=&quot;e4k01-0-0&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2155064558BC081117&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2155064558BC081117&quot; width=&quot;640&quot; height=&quot;426&quot; filename=&quot;초콜릿.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div data-offset-key=&quot;e4k01-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;span data-offset-key=&quot;e4k01-0-0&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;초콜릿의 원료가 되는 카카오에 들어있는 알칼로이드 성분인 테오브로민이 효과를 발휘하는데요. &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; data-block=&quot;true&quot; data-editor=&quot;8634s&quot; data-offset-key=&quot;fig9u-0-0&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; 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; color: rgb(51, 51, 51); white-space: pre-wrap;&quot;&gt;&lt;div data-offset-key=&quot;fig9u-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;span data-offset-key=&quot;fig9u-0-0&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;테오브로민은 치아의 에나멜을 튼튼하게 하는 데 도움이 되고 &lt;/span&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;에나멜 표면을 감싸 보호함으로써 착색을 막습니다. &lt;/span&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;하지만 당분이 첨가된 밀크 초콜릿에는 이런 효과가 없다고 하니 초콜릿을 먹을때는 다크초콜릿을 챙겨서 먹어야겠습니다.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;6. 녹차&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;&quot; data-block=&quot;true&quot; data-editor=&quot;8634s&quot; data-offset-key=&quot;ah3ga-0-0&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; 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; color: rgb(51, 51, 51); white-space: pre-wrap;&quot;&gt;&lt;div data-offset-key=&quot;ah3ga-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;span data-offset-key=&quot;ah3ga-0-0&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2102834258BC082608&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2102834258BC082608&quot; width=&quot;640&quot; height=&quot;401&quot; filename=&quot;녹차.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div data-offset-key=&quot;ah3ga-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;span data-offset-key=&quot;ah3ga-0-0&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;녹차에는 타닌산이라는 성분이 들어 있는데 이 성분은 치아에 세균이 달라붙는 것을 막아 착색을 방지합니다. 또 &lt;/span&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;입 냄새를 막는 효과도 있다고 하니 입냄새가 심하게 난다고 생각하시면 녹차를 마시는 습관을 가지는게 좋을 것 같습니다.&lt;/span&gt;&lt;/div&gt;&lt;div data-offset-key=&quot;ah3ga-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;녹차에는 폴리페놀이라는 성분도 가지고 있어서 입 속 세균을 퇴치하며 &lt;/span&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;입안에서 불소 화합물의 수치를 높여 치아 에나멜의 손상을 막아줍니다.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; margin: 10px 0px 5px; border-left: 5px solid rgb(255, 0, 0); font-size: 18px; color: rgb(51, 51, 51); font-family: &amp;quot;Ubuntu Condensed&amp;quot;, &amp;quot;Noto Sans Korean&amp;quot;; border-bottom: 1px solid rgb(211, 211, 211); letter-spacing: -0.07em; line-height: 30px; background-color: rgb(250, 250, 250);&quot;&gt;7. 딸기&lt;/h3&gt;&lt;/div&gt;&lt;div class=&quot;&quot; data-block=&quot;true&quot; data-editor=&quot;8634s&quot; data-offset-key=&quot;c37oq-0-0&quot; style=&quot;font-family: &amp;quot;Noto Sans&amp;quot;, &amp;quot;Noto Sans KR&amp;quot;, Helvetica, Arial, &amp;quot;Malgun Gothic&amp;quot;, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; 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; color: rgb(51, 51, 51); white-space: pre-wrap;&quot;&gt;&lt;div data-offset-key=&quot;c37oq-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;span data-offset-key=&quot;c37oq-0-0&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 640px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2570294058BC08380D&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2570294058BC08380D&quot; width=&quot;640&quot; height=&quot;480&quot; filename=&quot;딸기.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div data-offset-key=&quot;c37oq-0-0&quot; class=&quot;public-DraftStyleDefault-block public-DraftStyleDefault-ltr&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; position: relative; direction: ltr;&quot;&gt;&lt;span data-offset-key=&quot;c37oq-0-0&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt;딸기에 들어있는 말릭산은 치아의 얼룩을 씻어내는 효능이 있어서 딸기를&lt;/span&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;맑은 고딕&amp;quot;, sans-serif; font-size: 14pt;&quot;&gt; 갈아서 베이킹소다와 섞으면 천연 치아미백제가 됩니다.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;참고자료 :&amp;nbsp;&lt;a href=&quot;https://www.vingle.net/posts/2010744&quot;&gt;https://www.vingle.net/posts/2010744&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;div id=&quot;adhere&quot;&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;아침에 우유를 마시면 장운동이 너무 활발해져서 화장실을 찾아가기 바빠서 우유를 잘 안마시게 되었지만&amp;nbsp;우유에 치아 건강에 도움이 되는 성분이 많다고 하니 우유를 조금이나마 챙겨 마셔야 될 것 같네요.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;그리고 초콜릿 중에 다크 초콜릿에 좋은 성분이 많이 들어있는 것 같아서 밀크 초콜릿 대신에 다크 초콜릿을 먹도록 해야겠네요&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;지금이라도 치아 건강을 위해서 치과를 잘 다니는 것이 좋겠지만 치과를 다니는 것 외에도 음식으로 치아 건강을 유지할 수 있다고 하니 참고해서 건강한 치아를 가질 수 있도록 노력해볼 수 있겠네요~&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>나의 일상/생활의 팁</category>
      <category>견과류</category>
      <category>녹차</category>
      <category>다크초콜릿</category>
      <category>딸기</category>
      <category>사과</category>
      <category>씨앗</category>
      <category>우유</category>
      <category>초콜릿</category>
      <category>치아</category>
      <category>치아 건강</category>
      <category>치아건강관리</category>
      <category>치아건강에 좋은 식품 7가지</category>
      <category>치아건강에 좋은 음식</category>
      <category>치즈</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/95</guid>
      <comments>https://namik.tistory.com/95#entry95comment</comments>
      <pubDate>Sun, 5 Mar 2017 22:00:13 +0900</pubDate>
    </item>
    <item>
      <title>[JQUERY] 배열을 사용하여 두 배열을 하나로 합치기</title>
      <link>https://namik.tistory.com/94</link>
      <description>&lt;p&gt;&lt;style&gt;
	.button {
	    background-color: #4CAF50; /* Green */
	    border: none;
	    color: white;
	    padding: 16px 32px;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 16px;
	    margin: 4px 2px;
	    -webkit-transition-duration: 0.4s; /* Safari */
	    transition-duration: 0.4s;
	    cursor: pointer;
	}
	
	.button1 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid #4CAF50;
	}
	
	.button1:hover {
	    background-color: #4CAF50;
	    color: white;
	}
.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}
&lt;/style&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;배열을 사용하여 두 배열을 하나로 합치기&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;javascript배열을 사용하여 두 배열을 하나로 합치기&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 샘플예제&lt;/h3&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
	
	var arr1 = [45, 10, 3, 1];
	var arr2 = [22, 7];

	$(document).ready(function(){
		$.each( arr1, function( index, value ){
			$( &quot;#FirstList&quot; ).append( $(&quot;&lt;li&gt;&quot; + value + &quot;&lt;/li&gt;&quot;) );
		});
		$.each( arr2, function( index, value ){
			$( &quot;#SecondList&quot; ).append( $(&quot;&lt;li&gt;&quot; + value + &quot;&lt;/li&gt;&quot;) );
		});
	});
	
	
	//==================================================
	// function Name : uf_ListMake()
	// Desc          : 특정 id의 엘리먼트에 배열을 사용하여 추가하기
	// input         : 없음
	// output        : 없음
	//==================================================
	function uf_MakeArray(){
		
		var arrMembers = arr1.concat(arr2);
		
		$.each( arrMembers, function( index, value ){
			$( &quot;#FinalList&quot; ).append( $(&quot;&lt;li&gt;&quot; + value + &quot;&lt;/li&gt;&quot;) );
		});
	}
	
	//==================================================
	// function Name : uf_DelList()
	// Desc          : 특정 id의 엘리먼트를 삭제한다.
	// input         : 없음
	// output        : 없음
	//==================================================
	function uf_DelArray(){
		$( &quot;#FinalList&quot; ).html(&quot;&quot;);
	}
&lt;/script&gt;
&lt;h2&gt;첫번째 배열&lt;/h2&gt;
&lt;p id=&quot;FirstList&quot;&gt;&lt;/p&gt;
&lt;br /&gt;
&lt;h2&gt;두번째 배열&lt;/h2&gt;
&lt;p id=&quot;SecondList&quot;&gt;&lt;/p&gt;
&lt;br /&gt;
&lt;h2&gt;합친 배열&lt;/h2&gt;
&lt;p id=&quot;FinalList&quot;&gt;&lt;/p&gt;
&lt;br /&gt;
&lt;button id=&quot;click_01&quot; class=&quot;button button1&quot; onclick=&quot;uf_MakeArray()&quot;&gt;배열 합차기&lt;/button&gt;
&lt;button id=&quot;click_02&quot; class=&quot;button button3&quot; onclick=&quot;uf_DelArray()&quot;&gt;배열값 삭제&lt;/button&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;- 결과 :&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 336px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/26589E3E58B2D7AA34&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F26589E3E58B2D7AA34&quot; width=&quot;336&quot; height=&quot;643&quot; filename=&quot;배열 합치기.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;div id=&quot;adhere&quot;&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 소스코드&lt;/h3&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript start-----------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;var arr1 = [45, 10, 3, 1];&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;var arr2 = [22, 7];&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;$(document).ready(function(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$.each( arr1, function( index, value ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;$( &quot;#FirstList&quot; ).append( $(&quot;&amp;lt;li&amp;gt;&quot; + value + &quot;&amp;lt;/li&amp;gt;&quot;) );&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$.each( arr2, function( index, value ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;$( &quot;#SecondList&quot; ).append( $(&quot;&amp;lt;li&amp;gt;&quot; + value + &quot;&amp;lt;/li&amp;gt;&quot;) );&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// function Name : uf_ListMake()&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// Desc &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 특정 id의 엘리먼트에 배열을 사용하여 추가하기&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// input &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; : 없음&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// output &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 없음&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;function uf_MakeArray(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;var arrMembers = arr1.concat(arr2);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$.each( arrMembers, function( index, value ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;$( &quot;#FinalList&quot; ).append( $(&quot;&amp;lt;li&amp;gt;&quot; + value + &quot;&amp;lt;/li&amp;gt;&quot;) );&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// function Name : uf_DelList()&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// Desc &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 특정 id의 엘리먼트를 삭제한다.&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// input &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; : 없음&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// output &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 없음&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;function uf_DelArray(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$( &quot;#FinalList&quot; ).html(&quot;&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript end-----------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML start---------------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;h2&amp;gt;첫번째 벼열&amp;lt;/h2&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;p id=&quot;FirstList&quot;&amp;gt;&amp;lt;/p&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;br/&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;h2&amp;gt;두번째 배열&amp;lt;/h2&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;p id=&quot;SecondList&quot;&amp;gt;&amp;lt;/p&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;br/&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;h2&amp;gt;합친 배열&amp;lt;/h2&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;p id=&quot;FinalList&quot;&amp;gt;&amp;lt;/p&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;br/&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;button id=&quot;click_01&quot; class=&quot;button button1&quot; onclick=&quot;uf_MakeArray()&quot;&amp;gt;배열 합차기&amp;lt;/button&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;button id=&quot;click_02&quot; class=&quot;button button3&quot; onclick=&quot;uf_DelArray()&quot;&amp;gt;배열값 삭제&amp;lt;/button&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML end-----------------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 204, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;3. 설명&lt;/h3&gt;&lt;p&gt;javascript배열을 사용하여 숫자들의 배열을 전역변수로 저장한다.&lt;/p&gt;
&lt;p&gt;id=&quot;FirstList&quot;인 p 태크의 엘리먼트에 첫번째 배열의 모든 원소를 추가한다.&lt;/p&gt;
&lt;p&gt;id=&quot;SecondList&quot;인 p 태크의 엘리먼트에 두번째 배열의 모든 원소를 추가한다.&lt;/p&gt;
&lt;p&gt;concat() 메소드를 사용하여 첫번째 배열과 두번째 배열을 합친다.&lt;/p&gt;
&lt;p&gt;id=&quot;FinalList&quot;인 p 태크의 엘리먼트에 두배열을 합친 결과를 추가한다.&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;- concat()&lt;/p&gt;
&lt;p&gt;&amp;nbsp;: 배열 객체의 메소드로 뒷배열에 합치고 싶은 파라미터를 전달하면 두 배열이 합쳐진 배열을 반환한다.&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;</description>
      <category>JQUERY(제이쿼리)</category>
      <category>array</category>
      <category>concat</category>
      <category>each</category>
      <category>javascript 배열</category>
      <category>jquery</category>
      <category>jquery 사용법</category>
      <category>배열</category>
      <category>배열합치기</category>
      <category>제이쿼리</category>
      <category>프로그래밍</category>
      <category>프로그래밍 언어</category>
      <category>합치기</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/94</guid>
      <comments>https://namik.tistory.com/94#entry94comment</comments>
      <pubDate>Fri, 3 Mar 2017 12:00:12 +0900</pubDate>
    </item>
    <item>
      <title>[JQUERY] 배열을 사용하여 배열의 원소중에서 원하는 값만 표시하기_02</title>
      <link>https://namik.tistory.com/93</link>
      <description>&lt;p&gt;&lt;style&gt;
	.button {
	    background-color: #4CAF50; /* Green */
	    border: none;
	    color: white;
	    padding: 16px 32px;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 16px;
	    margin: 4px 2px;
	    -webkit-transition-duration: 0.4s; /* Safari */
	    transition-duration: 0.4s;
	    cursor: pointer;
	}
	
	.button1 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid #4CAF50;
	}
	
	.button1:hover {
	    background-color: #4CAF50;
	    color: white;
	}
.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}
&lt;/style&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;배열을 사용하여 배열의 원소중에서 원하는 값만 표시하기&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;두번째&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;javascript배열을 사용하여 배열의 원소중에서 원하는 값만 표시하기 두번째 방법&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 샘플예제&lt;/h3&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
	$(document).ready(function(){
	});
	
	
	//==================================================
	// function Name : uf_ListMake()
	// Desc          : 특정 id의 엘리먼트에 배열을 사용하여 추가하기
	// input         : 없음
	// output        : 없음
	//==================================================
	function uf_MakeList(){
		var arrMembers = [&quot;john&quot;, &quot;lan&quot;, &quot;Ben&quot;, &quot;Damon&quot;];
		var arrMemberSels = &quot;&quot;;

		$.each( arrMembers, function( index, value ){
			$( &quot;#GroupList&quot; ).append( $(&quot;&lt;li&gt;&quot; + value + &quot;&lt;/li&gt;&quot;) );
		});
		
		arrMemberSels = $.grep( arrMembers, function( n ){ return n.match( /^[A-D]/ ) } );
		
		$.each( arrMemberSels, function( index, value ){
			$( &quot;#GroupListSel&quot; ).append( $(&quot;&lt;li&gt;&quot; + value + &quot;&lt;/li&gt;&quot;) );
		});
	}
	
	//==================================================
	// function Name : uf_DelList()
	// Desc          : 특정 id의 엘리먼트를 삭제한다.
	// input         : 없음
	// output        : 없음
	//==================================================
	function uf_DelList(){
		$( &quot;#GroupList&quot; ).html(&quot;&quot;);
		$( &quot;#GroupListSel&quot; ).html(&quot;&quot;);
	}
&lt;/script&gt;
&lt;h2&gt;내그룹에 포함된&lt;/h2&gt;
&lt;p id=&quot;GroupList&quot;&gt;&lt;/p&gt;
&lt;br /&gt;
&lt;h2&gt;내그룹에서 선택된&lt;/h2&gt;
&lt;p id=&quot;GroupListSel&quot;&gt;&lt;/p&gt;
&lt;br /&gt;
&lt;button id=&quot;click_01&quot; class=&quot;button button1&quot; onclick=&quot;uf_MakeList()&quot;&gt;리스트 표시&lt;/button&gt;
&lt;button id=&quot;click_02&quot; class=&quot;button button3&quot; onclick=&quot;uf_DelList()&quot;&gt;리스트 삭제&lt;/button&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;- 결과 :&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 339px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/242CAA3958B2D09A15&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F242CAA3958B2D09A15&quot; width=&quot;339&quot; height=&quot;413&quot; filename=&quot;match 사용 리스트 추가.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;div id=&quot;adhere&quot;&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 소스코드&lt;/h3&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript start-----------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;$(document).ready(function(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// function Name : uf_ListMake()&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// Desc &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 특정 id의 엘리먼트에 배열을 사용하여 추가하기&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// input &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; : 없음&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// output &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 없음&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;function uf_MakeList(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;var arrMembers = [&quot;john&quot;, &quot;lan&quot;, &quot;Ben&quot;, &quot;Damon&quot;];&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;var arrMemberSels = &quot;&quot;;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$.each( arrMembers, function( index, value ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;$( &quot;#GroupList&quot; ).append( $(&quot;&amp;lt;li&amp;gt;&quot; + value + &quot;&amp;lt;/li&amp;gt;&quot;) );&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;arrMemberSels = $.grep( arrMembers, function( n ){ return n.match( /^[A-D]/ ) } );&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$.each( arrMemberSels, function( index, value ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;$( &quot;#GroupListSel&quot; ).append( $(&quot;&amp;lt;li&amp;gt;&quot; + value + &quot;&amp;lt;/li&amp;gt;&quot;) );&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// function Name : uf_DelList()&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// Desc &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 특정 id의 엘리먼트를 삭제한다.&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// input &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; : 없음&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// output &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 없음&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;function uf_DelList(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$( &quot;#GroupList&quot; ).html(&quot;&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$( &quot;#GroupListSel&quot; ).html(&quot;&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript end-----------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML start---------------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;h2&amp;gt;내그룹에 포함된&amp;lt;/h2&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;p id=&quot;GroupList&quot;&amp;gt;&amp;lt;/p&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;br/&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;h2&amp;gt;내그룹에서 선택된&amp;lt;/h2&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;p id=&quot;GroupListSel&quot;&amp;gt;&amp;lt;/p&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;br/&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;button id=&quot;click_01&quot; class=&quot;button button1&quot; onclick=&quot;uf_MakeList()&quot;&amp;gt;리스트 표시&amp;lt;/button&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;button id=&quot;click_02&quot; class=&quot;button button3&quot; onclick=&quot;uf_DelList()&quot;&amp;gt;리스트 삭제&amp;lt;/button&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML end-----------------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 204, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;3. 설명&lt;/h3&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;javascript배열을 사용하여 이름을 저장한다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;id=&quot;GroupList&quot;인 p 태크의 엘리먼트에 배열을 모든 원소를 추가한다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;grep()와 match() 메소드를 사용하여 각 배열 원소에 A~D의 문자가 포함된 데이터만 사용한다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;id=&quot;GroupListSel&quot;인 p 태크의 엘리먼트에 배열을 추가한다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;- grep()&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp; grep(array, callback( n, i ), boolean )&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp;: 배열의 각 원소들을 순회하면서 각 원소들에 대해 콜백함수를 호출한다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp;: callback 에는 n, i 파라미터가 있으며 n은 배열의 원소, i는 각 배열의 원소의 위치(0부터 시작)&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp;: boolean은 보통 생략되며, Default : false, true로 지정 시 결과의 정반대 값들이 반환된다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;- match()&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp;: 정규식을 사용하여 정규식에 맞는 데이터를 표시한다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp;: 정규식 표기법&lt;/span&gt;&lt;/p&gt;&lt;table class=&quot;txc-table&quot; width=&quot;482&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot; style=&quot;border: none; border-collapse: collapse; width: 482px;&quot; 맑은=&quot;&quot; 고딕&quot;,=&quot;&quot; sans-serif;font-size:15px&quot;=&quot;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;width: 141px; height: 24px; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); background-color: rgb(178, 204, 255);&quot;&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;\b&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;td style=&quot;width: 340px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-top: 1px solid rgb(0, 0, 0); background-color: rgb(178, 235, 244);&quot;&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp; &amp;nbsp;단어의 경계&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;width: 141px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-left: 1px solid rgb(0, 0, 0); background-color: rgb(178, 204, 255);&quot;&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;\d&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;td style=&quot;width: 340px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); background-color: rgb(178, 235, 244);&quot;&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp; &amp;nbsp;숫자(0~9)&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;width: 141px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-left: 1px solid rgb(0, 0, 0); background-color: rgb(178, 204, 255);&quot;&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;\s&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;td style=&quot;width: 340px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); background-color: rgb(178, 235, 244);&quot;&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp; &amp;nbsp;공백하나&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;width: 141px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-left: 1px solid rgb(0, 0, 0); background-color: rgb(178, 204, 255);&quot;&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;\w&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;td style=&quot;width: 340px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); background-color: rgb(178, 235, 244);&quot;&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp; &amp;nbsp;문자, 숫자, 밑줄 문자&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;width: 141px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-left: 1px solid rgb(0, 0, 0); background-color: rgb(178, 204, 255);&quot;&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;td style=&quot;width: 340px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); background-color: rgb(178, 235, 244);&quot;&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp; &amp;nbsp;새&lt;/span&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp;라인 문자를 제외한 모든문자&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;width: 141px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-left: 1px solid rgb(0, 0, 0); background-color: rgb(178, 204, 255);&quot;&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;[..]&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;td style=&quot;width: 340px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); background-color: rgb(178, 235, 244);&quot;&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp; &amp;nbsp;대괄호 안의 문자들 중 하나&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;width: 141px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-left: 1px solid rgb(0, 0, 0); background-color: rgb(178, 204, 255);&quot;&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;{n}&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;td style=&quot;width: 340px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); background-color: rgb(178, 235, 244);&quot;&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp; &amp;nbsp;정확히 n번&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;width: 141px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-left: 1px solid rgb(0, 0, 0); background-color: rgb(178, 204, 255);&quot;&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp;{n, }&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;td style=&quot;width: 340px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); background-color: rgb(178, 235, 244);&quot;&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp; &amp;nbsp;n번 또는 그이상&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;width: 141px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-left: 1px solid rgb(0, 0, 0); background-color: rgb(178, 204, 255);&quot;&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;{n,m}&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;td style=&quot;width: 340px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); background-color: rgb(178, 235, 244);&quot;&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp; &amp;nbsp;n과 m 사이&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;width: 141px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-left: 1px solid rgb(0, 0, 0); background-color: rgb(178, 204, 255);&quot;&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;?&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;td style=&quot;width: 340px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); background-color: rgb(178, 235, 244);&quot;&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp; &amp;nbsp;0 또는 여러번&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;width: 141px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-left: 1px solid rgb(0, 0, 0); background-color: rgb(178, 204, 255);&quot;&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;+&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;td style=&quot;width: 340px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); background-color: rgb(178, 235, 244);&quot;&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp; &amp;nbsp;한 번 또는 그이상&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;width: 141px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-left: 1px solid rgb(0, 0, 0); background-color: rgb(178, 204, 255);&quot;&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;^&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;td style=&quot;width: 340px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); background-color: rgb(178, 235, 244);&quot;&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp; &amp;nbsp;시작&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;width: 141px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-left: 1px solid rgb(0, 0, 0); background-color: rgb(178, 204, 255);&quot;&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;$&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;
&lt;td style=&quot;width: 340px; height: 24px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); background-color: rgb(178, 235, 244);&quot;&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&amp;nbsp; &amp;nbsp;끝&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;</description>
      <category>JQUERY(제이쿼리)</category>
      <category>array</category>
      <category>each</category>
      <category>grep</category>
      <category>javascript 배열</category>
      <category>jquery</category>
      <category>jquery 사용법</category>
      <category>Match</category>
      <category>배열</category>
      <category>정규식</category>
      <category>제이쿼리</category>
      <category>프로그래밍</category>
      <category>프로그래밍 언어</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/93</guid>
      <comments>https://namik.tistory.com/93#entry93comment</comments>
      <pubDate>Thu, 2 Mar 2017 12:00:08 +0900</pubDate>
    </item>
    <item>
      <title>[JQUERY] 배열을 사용하여 배열의 원소중에서 원하는 값만 표시하기_01</title>
      <link>https://namik.tistory.com/92</link>
      <description>&lt;p&gt;&lt;style&gt;
	.button {
	    background-color: #4CAF50; /* Green */
	    border: none;
	    color: white;
	    padding: 16px 32px;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 16px;
	    margin: 4px 2px;
	    -webkit-transition-duration: 0.4s; /* Safari */
	    transition-duration: 0.4s;
	    cursor: pointer;
	}
	
	.button1 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid #4CAF50;
	}
	
	.button1:hover {
	    background-color: #4CAF50;
	    color: white;
	}
.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}
&lt;/style&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;배열을 사용하여 배열의 원소중에서 원하는 값만 표시하기&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;1번째&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;javascript배열을 사용하여 배열의 원소중에서 원하는 값만 표시하기 첫번째방법&lt;/span&gt;&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 샘플예제&lt;/h3&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
	$(document).ready(function(){
	});
	
	
	//==================================================
	// function Name : uf_ListMake()
	// Desc          : 특정 id의 엘리먼트에 배열을 사용하여 추가하기
	// input         : 없음
	// output        : 없음
	//==================================================
	function uf_MakeList(){
		var arrMembers = [&quot;john&quot;, &quot;lan&quot;, &quot;Ben&quot;, &quot;Damon&quot;];
		var arrMemberSels = &quot;&quot;;

		$.each( arrMembers, function( index, value ){
			$( &quot;#GroupList&quot; ).append( $(&quot;&lt;li&gt;&quot; + value + &quot;&lt;/li&gt;&quot;) );
		});
		
		arrMemberSels = $.grep( arrMembers, function( n ){ return n.length &gt; 3 } );
		
		$.each( arrMemberSels, function( index, value ){
			$( &quot;#GroupListSel&quot; ).append( $(&quot;&lt;li&gt;&quot; + value + &quot;&lt;/li&gt;&quot;) );
		});
	}
	
	//==================================================
	// function Name : uf_DelList()
	// Desc          : 특정 id의 엘리먼트를 삭제한다.
	// input         : 없음
	// output        : 없음
	//==================================================
	function uf_DelList(){
		$( &quot;#GroupList&quot; ).html(&quot;&quot;);
		$( &quot;#GroupListSel&quot; ).html(&quot;&quot;);
	}
&lt;/script&gt;
&lt;h2&gt;내그룹에 포함된&lt;/h2&gt;
&lt;p id=&quot;GroupList&quot;&gt;&lt;/p&gt;
&lt;br /&gt;
&lt;h2&gt;내그룹에서 선택된&lt;/h2&gt;
&lt;p id=&quot;GroupListSel&quot;&gt;&lt;/p&gt;
&lt;br /&gt;
&lt;button id=&quot;click_01&quot; class=&quot;button button1&quot; onclick=&quot;uf_MakeList()&quot;&gt;리스트 표시&lt;/button&gt;
&lt;button id=&quot;click_02&quot; class=&quot;button button3&quot; onclick=&quot;uf_DelList()&quot;&gt;리스트 삭제&lt;/button&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;- 결과 :&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 330px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2270713558B2CD8739&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2270713558B2CD8739&quot; width=&quot;330&quot; height=&quot;407&quot; filename=&quot;문자길이가 큰거.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;&quot;/&gt;&lt;/span&gt;&lt;div id=&quot;adhere&quot;&gt;&lt;/div&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 소스코드&lt;/h3&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript start-----------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;$(document).ready(function(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// function Name : uf_ListMake()&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// Desc &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 특정 id의 엘리먼트에 배열을 사용하여 추가하기&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// input &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; : 없음&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// output &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 없음&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;function uf_MakeList(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;var arrMembers = [&quot;john&quot;, &quot;lan&quot;, &quot;Ben&quot;, &quot;Damon&quot;];&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;var arrMemberSels = &quot;&quot;;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$.each( arrMembers, function( index, value ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;$( &quot;#GroupList&quot; ).append( $(&quot;&amp;lt;li&amp;gt;&quot; + value + &quot;&amp;lt;/li&amp;gt;&quot;) );&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;arrMemberSels = $.grep( arrMembers, function( n ){ return n.length &amp;gt; 3 } );&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$.each( arrMemberSels, function( index, value ){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;$( &quot;#GroupListSel&quot; ).append( $(&quot;&amp;lt;li&amp;gt;&quot; + value + &quot;&amp;lt;/li&amp;gt;&quot;) );&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// function Name : uf_DelList()&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// Desc &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 특정 id의 엘리먼트를 삭제한다.&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// input &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; : 없음&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// output &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 없음&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;function uf_DelList(){&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$( &quot;#GroupList&quot; ).html(&quot;&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$( &quot;#GroupListSel&quot; ).html(&quot;&quot;);&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript end-----------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML start---------------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;h2&amp;gt;내그룹에 포함된&amp;lt;/h2&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;p id=&quot;GroupList&quot;&amp;gt;&amp;lt;/p&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;br/&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;h2&amp;gt;내그룹에서 선택된&amp;lt;/h2&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;p id=&quot;GroupListSel&quot;&amp;gt;&amp;lt;/p&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;br/&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;button id=&quot;click_01&quot; class=&quot;button button1&quot; onclick=&quot;uf_MakeList()&quot;&amp;gt;리스트 표시&amp;lt;/button&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;button id=&quot;click_02&quot; class=&quot;button button3&quot; onclick=&quot;uf_DelList()&quot;&amp;gt;리스트 삭제&amp;lt;/button&amp;gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML end-----------------------------------------------------------%&amp;gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 204, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;3. 설명&lt;/h3&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;javascript배열을 사용하여 이름을 저장한다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;id=&quot;GroupList&quot;인 p 태크의 엘리먼트에 배열을 모든 원소를 추가한다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;grep() 메소드를 사용하여 특정 조건에 맞는 데이터만 사용한다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;id=&quot;GroupListSel&quot;인 p 태크의 엘리먼트에 배열을 추가한다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;- grep()&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp; grep(array, callback( n, i ), boolean )&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp;: 배열의 각 원소들을 순회하면서 각 원소들에 대해 콜백함수를 호출한다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp;: callback 에는 n, i 파라미터가 있으며 n은 배열의 원소, i는 각 배열의 원소의 위치(0부터 시작)&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp;: boolean은 보통 생략되며, Default : false, true로 지정 시 결과의 정반대 값들이 반환된다.&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;</description>
      <category>JQUERY(제이쿼리)</category>
      <category>array</category>
      <category>each</category>
      <category>grep</category>
      <category>javascript 배열</category>
      <category>jquery</category>
      <category>jquery 사용법</category>
      <category>문자열 길이</category>
      <category>배열</category>
      <category>제이쿼리</category>
      <category>프로그래밍</category>
      <category>프로그래밍 언어</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/92</guid>
      <comments>https://namik.tistory.com/92#entry92comment</comments>
      <pubDate>Wed, 1 Mar 2017 12:00:46 +0900</pubDate>
    </item>
    <item>
      <title>[JQUERY] 배열을 사용하여 이름을 대문자로 변경하여 표시하기</title>
      <link>https://namik.tistory.com/91</link>
      <description>&lt;style&gt;
	.button {
	    background-color: #4CAF50; /* Green */
	    border: none;
	    color: white;
	    padding: 16px 32px;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 16px;
	    margin: 4px 2px;
	    -webkit-transition-duration: 0.4s; /* Safari */
	    transition-duration: 0.4s;
	    cursor: pointer;
	}
	
	.button1 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid #4CAF50;
	}
	
	.button1:hover {
	    background-color: #4CAF50;
	    color: white;
	}
	.button2 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid #008CBA;
	}
	
	.button2:hover {
	    background-color: #008CBA;
	    color: white;
	}
	
	.button3 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid #f44336;
	}
	
	.button3:hover {
	    background-color: #f44336;
	    color: white;
	}
	
	.button4 {
	    background-color: white;
	    color: black;
	    border: 2px solid #e7e7e7;
	}
	
	.button4:hover {background-color: #e7e7e7;}
	
	.button5 {
	    background-color: white;
	    color: black;
	    border: 2px solid #555555;
	}
	
	.button5:hover {
	    background-color: #555555;
	    color: white;
	}
&lt;/style&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 32px;&quot;&gt;&lt;b&gt;배열을 사용하여 이름을 대문자로 변경하여 표시하기&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;javascript배열을 사용하여 이름을 대문자로 변경하여 표시하기&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 샘플예제&lt;/h3&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
	$(document).ready(function(){
	});
	
	
	//==================================================
	// function Name : uf_ListMake()
	// Desc          : 특정 id의 엘리먼트에 배열을 사용하여 추가하기
	// input         : 없음
	// output        : 없음
	//==================================================
	function uf_MakeList(){
		var arrMembers = [&quot;john&quot;, &quot;lan&quot;, &quot;Ben&quot;, &quot;Damon&quot;];
		
 		arrMembers = $.map( arrMembers, function( n, i ){ return ( i + 1 + &quot;.&quot; + n.toUpperCase() ); } );
		
		$.each( arrMembers, function( index, value ){
			$( &quot;#GroupList&quot; ).append( $(&quot;&lt;li&gt;&quot; + value + &quot;&lt;/li&gt;&quot;) );
		});
		//$(&quot;#GroupList&quot;).html(arrMembers.join(&quot;&lt;br/&gt;&quot;));
	}
	
	//==================================================
	// function Name : uf_DelList()
	// Desc          : 특정 id의 엘리먼트를 삭제한다.
	// input         : 없음
	// output        : 없음
	//==================================================
	function uf_DelList(){
		$( &quot;#GroupList&quot; ).html(&quot;&quot;);
	}
&lt;/script&gt;

&lt;h2&gt;내그룹에 포함된&lt;/h2&gt;
&lt;p id=&quot;GroupList&quot;&gt;&lt;/p&gt;
&lt;br /&gt;
&lt;button id=&quot;click_01&quot; class=&quot;button button1&quot; onclick=&quot;uf_MakeList()&quot;&gt;리스트 표시&lt;/button&gt;
&lt;button id=&quot;click_02&quot; class=&quot;button button3&quot; onclick=&quot;uf_DelList()&quot;&gt;리스트 삭제&lt;/button&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;- 결과 :&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 335px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/213A6F3358B2CB2C04&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F213A6F3358B2CB2C04&quot; width=&quot;335&quot; height=&quot;261&quot; filename=&quot;대문자 리스트 추가.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;div id=&quot;adhere&quot;&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 소스코드&lt;/h3&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript start-----------------------------------------------------%&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;$(document).ready(function(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;});&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// function Name : uf_ListMake()&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// Desc &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 특정 id의 엘리먼트에 배열을 사용하여 추가하기&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// input &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; : 없음&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// output &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 없음&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;function uf_MakeList(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;var arrMembers = [&quot;john&quot;, &quot;lan&quot;, &quot;Ben&quot;, &quot;Damon&quot;];&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;nbsp;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;arrMembers = $.map( arrMembers, function( n, i ){ return ( i + 1 + &quot;.&quot; + n.toUpperCase() ); } );&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$.each( arrMembers, function( index, value ){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;$( &quot;#GroupList&quot; ).append( $(&quot;&amp;lt;li&amp;gt;&quot; + value + &quot;&amp;lt;/li&amp;gt;&quot;) );&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;//$(&quot;#GroupList&quot;).html(arrMembers.join(&quot;&amp;lt;br/&amp;gt;&quot;));&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// function Name : uf_DelList()&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// Desc &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 특정 id의 엘리먼트를 삭제한다.&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// input &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; : 없음&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// output &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 없음&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;function uf_DelList(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$( &quot;#GroupList&quot; ).html(&quot;&quot;);&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----javascript end-----------------------------------------------------%&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML start---------------------------------------------------------%&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;h2&amp;gt;내그룹에 포함된&amp;lt;/h2&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;p id=&quot;GroupList&quot;&amp;gt;&amp;lt;/p&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;br/&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;button id=&quot;click_01&quot; class=&quot;button button1&quot; onclick=&quot;uf_MakeList()&quot;&amp;gt;리스트 표시&amp;lt;/button&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;button id=&quot;click_02&quot; class=&quot;button button3&quot; onclick=&quot;uf_DelList()&quot;&amp;gt;리스트 삭제&amp;lt;/button&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;%----HTML end-----------------------------------------------------------%&amp;gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 204, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;3. 설명&lt;/h3&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;javascript배열을 사용하여 이름을 저장한다.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;map() 메소드를 사용하여 배열의 이름들을 대문자로 변경한다.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;id=&quot;GroupList&quot;인 p 태크의 엘리먼트에 배열을 추가한다.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;- map()&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp; map(array, callback( n, i ) )&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp;: 배열의 각 원소들을 순회하면서 각 원소들에 대해 콜백함수를 호출한다.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp;: callback 에는 n, i 파라미터가 있으며 n은 배열의 원소, i는 각 배열의 원소의 위치(0부터 시작)를 나타낸다.&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;</description>
      <category>JQUERY(제이쿼리)</category>
      <category>array</category>
      <category>each</category>
      <category>javascript 배열</category>
      <category>jquery</category>
      <category>jquery 사용법</category>
      <category>map</category>
      <category>배열</category>
      <category>제이쿼리</category>
      <category>프로그래밍</category>
      <category>프로그래밍 언어</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/91</guid>
      <comments>https://namik.tistory.com/91#entry91comment</comments>
      <pubDate>Tue, 28 Feb 2017 12:00:59 +0900</pubDate>
    </item>
    <item>
      <title>[JQUERY] 배열을 사용하여 리스트로 표시하기</title>
      <link>https://namik.tistory.com/90</link>
      <description>&lt;p&gt;&lt;style&gt;
	.button {
	    background-color: #4CAF50; /* Green */
	    border: none;
	    color: white;
	    padding: 16px 32px;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 16px;
	    margin: 4px 2px;
	    -webkit-transition-duration: 0.4s; /* Safari */
	    transition-duration: 0.4s;
	    cursor: pointer;
	}
	
	.button1 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid #4CAF50;
	}
	
	.button1:hover {
	    background-color: #4CAF50;
	    color: white;
	}
.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}
&lt;/style&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 24pt;&quot;&gt;배열을 사용하여 리스트로 표시하기&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;javascript배열을 사용하여 리스트로 이름을 표시하기&lt;/p&gt;&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 00, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;1. 샘플예제&lt;/h3&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
	$(document).ready(function(){
	});
	
	
	//==================================================
	// function Name : uf_ListMake()
	// Desc          : 특정 id의 엘리먼트에 배열을 사용하여 추가하기
	// input         : 없음
	// output        : 없음
	//==================================================
	function uf_MakeList(){
		var arrMembers = [&quot;john&quot;, &quot;lan&quot;, &quot;Ben&quot;, &quot;Damon&quot;];
		
		$.each( arrMembers, function( index, value ){
			$( &quot;#GroupList&quot; ).append( $(&quot;&lt;li&gt;&quot; + value + &quot;&lt;/li&gt;&quot;) );
		});
		//$(&quot;#GroupList&quot;).html(arrMembers.join(&quot;&lt;br/&gt;&quot;));
	}
	
	//==================================================
	// function Name : uf_DelList()
	// Desc          : 특정 id의 엘리먼트를 삭제한다.
	// input         : 없음
	// output        : 없음
	//==================================================
	function uf_DelList(){
		$( &quot;#GroupList&quot; ).html(&quot;&quot;);
	}
	
&lt;/script&gt;
&lt;h2&gt;내그룹에 포함된&lt;/h2&gt;
&lt;p id=&quot;GroupList&quot;&gt;&lt;/p&gt;
&lt;br /&gt;
&lt;button id=&quot;click_01&quot; class=&quot;button button1&quot; onclick=&quot;uf_MakeList()&quot;&gt;리스트 표시&lt;/button&gt;
&lt;button id=&quot;click_02&quot; class=&quot;button button3&quot; onclick=&quot;uf_DelList()&quot;&gt;리스트 삭제&lt;/button&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;- 결과 :&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 247px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2279924658B2908716&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2279924658B2908716&quot; width=&quot;247&quot; height=&quot;203&quot; filename=&quot;리스트 추가.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;div id=&quot;adhere&quot;&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 153, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;2. 소스코드&lt;/h3&gt;
&lt;p style=&quot;line-height: 0.5;&quot;&gt;//==javascript start=========================================================&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;$(document).ready(function(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;});&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// function Name : uf_ListMake()&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// Desc &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 특정 id의 엘리먼트에 배열을 사용하여 추가하기&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// input &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; : 없음&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// output &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 없음&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;function uf_MakeList(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;var arrMembers = [&quot;john&quot;, &quot;lan&quot;, &quot;Ben&quot;, &quot;Damon&quot;];&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$.each( arrMembers, function( index, value ){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;			&lt;/span&gt;$( &quot;#GroupList&quot; ).append( $(&quot;&amp;lt;li&amp;gt;&quot; + value + &quot;&amp;lt;/li&amp;gt;&quot;) );&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;});&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// function Name : uf_DelList()&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// Desc &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 특정 id의 엘리먼트를 삭제한다.&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// input &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; : 없음&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;// output &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: 없음&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;//==================================================&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;function uf_DelList(){&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;$( &quot;#GroupList&quot; ).html(&quot;&quot;);&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;//==javascript end=========================================================&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;//==HTML start===========================================================&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;h2&amp;gt;내그룹에 포함된&amp;lt;/h2&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;p id=&quot;GroupList&quot;&amp;gt;&amp;lt;/p&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;br/&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;button id=&quot;click_01&quot; class=&quot;button button1&quot; onclick=&quot;uf_MakeList()&quot;&amp;gt;리스트 표시&amp;lt;/button&amp;gt;&lt;/p&gt;&lt;p style=&quot;line-height: 0.5;&quot;&gt;&amp;lt;button id=&quot;click_02&quot; class=&quot;button button3&quot; onclick=&quot;uf_DelList()&quot;&amp;gt;리스트 삭제&amp;lt;/button&amp;gt;&lt;/p&gt;&lt;p&gt;//==HTML end===========================================================&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 style=&quot;padding: 0px 10px 1px; 
margin: 10px 0px 5px; 
border-left-width: 5px; 
border-left-style: solid; 
border-left-color: rgb(255, 204, 00); 
font-size: 18px; color: rgb(51, 51, 51); 
font-family: 'Ubuntu Condensed', 'Noto Sans Korean'; 
border-bottom-color: rgb(211, 211, 211); 
border-bottom-width: 1px; 
border-bottom-style: solid; 
letter-spacing: -0.07em; 
line-height: 30px; 
background-color: rgb(250, 250, 250);&quot;&gt;3. 설명&lt;/h3&gt;
&lt;p&gt;arrMembers 배열에는 4명의 사람 이름을 저장하도록 합니다.&lt;/p&gt;&lt;p&gt;each() 메소드를 사용하여 배열의 각 이름들을 빼내서 id=&quot;GroupList&quot;인 p 태그의 엘리먼트에 추가합니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;- each()&lt;/p&gt;&lt;p&gt;&amp;nbsp;: 각 엘리먼트를 차례로 접근하는데 사용하는 메소드입니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;</description>
      <category>JQUERY(제이쿼리)</category>
      <category>array</category>
      <category>each</category>
      <category>javascript 배열</category>
      <category>jquery</category>
      <category>jquery 사용법</category>
      <category>배열</category>
      <category>제이쿼리</category>
      <category>프로그래밍</category>
      <category>프로그래밍 언어</category>
      <author>남익</author>
      <guid isPermaLink="true">https://namik.tistory.com/90</guid>
      <comments>https://namik.tistory.com/90#entry90comment</comments>
      <pubDate>Mon, 27 Feb 2017 12:00:03 +0900</pubDate>
    </item>
  </channel>
</rss>