<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>Manacom Blog</title>
    <link>https://manacom.tistory.com/</link>
    <description>마나컴 블로그 입니다.</description>
    <language>ko</language>
    <pubDate>Mon, 15 Jun 2026 23:20:08 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>manacom</managingEditor>
    <image>
      <title>Manacom Blog</title>
      <url>https://t1.daumcdn.net/cfile/tistory/170FCB0F4AB06FC236</url>
      <link>https://manacom.tistory.com</link>
    </image>
    <item>
      <title>PHP 싱글쿼테이션(') 및 특수문자 처리하기</title>
      <link>https://manacom.tistory.com/96</link>
      <description>&lt;p style=&quot;padding: 0px; font-size: 9pt; margin-right: 0px; margin-left: 0px; font-family: 돋움, Dotum;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(255, 0, 0); font-size: 18pt;&quot;&gt;&lt;span style=&quot;font-family: Verdana;&quot;&gt;PHP 싱글쿼테이션(') 및 특수문자 처리하기&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;MySQL에서 싱글 쿼테이션은 문자열이라는 것을 의미한다. 따라서 이 싱글 쿼테이션이 문자열이라는 것을 밝이는 의미가 아니라 그냥 캐릭터로써 읽히고자 한다면 \' 이런식으로 사용하게 된다.&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;하지만, 문자열 내에 포함된 싱글 쿼테이션을 처리하려면 어떻게 해야 할까?&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;서론을 봐도 무슨 말인지 모르겠다면 예를 들어 보자&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;txc-textbox&quot; style=&quot;font-family: nanum; font-size: 12px; color: rgb(102, 102, 102); border-style: solid; border-width: 1px; border-color: rgb(238, 238, 238); background-color: rgb(238, 238, 238); padding: 10px; line-height: 2;&quot;&gt;&lt;p style=&quot;padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;span style=&quot;font-family: Verdana;&quot;&gt;$s = &quot;I'm your father&lt;/span&gt;&lt;span style=&quot;font-family: Verdana;&quot;&gt;&quot;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;span style=&quot;font-family: Verdana;&quot;&gt;$query = &quot;SELECT * FROM 테이블명 WHERE 필드명 = '$s&lt;/span&gt;&lt;span style=&quot;font-family: Verdana;&quot;&gt;'&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: Verdana;&quot;&gt;&quot; ;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;일때 에러가 발생한다.&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;그 이유는 WHERE 문의 싱글 쿼테이션이 $s 에 포함된 싱글쿼테이션과 함쳐져서 3개가 되기 때문이다.&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;이것을 해결하기 위한 방법은 다음과 같다.&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 12pt; font-family: Verdana;&quot;&gt;&lt;span style=&quot;background-color: rgb(255, 0, 0); color: rgb(255, 255, 255);&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;addslashes(&lt;/span&gt;&lt;span style=&quot;font-size: 12pt; font-family: Verdana;&quot;&gt;)&lt;/span&gt;&lt;/b&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;특정 특수 문자 앞에 자동으로 역슬레쉬 (\)를 붙여준다.&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;txc-textbox&quot; style=&quot;font-family: nanum; font-size: 12px; color: rgb(102, 102, 102); border-style: solid; border-width: 1px; border-color: rgb(238, 238, 238); background-color: rgb(238, 238, 238); padding: 10px; line-height: 2;&quot;&gt;&lt;p style=&quot;padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;span style=&quot;font-family: Verdana;&quot;&gt;$s = &quot;I'm your father&quot;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;span style=&quot;font-family: Verdana;&quot;&gt;$s = addslashes($s) ;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;span style=&quot;font-family: Verdana;&quot;&gt;출력 결과 :I\'m tour father&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Verdana; font-size: 12pt;&quot;&gt;&lt;span style=&quot;background-color: rgb(255, 0, 0); color: rgb(255, 255, 255);&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;stripslashes()&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;addslashes() 함수를 통해 표기된 '\' 문자를 원래대로 돌려준다.&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;color: rgb(102, 102, 102); font-family: nanum; font-size: 12px; line-height: 2; padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;txc-textbox&quot; style=&quot;font-family: nanum; font-size: 12px; color: rgb(102, 102, 102); border-style: solid; border-width: 1px; border-color: rgb(238, 238, 238); background-color: rgb(238, 238, 238); padding: 10px; line-height: 2;&quot;&gt;&lt;p style=&quot;padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;span style=&quot;font-family: Verdana;&quot;&gt;$s = stripslashes($s)&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;padding-top: 0px !important; padding-bottom: 0px !important;&quot;&gt;&lt;span style=&quot;font-family: Verdana;&quot;&gt;출력결과 : I'm your father&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>프로그래밍</category>
      <author>manacom</author>
      <guid isPermaLink="true">https://manacom.tistory.com/96</guid>
      <comments>https://manacom.tistory.com/96#entry96comment</comments>
      <pubDate>Sun, 19 Feb 2017 16:18:36 +0900</pubDate>
    </item>
    <item>
      <title>[Python] 유닉스 타임</title>
      <link>https://manacom.tistory.com/93</link>
      <description>&lt;P&gt;파이썬 유닉스 타임 명령어입니다.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;사용모듈&lt;/P&gt;&lt;STRONG&gt;from time import time&lt;/STRONG&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;파이썬은 유닉스 타임이 실수형입니다.&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;time()&lt;/STRONG&gt;&lt;/P&gt;
&lt;P&gt;&lt;br /&gt;&lt;/P&gt;
&lt;P&gt;유닉스타임 정수형으로 변환&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;int(time())&lt;/STRONG&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>manacom</author>
      <guid isPermaLink="true">https://manacom.tistory.com/93</guid>
      <comments>https://manacom.tistory.com/93#entry93comment</comments>
      <pubDate>Sat, 6 Aug 2016 13:57:08 +0900</pubDate>
    </item>
    <item>
      <title>크레마 카르테 스크린세이버 이미지 변경 방법</title>
      <link>https://manacom.tistory.com/85</link>
      <description>&lt;P&gt;크레마 카르테 스크린세이버 이미지를 변경 방법입니다.&lt;/P&gt;
&lt;P&gt;&lt;br /&gt;&lt;/P&gt;
&lt;P&gt;1. 크레마 카르테를 컴퓨터에 연결한다.(동봉된 케이블 아니면 &amp;nbsp;마이크로USB 케이블)&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;2.&amp;nbsp;스크린세이버 폴더(&lt;SPAN style=&quot;FONT-SIZE: 11pt&quot;&gt;&lt;STRONG&gt;sleep&lt;/STRONG&gt;&lt;/SPAN&gt;) &lt;/P&gt;
&lt;P&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 193px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/257C0845570BAE021B&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F257C0845570BAE021B&quot; width=&quot;193&quot; height=&quot;139&quot; filename=&quot;Untitled-1 copy.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;3. 스크린세이버 파일 (&lt;SPAN style=&quot;FONT-SIZE: 11pt&quot;&gt;&lt;STRONG&gt;sleep.jpg&lt;/STRONG&gt;&lt;/SPAN&gt;)&lt;/P&gt;
&lt;P style=&quot;MARGIN-LEFT: 2em&quot;&gt;이미지 해상도 : 1072x1448&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;위와 같이 스크린세이버 폴더(sleep) 에 스크린세이버 파일(sleep.jpg)을 넣어 주면 됩니다.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;원하시는 사진을 만들어서 넣어 보세요.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <category>리뷰/사용기</category>
      <author>manacom</author>
      <guid isPermaLink="true">https://manacom.tistory.com/85</guid>
      <comments>https://manacom.tistory.com/85#entry85comment</comments>
      <pubDate>Fri, 8 Apr 2016 11:09:43 +0900</pubDate>
    </item>
    <item>
      <title>Lenovo Y700 15 i7-6700HQ, GRX960M, 4G GDDR 모델 구입기</title>
      <link>https://manacom.tistory.com/84</link>
      <description>&lt;p&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;Lenovo Y700 15 i7-6700HQ, GRX960M, 4G GDDR 모델 구입기입니다.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;다나와 사이트 내용 발췌&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;product_information&quot; style=&quot;margin: 0px; padding: 0px; font-family: Dotum, 돋움, gulim, 굴림, AppleGothic, Helvetica, sans-serif; color: rgb(102, 102, 102);&quot;&gt;&lt;div class=&quot;box_ty1&quot; style=&quot;margin: 0px; padding: 0px; background: rgb(244, 244, 244);&quot;&gt;&lt;h4 class=&quot;title_left&quot; style=&quot;margin: 0px; padding: 8px 0px 8px 16px; font-family: 돋움, Dotum, 굴림, gulim, AppleGothic, Helvetica, sans-serif; color: rgb(51, 51, 51); height: 14px;&quot;&gt;레노버 아이디어패드 Y700 Sky Kaiser 15 (정품)&lt;/h4&gt;&lt;/div&gt;&lt;div class=&quot;product_view&quot; style=&quot;margin: 10px 0px 0px 10px; padding: 0px; overflow: hidden; zoom: 1; clear: both;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;prodInfoarea&quot; style=&quot;margin: 0px auto; padding: 0px; font-family: Dotum, 돋움, gulim, 굴림, AppleGothic, Helvetica, sans-serif; clear: both; width: 896px; color: rgb(102, 102, 102);&quot;&gt;&lt;table id=&quot;tableInfo&quot; class=&quot;tbl_color&quot; style=&quot;width: 894px; margin: 10px 0px; border: 2px solid rgb(149, 160, 205); border-collapse: collapse;&quot;&gt;&lt;colgroup&gt;&lt;col class=&quot;conText&quot; style=&quot;width: 98px;&quot;&gt;&lt;col class=&quot;conInfo&quot;&gt;&lt;col class=&quot;conText&quot; style=&quot;width: 98px;&quot;&gt;&lt;col class=&quot;conInfo&quot;&gt;&lt;/colgroup&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold01&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; font-weight: bold; color: rgb(68, 77, 115); background-color: rgb(234, 239, 248);&quot;&gt;제조회사&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a href=&quot;http://www.lenovo.com/kr/ko/&quot; target=&quot;_blank&quot; class=&quot;makerLink&quot; style=&quot;cursor: pointer;&quot;&gt;레노버&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;http://www.lenovo.com/kr/ko/&quot; target=&quot;_blank&quot; class=&quot;makerLink&quot; style=&quot;cursor: pointer;&quot;&gt;제조사 웹사이트 바로가기&lt;/a&gt;)&lt;/td&gt;&lt;td class=&quot;conStyle_Bold01&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; font-weight: bold; color: rgb(68, 77, 115); background-color: rgb(234, 239, 248);&quot;&gt;등록년월&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;2015년 11월&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold01&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; font-weight: bold; color: rgb(68, 77, 115); background-color: rgb(234, 239, 248);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help; color: rgb(68, 77, 115);&quot;&gt;CPU 제조사&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;인텔&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_Bold01&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; font-weight: bold; color: rgb(68, 77, 115); background-color: rgb(234, 239, 248);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help; color: rgb(68, 77, 115);&quot;&gt;CPU 종류&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;코어i7-6세대&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold01&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; font-weight: bold; color: rgb(68, 77, 115); background-color: rgb(234, 239, 248);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help; color: rgb(68, 77, 115);&quot;&gt;CPU 코드명&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;스카이레이크&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_Bold01&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; font-weight: bold; color: rgb(68, 77, 115); background-color: rgb(234, 239, 248);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help; color: rgb(68, 77, 115);&quot;&gt;CPU 넘버&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;i7-6700HQ (2.6GHz)&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold01&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; font-weight: bold; color: rgb(68, 77, 115); background-color: rgb(234, 239, 248);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help; color: rgb(68, 77, 115);&quot;&gt;코어 형태&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;쿼드 코어&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_Bold01&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; font-weight: bold; color: rgb(68, 77, 115); background-color: rgb(234, 239, 248);&quot;&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;디스플레이&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;화면 크기&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;39.62cm(15.6인치)&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;화면 비율&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;와이드 16:9&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;해상도&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;1920x1080&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;디스플레이 특징&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;LED백라이트&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;눈부심방지&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;광시야각&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;터치스크린&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;밝기자동조절&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;회전LCD&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;베젤없음&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;3D입체영상&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;메모리 특징&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;메모리 용량&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;8GB&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;메모리 타입&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;DDR4&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;HDD 특징&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;7200 rpm&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;HDD 충격 보호&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;HDD 용량&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;1TB&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;익스프레스캐시&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;SSD 형태&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;SSD&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;mSATA&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;M.2&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;eMMC&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;SSD 용량&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;ODD 특징&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;ODD 종류&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;ODD 옵션(선택)&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;멀티부스트&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;GPU 제조사&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;AMD&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;엔비디아&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;인텔&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;기타&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;GPU 종류&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;AMD&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;엔비디아&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;지포스 GTX960M&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;인텔&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;HD 530&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;VGA 메모리&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;4GB DDR5&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;GPU 특징&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;엔비디아 SLI&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;듀얼 그래픽&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;논옵티머스&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;네트워크 특징&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;100Mbps 유선랜&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;1Gbps 유선랜&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;802.11 a/b/g/n 무선랜&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;802.11 a/g/n 무선랜&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;802.11 b/g/n 무선랜&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;802.11 n/ac 무선랜&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;4G LTE&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;WiDi&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;모뎀&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;블루투스&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;블루투스 4.0&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;영상 입출력&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;HDMI&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;DP포트&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;DVI&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;D-SUB&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;웹캠&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;단자&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;USB 2.0&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;USB 3.0&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;USB 3.1&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;USB 3.0 Type-C&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;USB 3.1 Type-C&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;썬더볼트&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;e-SATA&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;IEEE1394&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;시리얼포트&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;익스프레스카드&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;편의 기능&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;멀티 리더기&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;숫자 키패드&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;블록 키보드&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;키보드 라이트&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;침수지연키보드&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;보안 기능&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;얼굴 인식&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;지문 인식&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;배터리 특징&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;리튬 폴리머&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;탈착 불가능&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;배터리&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;4cell&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;어댑터&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;운영체제 구분&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;운영체제&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;운영체제 미포함&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;비트수&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;제원&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;두께&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;26mm&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;무게&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;2.6Kg&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;A/S 특징&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;월드워런티&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;○&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;소비자과실보증&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;보증기간&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;a style=&quot;text-decoration: underline; cursor: help;&quot;&gt;1년&lt;/a&gt;&lt;/td&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/td&gt;&lt;td style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_Bold02&quot; colspan=&quot;4&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 880px; font-weight: bold; background-color: rgb(245, 248, 253);&quot;&gt;KC인증&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;적합성평가인증&lt;/td&gt;&lt;td colspan=&quot;3&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;MSIP-RMI-LVK-Y50-20378&amp;nbsp;&lt;a class=&quot;check_certi_num&quot; href=&quot;http://www.rra.go.kr/ko/license/A_c_search.jsp&quot; target=&quot;_blank&quot; style=&quot;text-decoration: underline; cursor: pointer;&quot;&gt;&lt;img alt=&quot;인증번호 확인&quot; src=&quot;http://img.danawa.com/new/newblog/img/btn_certi_num.png&quot; style=&quot;border: 0px none; margin: 0px; padding: 0px; font-family: Dotum, 돋움, gulim, 굴림, AppleGothic, Helvetica, sans-serif; vertical-align: middle;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;conStyle_normal&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 120px; background-color: rgb(242, 242, 242);&quot;&gt;자율안전확인인증&lt;/td&gt;&lt;td colspan=&quot;3&quot; style=&quot;padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(181, 188, 220); width: 220px;&quot;&gt;상세설명 / 판매 사이트 문의&amp;nbsp;&lt;a class=&quot;check_certi_num&quot; href=&quot;http://www.safetykorea.kr/&quot; target=&quot;_blank&quot; style=&quot;text-decoration: underline; cursor: pointer;&quot;&gt;&lt;img alt=&quot;인증번호 확인&quot; src=&quot;http://img.danawa.com/new/newblog/img/btn_certi_num.png&quot; style=&quot;border: 0px none; margin: 0px; padding: 0px; font-family: Dotum, 돋움, gulim, 굴림, AppleGothic, Helvetica, sans-serif; vertical-align: middle;&quot;&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;b&gt;1. 외관&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;가. 노트북에 지문자국이 남는 부분이 있습니다.(개인적으로 조금 거슬림)&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;나. 백라이트 밝기는 2단까지만 가능합니다.&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;다. 내장 ODD 영역이 없습니다. (&lt;b&gt;외장 ODD 사용해야 됩니다.&lt;/b&gt;)&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&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;b&gt;2. O.S 설치 과정(Bios 설정은 초기 상태고, USB 메모리로 설치 기준)&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;가. 윈도우 8 기본 설치후&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;(윈도우 8.1용)드라이버를 설치시 내장그래픽, 무선랜카드, 외장그래팩, 칩셋 일부를 못잡는 것을 확인 하였습니다. 왠만하면 윈도우 8.1 이상 설치를 하시는게 정신 건강에 좋습니다. (&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(255, 0, 0); font-size: 10pt;&quot;&gt;유선랜이 지원 안되는 곳에서 설치시 문제가 됩니다.&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;)&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;나. 윈도우 8.1 기본 설치후 (윈도우 8,1용) 드라이버를 설치시 외장그래픽 프로그램 만 문제가 되어, 드라이버 찾기로 설치하였습니다.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;다. 윈도우 10 기본 설치(&lt;/span&gt;&lt;span style=&quot;color: rgb(255, 0, 0);&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;설치 에정입니다.&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;)&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;&lt;b&gt;3. 성능(게임) 테스트(추가 테스트 및 내용 보강 예정)&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;가. 게임 : 라이즈 오브 툼레이더(기본 상옵, FHD)&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;- 게임을 최적하게 진행이 가능합니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 13.3333px;&quot;&gt;아직 세부적으로 정리 및 테스트 진행 중이여서, 계속 내용을 추가 예저입니다.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 13.3333px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 13.3333px;&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;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>
      <author>manacom</author>
      <guid isPermaLink="true">https://manacom.tistory.com/84</guid>
      <comments>https://manacom.tistory.com/84#entry84comment</comments>
      <pubDate>Thu, 7 Apr 2016 18:07:07 +0900</pubDate>
    </item>
    <item>
      <title>크레마 터치  스크린 세이버 이미지 변경</title>
      <link>https://manacom.tistory.com/76</link>
      <description>&lt;p&gt;크레마 터치 사용하시다 보면 스크린 세이버 이미지를 변경 하고픈 욕구를 받게 됩니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;크레마 터치를 컴퓨터와 연결후 크레마 터치에&amp;nbsp;&lt;b&gt;&quot;&lt;span style=&quot;font-size: 11pt;&quot;&gt;USB 저장소 사용&lt;/span&gt;&lt;/b&gt;&quot; 버튼이 보이시면 선택시 연결됩니다.&lt;/p&gt;&lt;p&gt;마이크로SD &amp;nbsp;추가로 장착한경우 2개 드라이브가 추가 된 것을 보실수 있습니다.&lt;/p&gt;&lt;p&gt;탐색기에서 크레마 터치 연결된 드라이브 들어가면 &quot;&lt;b&gt;&lt;span style=&quot;font-size: 11pt;&quot;&gt;msg_suspend&lt;/span&gt;&lt;/b&gt;&quot; 폴더가 보이실거에요.&lt;/p&gt;&lt;p&gt;이폴더에 들어가면 &quot;&lt;b&gt;&lt;span style=&quot;font-size: 11pt;&quot;&gt;sleep.jpg&lt;/span&gt;&lt;/b&gt;&quot; 파일이 스크린세이버 이미지 파일입니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;sleep.jpg 속성 정보 입니다.&lt;/b&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2552D44456E668B82D&quot; alt=&quot;&quot;&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;J:\msg_suspend\sleep.jpg 이 파일을 원하는 이미지로 변경(이미지 사이즈는 위와 같이 맞쳐 주시면 됩니다.)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 11pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 11pt; color: rgb(0, 85, 255);&quot;&gt;&lt;b&gt;* 간략한게 정리한 부분입니다.&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 11pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 11pt;&quot;&gt;1. 크레마 터치를 컴퓨터에 연결&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 11pt;&quot;&gt;2. 크레마 터치에서 [&lt;b&gt;USB 정장소 사용&lt;/b&gt;] 선택 (외장 &amp;nbsp;USB로 연결됨)&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 11pt;&quot;&gt;3. 크레마 터치 드라이브에서 [&lt;b&gt;msg_suspend&lt;/b&gt;] &amp;nbsp;폴더로 들어감&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 11pt;&quot;&gt;4. 적용할 [&lt;b&gt;sleep.jpg&lt;/b&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;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;</description>
      <category>리뷰/사용기</category>
      <category>Crema</category>
      <category>스크린세이버</category>
      <category>크라메 터치</category>
      <category>크레마</category>
      <author>manacom</author>
      <guid isPermaLink="true">https://manacom.tistory.com/76</guid>
      <comments>https://manacom.tistory.com/76#entry76comment</comments>
      <pubDate>Thu, 9 Jul 2015 17:00:07 +0900</pubDate>
    </item>
    <item>
      <title>XBOX360 무선 리시버 원도우8.1 설치 방법</title>
      <link>https://manacom.tistory.com/72</link>
      <description>&lt;p&gt;안녕하세요.&lt;/p&gt;&lt;p&gt;XBOX360 무선 패드 및 PC용 리시버 윈도우 8, 8.1 사용하기&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;마이크로소프트 정식 프로그램으로는&amp;nbsp;원도우7 까지만 지원하기에 원도우8, 8.1은 다른 방법으로 진행해야 됩니다.&lt;/p&gt;&lt;p&gt;일단 검색을 해보니 원도우 8 또는 윈도우 8.1 드라이버 설치가 가능하 방법이 있어서&amp;nbsp;정리해 봅니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;일단 PC에 리시버를 연결하면 아래와 같이 장치 관리자에 나타나실겁니다.&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: 710px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/230E793C5539FF4A32&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F230E793C5539FF4A32&quot; width=&quot;710&quot; height=&quot;518&quot; filename=&quot;1.png&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;1. 알 수 없는 장치 속성으로 들어 갑니다.&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: 710px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2440D44B5539FFA62B&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2440D44B5539FFA62B&quot; width=&quot;710&quot; height=&quot;519&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;p&gt;2.&amp;nbsp;&lt;span style=&quot;font-size: 9pt; line-height: 1.5;&quot;&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: 710px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/217E264B5539FFCB02&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F217E264B5539FFCB02&quot; width=&quot;710&quot; height=&quot;519&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;p&gt;3.&amp;nbsp;&lt;span style=&quot;font-size: 9pt; line-height: 1.5;&quot;&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: 710px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/25287537553A000419&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F25287537553A000419&quot; width=&quot;710&quot; height=&quot;519&quot; filename=&quot;4.png&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;4. 위 이미지에 빨간표된 부분 선택하세요.&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: 710px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/21343C39553A005244&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F21343C39553A005244&quot; width=&quot;710&quot; height=&quot;519&quot; filename=&quot;5.png&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;5.&amp;nbsp;&lt;span style=&quot;font-size: 9pt; line-height: 1.5;&quot;&gt;위 이미지에 빨간표된 부분(&lt;u&gt;&lt;b&gt;&lt;span style=&quot;font-size: 12pt; color: rgb(255, 0, 0);&quot;&gt;Xbox 360 주변장치&lt;/span&gt;&lt;/b&gt;)&lt;/u&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: 710px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/232E2B4F553A00AF3A&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F232E2B4F553A00AF3A&quot; width=&quot;710&quot; height=&quot;519&quot; filename=&quot;6.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 9pt; line-height: 1.5;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 9pt; line-height: 1.5;&quot;&gt;6. 위 이미지 처럼 내가 맞는 드라이버를 선택 하여 설치 하시면 됩니다. (호환성 경고가 뜨는데, 확인 하고 지나 가시면 됩니다.)&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: 710px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/22695F48553A01F717&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F22695F48553A01F717&quot; width=&quot;710&quot; height=&quot;517&quot; filename=&quot;7.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 9pt; line-height: 1.5;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 9pt; line-height: 1.5;&quot;&gt;7. 위 이미지와 같이 무선 리시버(수신기)가 정상적으로 잡히신게 보이실 것입니다.&lt;/span&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: 10pt;&quot;&gt;참고 : 저는 제일 밑에 무선 리시버를 선택 하였습니다.&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;</description>
      <category>리뷰/사용기</category>
      <category>Xbox 360</category>
      <category>리시버</category>
      <category>무선</category>
      <category>윈도우8</category>
      <category>윈도우8.1</category>
      <category>패드</category>
      <author>manacom</author>
      <guid isPermaLink="true">https://manacom.tistory.com/72</guid>
      <comments>https://manacom.tistory.com/72#entry72comment</comments>
      <pubDate>Fri, 24 Apr 2015 17:47:45 +0900</pubDate>
    </item>
    <item>
      <title>OZONE STRIKE PRO Keyboard 갈축</title>
      <link>https://manacom.tistory.com/70</link>
      <description>&lt;p&gt;세번째 기계식 키보드네요.&lt;/p&gt;&lt;p&gt;LED라이트가 있는 모델은 처음이네요.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;오존 스트라이 프로 키보드 (갈축) 약 2달 사용 하면서 확인 된 내용입니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;USB 2.0 허브, 오디오, 마이트 포트 가 있어 편합니다.&lt;/p&gt;&lt;p&gt;IR무선 마우스를 사용하고 있는데, 키보드 USB 포트에 꽂아서 사용하니 편하네요.&lt;/p&gt;&lt;p&gt;오디어 단자가 있어서 이어폰 연결이 편하세요. 선도 안 지저분해지기요.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;키보드 겉판에 무광 우레탄 코딩이 되어있어 부드러운 촉감을 주네요.(코티이 버껴지는면 조금 지번해 질것도 같다는...)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;축은 체리 MX 갈축을 사용하여 타자치는 느낌이 좋네요.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;설정 프로그램은 윈도우 8.1 에서 오류가 발생 되는 부분 확인 되었습니다. (윈도우 8.1 사용하시는분은 참고 하세요.)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;가끔 cps look, num look, 라이트가 안들어 오는 경우가 가끔 발생합니다. (이부분은 많이 아쉽네요.)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;은행, 카드사 사이트 보안 프로그램이 매크로 Key기능을 가진 키보드(예:게이밍키보드 등)를 미지원 하는 문제가 있네요( 정말 불편한 부분입니다.)&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;참고로 LED 백라이트 기계식(체리축) 키보드 중 가격이 저렴한 축에 속합니다. (가성비는 좋습니다.)&lt;/p&gt;&lt;p&gt;이모델과 고민했던 모델입니다. &lt;b&gt;Ducky  Zero Shine Zone 옐로우 에디션&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;간략한 사용기였습니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>리뷰/사용기</category>
      <author>manacom</author>
      <guid isPermaLink="true">https://manacom.tistory.com/70</guid>
      <comments>https://manacom.tistory.com/70#entry70comment</comments>
      <pubDate>Tue, 11 Nov 2014 05:06:59 +0900</pubDate>
    </item>
    <item>
      <title>[PHP] IF 문법</title>
      <link>https://manacom.tistory.com/69</link>
      <description>&lt;p&gt;PHP IF문 문법은 2가지로 보여집니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;1. 일반적인 IF&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;if(대입문) {&lt;/p&gt;&lt;p style=&quot;margin-left: 4em;&quot;&gt;참일때 처리&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;} else {&lt;/p&gt;&lt;p style=&quot;margin-left: 4em;&quot;&gt;거짓일때 처리&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;}&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;예제&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;if($a == $b) {&lt;/p&gt;&lt;p style=&quot;margin-left: 4em;&quot;&gt;echo &quot;true&quot;;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;} else {&lt;/p&gt;&lt;p style=&quot;margin-left: 4em;&quot;&gt;echo &quot;false&quot;;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;}&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;2. 축약 IF&lt;/p&gt;&lt;p&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 가. 참/거짓 &lt;br /&gt;&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; 변수 = 대입변수 ? &quot;참&quot; : &quot;거짓&quot;;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;나. 대입문&lt;/p&gt;&lt;p style=&quot;margin-left: 4em;&quot;&gt;변수&amp;nbsp; = (대입문) ? &quot;참&quot; : &quot;거짓&quot;;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;예제&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;$c = $a ? &quot;true&quot; : &quot;false&quot;;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;$c = ($a == &quot;a&quot;) ? $a : &quot;false&quot;;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;margin-left: 2em;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;참고하세요.&lt;/p&gt;</description>
      <category>프로그래밍</category>
      <author>manacom</author>
      <guid isPermaLink="true">https://manacom.tistory.com/69</guid>
      <comments>https://manacom.tistory.com/69#entry69comment</comments>
      <pubDate>Sat, 8 Nov 2014 17:48:50 +0900</pubDate>
    </item>
    <item>
      <title>DataTables (table plugin for jQuery) 2. API</title>
      <link>https://manacom.tistory.com/68</link>
      <description>&lt;p&gt;&lt;font style=&quot;font-weight: bold; color: rgb(153, 0, 0);&quot; size=&quot;4&quot;&gt;API&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Javascript API&lt;br /&gt;&lt;br /&gt;일부 API함수들은 데이터 스토리지가 서버보다는 클라이언트측에 있다고 가정한다.&lt;br /&gt;예를들면 fnAddData, fnDeleteRow 는 서버의 데이터베이스에는 효과가 없다.&lt;br /&gt;실제로 DataTables는 당신이 데이터베이스를 사용하고 있는지를 모른다.&lt;br /&gt;그래서 서버측 처리 사용자hgs 필요한 데이터처리를 서버에 요청해야하고, &lt;br /&gt;새로운 데이터를 보여주기 위해서 테이블을 reDraw해야 한다. (fnDraw)&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;jQuery.dataTable 오브젝트에서 다음 함수들이 가능하다.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;fnAddData&lt;/span&gt;&amp;nbsp; - 테이블에 한row 또는 여러 rows를 추가한다.&lt;br /&gt;&lt;br style=&quot;color: rgb(0, 153, 0);&quot;&gt;&lt;/p&gt;&lt;div style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;line alt2&quot;&gt;&lt;code class=&quot;number&quot;&gt;&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 0px ! important;&quot;&gt;&lt;code class=&quot;keyword&quot;&gt;function&lt;/code&gt; &lt;code class=&quot;plain&quot;&gt;fnClickAddRow() {&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;line alt1&quot;&gt;&lt;code class=&quot;number&quot;&gt;&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;oTable.fnAddData( [&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;line alt2&quot;&gt;&lt;code class=&quot;number&quot;&gt;&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;giCount+&lt;/code&gt;&lt;code class=&quot;string&quot;&gt;&quot;.1&quot;&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;,&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;line alt1&quot;&gt;&lt;code class=&quot;number&quot;&gt;&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;giCount+&lt;/code&gt;&lt;code class=&quot;string&quot;&gt;&quot;.2&quot;&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;,&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;line alt2&quot;&gt;&lt;code class=&quot;number&quot;&gt;&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;giCount+&lt;/code&gt;&lt;code class=&quot;string&quot;&gt;&quot;.3&quot;&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;,&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;line alt1&quot;&gt;&lt;code class=&quot;number&quot;&gt;&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;giCount+&lt;/code&gt;&lt;code class=&quot;string&quot;&gt;&quot;.4&quot;&lt;/code&gt; &lt;code class=&quot;plain&quot;&gt;] );&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 0, 0);&quot;&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;fnClearTable&lt;/span&gt;&amp;nbsp;&lt;/span&gt; - 현재 row정보의 전체 테이블을 비운다.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;oTable.fnClearTable( 0 );&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;fnClose&lt;/span&gt; - row 'openning'의 정확히 반대이다. 이 함수는 현재 'open' 상태인 row들을 close한다.&lt;span class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: rgb(0, 153, 0);&quot;&gt;oTable.fnClose(&lt;/span&gt;&lt;/code&gt;&lt;code style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;keyword&quot;&gt;this&lt;/code&gt;&lt;code style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;plain&quot;&gt;);&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;fnDeleteRow&lt;/span&gt; - 테이블에서 한 row를 삭제한다. 자동으로 테이블을 redraw한다.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;oTable.fnDeleteRow( 0 );&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 0, 0); font-weight: bold;&quot;&gt;fnDraw&amp;nbsp;&lt;/span&gt; -&amp;nbsp; 테이블을 redraw한다.&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&lt;span style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;oTable.fnDraw();&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;fnFilter&amp;nbsp;&lt;/span&gt; - 스트링 입력을 기반으로 필터링을 한다.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;oTable.fnFilter( &lt;/code&gt;&lt;code class=&quot;string&quot;&gt;'test string'&lt;/code&gt; &lt;code class=&quot;plain&quot;&gt;);&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 0, 0); font-weight: bold;&quot;&gt;fnGetData&lt;/span&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt; &lt;/span&gt;- 입력 스트링으로 테이블을 필터한다. 자동으로 테이블을 redraw한다.&lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp; 개별컬럼을 필터할때도 사용할 수 있고 정규표현식이 가능하다.&lt;br /&gt;&lt;span class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;keyword&quot;&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: rgb(0, 153, 0);&quot;&gt;var&lt;/span&gt;&lt;/code&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot;&gt; &lt;/span&gt;&lt;code style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;plain&quot;&gt;aData = oTable.fnGetData( &lt;/code&gt;&lt;code style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;keyword&quot;&gt;this&lt;/code&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot;&gt; &lt;/span&gt;&lt;code style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;plain&quot;&gt;);&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;fnGetNodes&lt;/span&gt;&amp;nbsp; - 한 TR 노드 또는 전체 TR 노드들을 구한다. 이벤트 처리를 위해 유용하다.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;keyword&quot;&gt;var&lt;/code&gt; &lt;code class=&quot;plain&quot;&gt;nNodes = oTable.fnGetNodes( );&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br style=&quot;color: rgb(0, 153, 0);&quot;&gt;&lt;br /&gt;&lt;br style=&quot;color: rgb(255, 0, 0);&quot;&gt;&lt;span style=&quot;color: rgb(255, 0, 0); font-weight: bold;&quot;&gt;fnGetPosition &lt;/span&gt;- DOM요소로 부터 특정 셀의 array index를 구한다.&amp;nbsp; fnGetData()와 함께 가장 잘 사용된다.&lt;br /&gt;&lt;span class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;keyword&quot;&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: rgb(0, 153, 0);&quot;&gt;var&lt;/span&gt;&lt;/code&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot;&gt; &lt;/span&gt;&lt;code style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;plain&quot;&gt;aPos = oTable.fnGetPosition( &lt;/code&gt;&lt;code style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;keyword&quot;&gt;this&lt;/code&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot;&gt; &lt;/span&gt;&lt;code style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;plain&quot;&gt;);&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;fnOpen&amp;nbsp;&lt;/span&gt; - 페이지에서 현재 표시되고 있는 row (해당 html컨텐츠가 함수에 전달)의 다음에 위치한다. &lt;br /&gt;&lt;span class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: rgb(0, 153, 0);&quot;&gt;oTable.fnOpen( &lt;/span&gt;&lt;/code&gt;&lt;code style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;keyword&quot;&gt;this&lt;/code&gt;&lt;code style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;plain&quot;&gt;, &lt;/code&gt;&lt;code style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;string&quot;&gt;&quot;Temporary row opened&quot;&lt;/code&gt;&lt;code style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;plain&quot;&gt;, &lt;/code&gt;&lt;code style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;string&quot;&gt;&quot;info_row&quot;&lt;/code&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot;&gt; &lt;/span&gt;&lt;code style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;plain&quot;&gt;);&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br style=&quot;color: rgb(255, 0, 0);&quot;&gt;&lt;span style=&quot;color: rgb(255, 0, 0); font-weight: bold;&quot;&gt;fnPageChange&lt;/span&gt; - simple API함수의 페이징을 위한 내부 로직을 제공한다. &lt;br /&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;&amp;nbsp;&amp;nbsp; DataTables를 처음,이전,다음,끝페이지로 이동하게 한다.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;oTable.fnPageChange( &lt;/code&gt;&lt;code class=&quot;string&quot;&gt;'next'&lt;/code&gt; &lt;code class=&quot;plain&quot;&gt;);&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 0, 0); font-weight: bold;&quot;&gt;fnSetColumnVis&lt;/span&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt; &lt;/span&gt;- 주어진 컬럼을 간단하게 visibility를 설정한다.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;oTable.fnSetColumnVis( 1, &lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;false&lt;/code&gt; &lt;code class=&quot;plain&quot;&gt;);&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 0, 0); font-weight: bold;&quot;&gt;fnSettings&lt;/span&gt; - 테이블의 내부 DataTables 파라미터에 접근할 수 있다.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;keyword&quot;&gt;var&lt;/code&gt; &lt;code class=&quot;plain&quot;&gt;oSettings = oTable.fnSettings();&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;alert( oSettings._iDisplayStart );&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;fnSort&lt;/span&gt; - 자바스크립트 함수 콜로 트리거되어 한 컬럼 또는 다중컬럼으로 테이블을 소트할 수 있게 한다.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;oTable.fnSort( [ [0,&lt;/code&gt;&lt;code class=&quot;string&quot;&gt;'asc'&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;], [1,&lt;/code&gt;&lt;code class=&quot;string&quot;&gt;'asc'&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;] ] );&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br style=&quot;color: rgb(0, 153, 0);&quot;&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;fnSortListener &lt;/span&gt;- 요소에 소트 리스너를 추가한다. 기본적으로 DataTables가 TH 클릭할 때 리스너 추가하여 &lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 사용하는것과 같은 함수이다.&lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 외부로직으로 필요에 따라 외부요소로 소트를 컨트롤할 수 있게 한다.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;oTable.fnSortListener( document.getElementById(&lt;/code&gt;&lt;code class=&quot;string&quot;&gt;'sorter'&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;), 1 );&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 0, 0);&quot;&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;fnUpdate&lt;/span&gt;&amp;nbsp;&lt;/span&gt; - DataTables가 제공하는 소트, 필터, 기타 다른 기능들에 의한 새로운 데이터로 테이블을 갱신한다.&lt;br /&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; oTable.fnUpdate( &lt;/code&gt;&lt;code class=&quot;string&quot;&gt;'Example update'&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;, 0, 0 ); &lt;/code&gt;&lt;code class=&quot;comments&quot;&gt;/* Single cell */&lt;br /&gt;&lt;/code&gt;&lt;/span&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;oTable.fnUpdate( [&lt;/code&gt;&lt;code class=&quot;string&quot;&gt;'a'&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;, &lt;/code&gt;&lt;code class=&quot;string&quot;&gt;'b'&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;, &lt;/code&gt;&lt;code class=&quot;string&quot;&gt;'c'&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;, &lt;/code&gt;&lt;code class=&quot;string&quot;&gt;'d'&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;, &lt;/code&gt;&lt;code class=&quot;string&quot;&gt;'e'&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;], 1, 0 ); &lt;/code&gt;&lt;code class=&quot;comments&quot;&gt;/* Row */&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br style=&quot;font-weight: bold;&quot;&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;fnVersionCheck&lt;/span&gt; - 호환성을 보장하기 위해 DataTables의 버젼을 첵크하려는 플러그인들을 위한 공용 메서드를 제공한다.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(0, 153, 0);&quot; class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;alert( oTable.fnVersionCheck( &lt;/code&gt;&lt;code class=&quot;string&quot;&gt;'1.6.0'&lt;/code&gt; &lt;code class=&quot;plain&quot;&gt;) );&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>프로그래밍</category>
      <author>manacom</author>
      <guid isPermaLink="true">https://manacom.tistory.com/68</guid>
      <comments>https://manacom.tistory.com/68#entry68comment</comments>
      <pubDate>Thu, 26 Jun 2014 04:27:22 +0900</pubDate>
    </item>
    <item>
      <title>DataTables (table plugin for jQuery) 1. 기본 Usage</title>
      <link>https://manacom.tistory.com/67</link>
      <description>&lt;p&gt;&lt;font size=&quot;2&quot;&gt;&lt;span style=&quot;font-weight: bold; color: rgb(204, 0, 0);&quot;&gt;Features &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/font&gt;&lt;/p&gt;&lt;ul class=&quot;limit_length&quot;&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;가변길이 페이징&lt;br /&gt;&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;조회중 필터링&lt;br /&gt;&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;데이터타입 탐지로 다중 컬럼 소팅&lt;br /&gt;&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;컬럼폭의 스마트 핸들링&lt;br /&gt;&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;다양한 데이터소스로 부터 데이터 표시&lt;/font&gt;&lt;ul&gt;&lt;li&gt;									&lt;font size=&quot;2&quot;&gt;&lt;a href=&quot;http://www.datatables.net/examples/data_sources/dom.html&quot;&gt;DOM&lt;/a&gt;, 									&lt;a href=&quot;http://www.datatables.net/examples/data_sources/js_array.html&quot;&gt;Javascript array&lt;/a&gt;, 									&lt;a href=&quot;http://www.datatables.net/examples/data_sources/ajax.html&quot;&gt;Ajax file&lt;/a&gt; and 									&lt;a href=&quot;http://www.datatables.net/examples/data_sources/server_side.html&quot;&gt;server-side processing&lt;/a&gt; (PHP, C#, Perl, Ruby, AIR, Gears etc)&lt;/font&gt;&lt;/li&gt;&lt;/ul&gt;						&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;완전한 &lt;span style=&quot;text-decoration: underline;&quot;&gt;국제화 지원&lt;/span&gt;&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;jQuery UI &lt;a href=&quot;http://www.datatables.net/styling/themes&quot;&gt;ThemeRoller support&lt;/a&gt;&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;Rock solid - backed by a suite of 1300+ &lt;a href=&quot;http://www.datatables.net/testing/&quot;&gt;unit tests&lt;/a&gt;&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;							Wide variety of 							&lt;a href=&quot;http://www.datatables.net/plug-ins/&quot;&gt;plug-ins&lt;/a&gt; inc. 							&lt;a href=&quot;http://www.datatables.net/release-datatables/extras/TableTools/&quot;&gt;TableTools&lt;/a&gt;, 							&lt;a href=&quot;http://www.datatables.net/release-datatables/extras/FixedHeader/&quot;&gt;FixedHeader&lt;/a&gt; and							&lt;a href=&quot;http://www.datatables.net/release-datatables/extras/KeyTable/&quot;&gt;KeyTable&lt;/a&gt;&lt;/font&gt;						&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;It's free!&lt;/font&gt;&lt;/li&gt;&lt;li style=&quot;display: list-item;&quot;&gt;&lt;font size=&quot;2&quot;&gt;상태 저장&lt;br /&gt;&lt;/font&gt;&lt;/li&gt;&lt;li style=&quot;display: list-item;&quot;&gt;&lt;font size=&quot;2&quot;&gt;컬럼 감추기&lt;br /&gt;&lt;/font&gt;&lt;/li&gt;&lt;li style=&quot;display: list-item;&quot;&gt;&lt;font size=&quot;2&quot;&gt;테이블의 동적 생성&lt;br /&gt;&lt;/font&gt;&lt;/li&gt;&lt;li style=&quot;display: list-item;&quot;&gt;&lt;font size=&quot;2&quot;&gt;Ajax 데이터 자동 로딩&lt;br /&gt;&lt;/font&gt;&lt;/li&gt;&lt;li style=&quot;display: list-item;&quot;&gt;&lt;font size=&quot;2&quot;&gt;Custom DOM positioning&lt;/font&gt;&lt;/li&gt;&lt;li style=&quot;display: list-item;&quot;&gt;&lt;font size=&quot;2&quot;&gt;Single column filtering&lt;/font&gt;&lt;/li&gt;&lt;li style=&quot;display: list-item;&quot;&gt;&lt;font size=&quot;2&quot;&gt;선택적인 페이징 타입&lt;br /&gt;&lt;/font&gt;&lt;/li&gt;&lt;li style=&quot;display: list-item;&quot;&gt;&lt;font size=&quot;2&quot;&gt;Non-destructive DOM interaction&lt;/font&gt;&lt;/li&gt;&lt;li style=&quot;display: list-item;&quot;&gt;&lt;font size=&quot;2&quot;&gt;Sorting column(s) highlighting&lt;/font&gt;&lt;/li&gt;&lt;li style=&quot;display: list-item;&quot;&gt;&lt;font size=&quot;2&quot;&gt;							Extensive plug-in support							&lt;/font&gt;&lt;ul&gt;&lt;li style=&quot;display: list-item;&quot;&gt;&lt;font size=&quot;2&quot;&gt;Sorting, type detection, API functions, pagination and filtering&lt;/font&gt;&lt;/li&gt;&lt;/ul&gt;						&lt;/li&gt;&lt;li style=&quot;display: list-item;&quot;&gt;&lt;font size=&quot;2&quot;&gt;Fully themeable by CSS&lt;/font&gt;&lt;/li&gt;&lt;li style=&quot;display: list-item;&quot;&gt;&lt;font size=&quot;2&quot;&gt;Solid documentation&lt;/font&gt;&lt;/li&gt;&lt;li style=&quot;display: list-item;&quot;&gt;&lt;font size=&quot;2&quot;&gt;Full support for Adobe AIR&lt;/font&gt;&lt;/li&gt;&lt;/ul&gt;&lt;font size=&quot;2&quot;&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold; color: rgb(204, 0, 0);&quot;&gt;필수 조건&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/font&gt;&lt;div class=&quot;lines&quot;&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;01.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 0px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;table&lt;/code&gt; &lt;code class=&quot;color1&quot;&gt;id&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;string&quot;&gt;&quot;table_id&quot;&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;02.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important; font-weight: bold;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;thead&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;03.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;tr&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;04.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;th&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;Column 1&amp;lt;/&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;th&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;05.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;th&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;Column 2&amp;lt;/&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;th&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;06.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;th&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;etc&amp;lt;/&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;th&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;07.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;tr&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;08.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important; font-weight: bold;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;thead&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;09.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important; font-weight: bold; color: rgb(255, 0, 0);&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;tbody&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;10.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;tr&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;11.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;Row 1 Data 1&amp;lt;/&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;12.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;Row 1 Data 2&amp;lt;/&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;13.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;etc&amp;lt;/&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;14.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;tr&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;15.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;tr&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;16.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;Row 2 Data 1&amp;lt;/&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;17.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;Row 2 Data 2&amp;lt;/&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;18.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;etc&amp;lt;/&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;19.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;tr&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;20.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important; font-weight: bold; color: rgb(255, 0, 0);&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;tbody&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;font size=&quot;2&quot;&gt;&lt;code class=&quot;number&quot;&gt;21.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 0px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;keyword&quot;&gt;table&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;/div&gt;&lt;font size=&quot;2&quot;&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 0, 0);&quot;&gt;thead 와 tbody 는 필수 , tfooter는 옵션&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/font&gt;&lt;p&gt;&lt;font size=&quot;2&quot;&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(204, 0, 0);&quot;&gt;데이터 소스&lt;/span&gt; &lt;br /&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;&lt;a href=&quot;http://www.datatables.net/examples/data_sources/dom.html&quot;&gt;DOM&lt;/a&gt; (i.e. an HTML table in a page)&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;&lt;a href=&quot;http://www.datatables.net/examples/data_sources/js_array.html&quot;&gt;JavaScript array&lt;/a&gt;&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;&lt;a href=&quot;http://www.datatables.net/examples/data_sources/ajax.html&quot;&gt;Ajax source&lt;/a&gt; - a server-side file, with JSON formatting&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;&lt;a href=&quot;http://www.datatables.net/examples/data_sources/server_side.html&quot;&gt;Server-side processing&lt;/a&gt; - where the server will deal with pagination, filtering etc&lt;/font&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;font size=&quot;2&quot;&gt;&lt;br /&gt;&lt;/font&gt;&lt;/p&gt;&lt;font size=&quot;2&quot;&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold; color: rgb(204, 0, 0);&quot;&gt;주요기능 설정&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;bAutoWidth&lt;/span&gt;&amp;nbsp; - 자동컬럼폭 계산&lt;br /&gt;&lt;span style=&quot;color: rgb(51, 51, 255);&quot;&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;bFilter&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; - 데이터 필터링&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;bInfo&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; - 테이블정보 표시&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;bJQueryUI&amp;nbsp;&lt;/span&gt;&amp;nbsp; - jQuery UI ThemeRoller 지원&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;bLengthChange&lt;/span&gt; - 정보표시갯수 허용 (10, 25, 50, 100), bPagenate 필요&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;bPaginate&lt;/span&gt;&amp;nbsp;&amp;nbsp; - 페이징&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;bProcessing&lt;/span&gt; - 테이블 처리중 'processing' 인디케이터 표시&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;bSort&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; - 컬럼소팅 , 각 컬럼에 bSortable 옵션으로 조정가능&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;bSortClasses&amp;nbsp;&lt;/span&gt; -&amp;nbsp; 소트된 컬럼에 클래스 추가 , 큰 데이터셋에서는 사용하지 말것&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;bStateSave&lt;/span&gt;&amp;nbsp; - 상태저장, true시 테이블에 표시된 정보사항을 쿠키에 저장, 리로딩시에 유지&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold; color: rgb(204, 0, 0);&quot;&gt;옵션&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;주요기능 설정으로&amp;nbsp; DataTables적용시의 상세기능설정을 위한 다른 많은 Parameter가 있음&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;aaSorting&lt;/span&gt;&amp;nbsp;&amp;nbsp; - array, 컬럼의 인덱스와 소트방향('asc' 또는 'desc')&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;aaSortingFixed&lt;/span&gt; -&amp;nbsp; aaSorting과 기본적으로 동일, 그러나 사용자에 의해 재정의 될 수 없음&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;aoSearchCols&lt;/span&gt; -&amp;nbsp; oSearch와 기본적으로 동일, 초기화시 개별 컬럼의 필터링상태를 정의, &lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp; array는 컬럼의 갯수와 동일해야 한다.&lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp; 각 요소는 sSearch 와 bEscapeRegex (옵션). 'null'은 기본값으로 사용 가능&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;asStripClasses&lt;/span&gt; - 표시된 row에 적용할 CSS Array , Array길이에 따라 순서대로 적용됨&lt;br /&gt;&lt;span style=&quot;color: rgb(51, 51, 255);&quot;&gt;iCookieDuration &lt;/span&gt;- 세션정보 저장을 위한 쿠기 유지기간, 단위는 초&lt;br /&gt;&lt;span style=&quot;color: rgb(51, 51, 255);&quot;&gt;iDisplayLength&lt;/span&gt;&amp;nbsp; - 페이징시 한 페이지에 표시할 줄수. bLengthChange 사용시 사용자는 팝업메뉴로 설정 가능&lt;br /&gt;&lt;span style=&quot;color: rgb(51, 51, 255);&quot;&gt;iDisplayStart&lt;/span&gt; - 페이징 사용시 표시시작할 위치를 정의, 시작 줄(레코드) 번호 의미함.&lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp; 예) 페이지당 10줄인 경우 3페이지 부터 시작하려면 &quot;20&quot;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;oSearch&amp;nbsp;&lt;/span&gt; - 초기화시 전역 필터링상태를 정의하기 위해 사용, 반드시 sSearch 가 정의되어 있어야 함&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;sAjaxSource&lt;/span&gt;&amp;nbsp; - DataTables에 외부소스로 부터 데이터를 aData 파라미터를 이용해서 로딩하도록 함&lt;br /&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;&amp;nbsp;&amp;nbsp; 읽어올 JSON 오브젝트의 url을 적음. &lt;br /&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;&amp;nbsp;&amp;nbsp; 오브젝트는 반드시&amp;nbsp; 소스데이터와 2D&amp;nbsp; Array인 aaData를 포함해야 한다.&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;sPagenationtype&amp;nbsp;&lt;/span&gt; - 페이징메서드 'two-button' 또는 'full_numbers'&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;sDom&lt;/span&gt;&amp;nbsp; - DataTables를 인젝트할 다양한 컨트롤들의 DOM내 위치를 명확하게 명기한다.&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 예) 페이지네이션 컨트롤을 테이블 상단에 위치시킨다.. 등&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 스타일을 지원하기 위한 DIV요소도 추가될 수 있다.&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;font-weight: bold;&quot;&gt;사용가능한 옵션&lt;/span&gt;&lt;br /&gt;&lt;/font&gt;&lt;ul&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;  'l' - Length changing&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;  'f' - Filtering input&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;  't' - The table!&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;  'i' - Information&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;  'p' - Pagination&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;  'r' - pRocessing&lt;/font&gt;&lt;/li&gt;&lt;/ul&gt;&lt;font size=&quot;2&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;font-weight: bold;&quot;&gt;사용가능한 상수&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/font&gt;&lt;ul&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;  'H' - jQueryUI theme &quot;header&quot; classes ('fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix')&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;  'F' - jQueryUI theme &quot;footer&quot; classes ('fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix')&lt;/font&gt;&lt;/li&gt;&lt;/ul&gt;&lt;font size=&quot;2&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;font-weight: bold;&quot;&gt;문법&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/font&gt;&lt;ul&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;'&amp;lt;' and '&amp;gt;' - div elements&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size=&quot;2&quot;&gt;  '&amp;lt;&quot;class&quot; and '&amp;gt;' - div with a class&lt;/font&gt;&lt;/li&gt;&lt;/ul&gt;&lt;font size=&quot;2&quot;&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;font-weight: bold;&quot;&gt;사용예&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; '&amp;lt;&quot;wrapper&quot;flipt&amp;gt;', 'ip&amp;gt;'&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold; color: rgb(204, 0, 0);&quot;&gt;콜백 Callbacks&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;fnDrawCallback&amp;nbsp;&lt;/span&gt; - 매 draw 이벤트시, 생성된 DOM의 모든 것을 동적으로 변경가능&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;fnFooterCallback&lt;/span&gt;&amp;nbsp; -&amp;nbsp; fnHeaderCallback() 과 동일하나 매 draw이벤트시 footer를 동적으로 변경가능&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;fnHeaderCallback&amp;nbsp;&lt;/span&gt; -&amp;nbsp; 매 draw이벤트시 header 줄을 동적으로 변경가능&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;fnInitComplete&amp;nbsp;&lt;/span&gt; -&amp;nbsp; 테이블초기화 완료시, DataTables는 일반적으로 순서대로 초기화되고, 이 함수가 필요없음&lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 그러나 외부언어정보의 async XHR 콜 완료시 까지 true를 잡지 못한다.&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;fnRowCallback&amp;nbsp;&lt;/span&gt; - 각 테이블의 draw에 의해서 화면에 그려진 후에, 생성된 각 row에 대해 다음처리를 가능하게 한다. &lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; row의 클래스명등을 설정하는데 사용&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;fnServerData&amp;nbsp;&lt;/span&gt; -&amp;nbsp; 서버에서 데이터를 받을 때 기본함수를 override 할 수 있게 한다.&lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; fnServerData는 Ajax Sourced Data 또는 Server-side Processing 을 사용 가능하다.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold; color: rgb(204, 0, 0);&quot;&gt;Columns &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;각 컬럼별로 특별한 지시를 원할 때, aoColumns 파라미터와 각 Object정보를 가지고 할 수 있다.&lt;br /&gt;array 길이는 HTML 테이블의 컬럼수와 반드시 일치해야 한다.&amp;nbsp; 기본값과 자동탐지 옵션을 원할 때는 'null'을 사용&lt;br /&gt;Array내의 각 오브젝트는 아래의 파라미터 또는 'null'을&amp;nbsp; 사용할 수 있다.&lt;br /&gt;&lt;br style=&quot;color: rgb(153, 0, 0);&quot;&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;asSorting&amp;nbsp;&lt;/span&gt; - 소트 방향을 조정가능하고, 소트 핸들러의 동작을 조정할 수 있다.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;bSeachable&lt;/span&gt;&amp;nbsp; - 컬럼의 데이터를 필터링 가능하게 함&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;bSortable&lt;/span&gt;&amp;nbsp; - 컬럼의 소팅 가능여부&lt;br /&gt;&lt;br style=&quot;color: rgb(153, 0, 0);&quot;&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;bUseRendered &lt;/span&gt;- 컬럼에 fnRender() 를 사용할 때 , 소트와 필터링을 위해 렌더링하기 전에 원데이터를 사용하기 원할 수 있다.&lt;br /&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;&amp;nbsp;&amp;nbsp; 기본은 사용.&lt;br /&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;&amp;nbsp;&amp;nbsp; 이건은 일자(dates)등에 유용하게 사용될 수 있다.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;bVisible&lt;/span&gt;&amp;nbsp; - 컬럼의 표시여부&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;fnRender&lt;/span&gt;&amp;nbsp; - 커스텀 표시함수로 이컬럼의 각 셀의 표시를 위해 콜된다.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;iDataSort&amp;nbsp;&lt;/span&gt; -&amp;nbsp; 선택된 컬럼의 소팅을 실행할 컬럼인덱스 (0부터 시작) , 숨겨진(hidden)컬럼의 소팅을 위해 사용할 수 있음&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;sClass&lt;/span&gt;&amp;nbsp; - 컬럼의 각 셀에 적용할 클래스&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;sName&amp;nbsp;&lt;/span&gt; - 이것은 DataTables의 server-side Processing에서만 사용한다.&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 클라이언트에 어떤 컬럼을 표시할 것인지 아는데 매우 유용하고, 이것은 데이터필드에 매핑한다.&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 이것을 정의하면 서버에서 예상하지 않은 순서로 값이 올때, 테이터테이블이 순서를 재구성할 정보를 제공한다.&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; (클라이언트에서 컬럼 순서를 변경해도 서버쪽 코드는 수정할 필요가 없다.)&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;sSortDataType&lt;/span&gt;&amp;nbsp; - 소팅을 위한 데이터 소스 타입을 정의한다. 테이블로 부터 실시간 정보를 읽는데 사용가능하다.&lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 이것은 폼 input 같은 사용자가 editable한 요소를 소팅할 수 있게 한다.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;sTitle &lt;/span&gt;- 컬럼 타이틀&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;sType&lt;/span&gt;&amp;nbsp; - 컬럼이 소트될 방법을 정의할 수 있게 한다. &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 현재 네가지 타입 (string, numeric, date , html - 소트전에 태그를 strip함) 이 사용가능함&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; date는 JavaScript의 Date()으로 받아들이는 것에 주의할 것.&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 예) &quot;Mar 26, 2008 5:03 PM&quot;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 사용가능한 값은 'string','numeric','date', 'html' ,&amp;nbsp; 기본은 'html'이다.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;sWidth&amp;nbsp;&lt;/span&gt; - 컬럼의 폭을 정의,&amp;nbsp; 이것은 CSS 값 형태를 가질 수 있다.&amp;nbsp; 예) 3em, 20px 등&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; DataTables는 'smart' 폭을 제공한다. 이것은 주어진 특정한 폭에서 테이블을 가독성있게 할 수 있도록 해준다.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold; color: rgb(204, 0, 0);&quot;&gt;언어(국제화)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;oLanguage 오브젝트의 프로퍼티를 이용해서 DataTables의 국제화를 완전하게 조절할 수 있다.&lt;br /&gt;다음의&lt;span style=&quot;color: rgb(255, 0, 0);&quot;&gt; &lt;span style=&quot;font-weight: bold;&quot;&gt;모든 스트링들은 HTML태그를 포함할 수 있다&lt;/span&gt;&lt;/span&gt;. 예) image등&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 102, 0);&quot;&gt;oLanguage.oPaginate.sFirst&lt;/span&gt; -&amp;nbsp; 'full_numbers' 페이징에서 첫페이지 버튼명&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 102, 0);&quot;&gt;oLanguage.oPaginate.sLaxt&lt;/span&gt; -&amp;nbsp; 'full_numbers' 페이징에서 끝페이지 버튼명&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 153, 0);&quot;&gt;oLanguage.oPaginate.sNext&lt;/span&gt; -&amp;nbsp; 'full_numbers' 페이징에서 다음페이지 버튼명&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 102, 0);&quot;&gt;oLanguage.oPaginate.sPrevious&lt;/span&gt; -&amp;nbsp; 'full_numbers' 페이징에서 이전페이지 버튼명&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 102, 0);&quot;&gt;oLanguage.sInfo&lt;/span&gt;&amp;nbsp; -&amp;nbsp; 현재 표시된 페이지의 정보를 사용자에게 줌&lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; _START_ , _END_, _TOTAL_ 변수들은 테이블 디스플레이가 Update되는 것처럼 동적으로 변경(replace)되고&lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 자유롭게 이동이나 삭제할 수 있다.&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 102, 0);&quot;&gt;oLanguage.sInfoEmpty&amp;nbsp;&lt;/span&gt; -&amp;nbsp; 테이블이 empty일때 스트링정보를 표시&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 102, 0);&quot;&gt;oLanguage.sInfoFiltered&lt;/span&gt;&amp;nbsp; - 사용자가 테이블을 필터링 할 때, 이 스트링은 sInfo에 append된다.&lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 변수 _MAX_는 동적으로 업데이트된다.&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 102, 0);&quot;&gt;oLanguage.sInfoPostFix&lt;/span&gt;&amp;nbsp; - 때때로 info 스트링에 부가정보를 추가하려면 이 변수를 사용한다.&lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 이정보는 sInfo에 언제든지 추가될 수 있다.&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 102, 0);&quot;&gt;oLanguage.sLengthMenu&lt;/span&gt; - 페이징 길이옵션을 변경할때 사용,&amp;nbsp; _MENU_ 변수 기본값은 10,25,50,100 이다. &lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 사용자가 선택박스를 필요시 변경할 수 있다.&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 102, 0);&quot;&gt;oLanguage.sProcessing&lt;/span&gt; -&amp;nbsp; 테이블 처리시 processing 표시글&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 102, 0);&quot;&gt;oLanguage.sSearch&amp;nbsp;&lt;/span&gt; - 사용자가 필터링 입력박스에 타이핑할 때 잡히는 액션들의 기록&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 102, 0);&quot;&gt;oLanguage.sUrl&amp;nbsp;&lt;/span&gt;&amp;nbsp; - 언어관련 정보가 서버에 있을때, DataTables가 참조할 값으로 넘어간다. &lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; JSON포맷으로 oLanguage오브젝트와 동일한 프로퍼티를 갖는다.&lt;br /&gt;&lt;span style=&quot;color: rgb(255, 102, 0);&quot;&gt;oLanguage.sZeroRecords&lt;/span&gt;&amp;nbsp; - 테이블에 정보가 없을 때, 테이블의 내부에 표시될 텍스트.&lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 테이블이 필터되어 해당 레코드가 없을때도 사용됨&lt;br /&gt;&lt;br /&gt;&lt;br style=&quot;font-weight: bold; color: rgb(204, 0, 0);&quot;&gt;&lt;span style=&quot;font-weight: bold; color: rgb(204, 0, 0);&quot;&gt;서버측 프로세싱&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;서버측 프로세싱을 사용할 때, DataTables는 각 페이지정보를 draw하기 위해 서버에 XHR request를 보낸다.&lt;br /&gt;DataTables는 서버에 원하는 처리를 요청하기위해 변수들을 전송하고, DataTables가 원하는 포맷의 데이터를 리턴받는다.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(51, 51, 255);&quot;&gt;서버로 전송하는 파라미터들&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;아래 정보는 각 draw request를 위해 서버에 전송된다. &lt;br /&gt;서버측 스크립트는 draw를 위해 필요한 데이터를 포함인 이 정보들을 필수적으로 이용한다.&lt;br /&gt;&lt;br /&gt;&lt;/font&gt;&lt;table class=&quot;display&quot; cellpadding=&quot;5&quot; cellspacing=&quot;5&quot; border=&quot;0&quot;&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;font size=&quot;2&quot;&gt;Type&lt;/font&gt;&lt;/th&gt;							&lt;th&gt;&lt;font size=&quot;2&quot;&gt;Name&lt;/font&gt;&lt;/th&gt;							&lt;th width=&quot;70%&quot;&gt;&lt;font size=&quot;2&quot;&gt;Info&lt;/font&gt;&lt;/th&gt;						&lt;/tr&gt;					&lt;/thead&gt;					&lt;tbody&gt;						&lt;tr class=&quot;even&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;int&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;iDisplayStart&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;표시할 시작 포인트&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: rgb(255, 0, 0);&quot;&gt;** Start 와 Length는&amp;nbsp; mysql의 Limit 사용기준&amp;nbsp; ex) Limit&amp;nbsp; 0, 20 &lt;/span&gt;&lt;br /&gt;&lt;/font&gt;&lt;/td&gt;						&lt;/tr&gt;						&lt;tr class=&quot;odd&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;int&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;iDisplayLength&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;표시할 레코드 수&lt;br /&gt;&lt;/font&gt;&lt;/td&gt;						&lt;/tr&gt;						&lt;tr class=&quot;even&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;int&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;iColumns&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;표시될 컬럼수 (개별 컬럼정보를 가져오는데 유용)&lt;/font&gt;&lt;/td&gt;						&lt;/tr&gt;						&lt;tr class=&quot;odd&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;string&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;sSearch&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;전역 검색 필드&lt;br /&gt;&lt;/font&gt;&lt;/td&gt;						&lt;/tr&gt;						&lt;tr class=&quot;even&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;boolean&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;bEscapeRegex&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;전역검색이 정규표현식인지 아닌지&lt;br /&gt;&lt;/font&gt;&lt;/td&gt;						&lt;/tr&gt;						&lt;tr class=&quot;odd&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;boolean&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;bSortable_&lt;i&gt;(int)&lt;/i&gt;&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;컬럼이 클라이언트에서 sortable인지 아닌지&lt;/font&gt;&lt;/td&gt;						&lt;/tr&gt;						&lt;tr class=&quot;even&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;boolean&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;bSearchable_&lt;i&gt;(int)&lt;/i&gt;&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;컬럼이 클라이언트에서 searchable인지 아닌지&lt;br /&gt;&lt;/font&gt;&lt;/td&gt;						&lt;/tr&gt;						&lt;tr class=&quot;odd&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;string&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;sSearch_&lt;i&gt;(int)&lt;/i&gt;&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;개별컬럼 필터&lt;br /&gt;&lt;/font&gt;&lt;/td&gt;						&lt;/tr&gt;						&lt;tr class=&quot;even&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;boolean&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;bEscapeRegex_&lt;i&gt;(int)&lt;/i&gt;&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;개별컬럼 필터가 정유표현식인지 아닌지 &lt;br /&gt;&lt;/font&gt;&lt;/td&gt;						&lt;/tr&gt;						&lt;tr class=&quot;odd&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;int&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;iSortingCols&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;소트 대상 컬럼수&lt;br /&gt;&lt;/font&gt;&lt;/td&gt;						&lt;/tr&gt;						&lt;tr class=&quot;even&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;int&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;iSortCol_&lt;i&gt;(int)&lt;/i&gt;&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;소트될 컬럼 (데이터베이스에서 이 숫자는 디코드 될 필요가 있음)&lt;/font&gt;&lt;/td&gt;						&lt;/tr&gt;						&lt;tr class=&quot;odd&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;string&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;sSortDir_&lt;i&gt;(int)&lt;/i&gt;&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;소트될 방향 - &quot;desc&quot; or &quot;asc&quot;. &lt;i&gt;Note that the prefix for this variable is wrong in 1.5.x where iSortDir_&lt;i&gt;(int)&lt;/i&gt; was used)&lt;/i&gt;&lt;/font&gt;&lt;/td&gt;						&lt;/tr&gt;						&lt;tr class=&quot;even&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;string&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;sEcho&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;DataTables 이 rendering 하기위해 사용하는 정보&lt;br /&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;font size=&quot;2&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold; color: rgb(204, 0, 0);&quot;&gt;서버의 응답&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;각 리퀘스트에 대한 응답은 아래의 파라미터의 well formed JSON 오브젝트여야 한다.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/font&gt;&lt;table class=&quot;display&quot; cellpadding=&quot;5&quot; cellspacing=&quot;5&quot; border=&quot;0&quot;&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;font size=&quot;2&quot;&gt;Type&lt;/font&gt;&lt;/th&gt;							&lt;th&gt;&lt;font size=&quot;2&quot;&gt;Name&lt;/font&gt;&lt;/th&gt;							&lt;th width=&quot;70%&quot;&gt;&lt;font size=&quot;2&quot;&gt;Info&lt;/font&gt;&lt;/th&gt;						&lt;/tr&gt;					&lt;/thead&gt;					&lt;tbody&gt;						&lt;tr class=&quot;even&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;int&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;iTotalRecords&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;필터링 되기전의 전체 레코드수 (i.e. 데이터베이스의 전체 레코드수)&lt;/font&gt;&lt;/td&gt;						&lt;/tr&gt;						&lt;tr class=&quot;odd&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;int&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;iTotalDisplayRecords&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;필터링후의 전체 레코드수(i.e. 필터링 적용후의 레코드수,&amp;nbsp; 해당 리절트셋의 리턴된 레코드수가 아님)&lt;/font&gt;&lt;/td&gt;						&lt;/tr&gt;						&lt;tr class=&quot;even&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;string&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;sEcho&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;클
라이언트에서 받은 eEcho의 변경되지 않은 Copy. 이 파라미터는 각 draw마다 변경된다.(기본적으로는 draw count)
 - 이 구현은 아주 중요하다.&amp;nbsp; XSS 공격을 피하기 위해&amp;nbsp; 이 파라미터를 integer로 캐스팅하는 것&lt;/font&gt;&lt;font size=&quot;2&quot;&gt;은 보안때문에 강력히 요구된다.&lt;/font&gt;&lt;/td&gt;						&lt;/tr&gt;						&lt;tr class=&quot;odd&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;string&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;sColumns&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;선택적 - 컴마로 구분된 컬럼명의 스트링 (&lt;a href=&quot;http://www.datatables.net/usage/columns#sName&quot;&gt;sName&lt;/a&gt; 과 조합하여 사용됨),&lt;br /&gt;표시를 위해 필요한 경우 클라이언트측에 DataTables가 데이터 순서를 재정돈 할 수 있도록 한다.&lt;/font&gt;&lt;/td&gt;						&lt;/tr&gt;						&lt;tr class=&quot;even&quot;&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;array array mixed&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;aaData&lt;/font&gt;&lt;/td&gt;							&lt;td&gt;&lt;font size=&quot;2&quot;&gt;&amp;nbsp;2D array 데이터&lt;br /&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;font size=&quot;2&quot;&gt;&lt;br /&gt;&lt;/font&gt;&lt;font size=&quot;2&quot;&gt;&lt;span style=&quot;font-weight: bold; color: rgb(51, 51, 255);&quot;&gt;리턴값의 예&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/font&gt;&lt;div class=&quot;lines&quot;&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;code class=&quot;number&quot;&gt;01.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 0px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;{&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;code class=&quot;number&quot;&gt;02.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;string&quot;&gt;&quot;sEcho&quot;&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;: 3,&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;code class=&quot;number&quot;&gt;03.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;string&quot;&gt;&quot;iTotalRecords&quot;&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;: 57,&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;code class=&quot;number&quot;&gt;04.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;string&quot;&gt;&quot;iTotalDisplayRecords&quot;&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;: 57,&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;code class=&quot;number&quot;&gt;05.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;string&quot;&gt;&quot;aaData&quot;&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;: [&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;code class=&quot;number&quot;&gt;06.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;[&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;code class=&quot;number&quot;&gt;07.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;string&quot;&gt;&quot;Gecko&quot;&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;,&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;code class=&quot;number&quot;&gt;08.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;string&quot;&gt;&quot;Firefox 1.0&quot;&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;,&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;code class=&quot;number&quot;&gt;09.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;string&quot;&gt;&quot;Win 98+ / OSX.2+&quot;&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;,&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;code class=&quot;number&quot;&gt;10.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;string&quot;&gt;&quot;1.7&quot;&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;,&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;code class=&quot;number&quot;&gt;11.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;string&quot;&gt;&quot;A&quot;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;code class=&quot;number&quot;&gt;12.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;],&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;code class=&quot;number&quot;&gt;13.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;[&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;code class=&quot;number&quot;&gt;14.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;string&quot;&gt;&quot;Gecko&quot;&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;,&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;code class=&quot;number&quot;&gt;15.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;string&quot;&gt;&quot;Firefox 1.5&quot;&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;,&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;code class=&quot;number&quot;&gt;16.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;string&quot;&gt;&quot;Win 98+ / OSX.2+&quot;&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;,&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;code class=&quot;number&quot;&gt;17.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;string&quot;&gt;&quot;1.8&quot;&lt;/code&gt;&lt;code class=&quot;plain&quot;&gt;,&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;code class=&quot;number&quot;&gt;18.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&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;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 96px ! important;&quot;&gt;&lt;code class=&quot;string&quot;&gt;&quot;A&quot;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;code class=&quot;number&quot;&gt;19.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;],&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;code class=&quot;number&quot;&gt;20.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 64px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;...&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;code class=&quot;number&quot;&gt;21.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 32px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;] &lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;code class=&quot;number&quot;&gt;22.&lt;/code&gt;&lt;span class=&quot;content&quot;&gt;&lt;span class=&quot;block&quot; style=&quot;margin-left: 0px ! important;&quot;&gt;&lt;code class=&quot;plain&quot;&gt;}&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold; color: rgb(51, 51, 255);&quot;&gt;초기화 파라미터&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;bServerSide&lt;/span&gt;&amp;nbsp; -&amp;nbsp; 서버측 프로세싱의 사용여부,&amp;nbsp; sAjaxSource 파라미터를 반드시 함께 사용해야 한다.&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;&lt;br /&gt;fnServerDate&lt;/span&gt;&amp;nbsp; -&amp;nbsp; 서버로 부터 데이터를 얻는 default 함수($.getJSON)를 override 할수 있게 한다. &lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 예) POST data를 사용하거나 정보를 Gears나 AIR 데이터베이스에서 가져오는 경우 등에 사용&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;sAjaxSource&lt;/span&gt; -&amp;nbsp; 서버로 부터 데이터를 로딩할 주소값,&amp;nbsp; 1회성으로 JSON 포맷의 데이터 파일도 사용가능&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>프로그래밍</category>
      <author>manacom</author>
      <guid isPermaLink="true">https://manacom.tistory.com/67</guid>
      <comments>https://manacom.tistory.com/67#entry67comment</comments>
      <pubDate>Thu, 26 Jun 2014 04:26:28 +0900</pubDate>
    </item>
    <item>
      <title>Xshell 개인이 구매한 라이센스 사용범위</title>
      <link>https://manacom.tistory.com/64</link>
      <description>&lt;p&gt;&lt;span style=&quot;font-size: 10pt; font-family: Gulim, 굴림, AppleGothic, sans-serif;&quot;&gt;넷사랑 Xshell(SSH) 개인이 구매한 라이센스를 어디까지 가능한지 대하여&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 10pt; font-family: Gulim, 굴림, AppleGothic, sans-serif;&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: 10pt; font-family: Gulim, 굴림, AppleGothic, sans-serif;&quot;&gt;* 문의 내용 : &amp;nbsp;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 0, 0);&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;gmail_default&quot; style=&quot;font-family: gulimche,monospace; margin-left: 6em;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;개인이 정품 라이센스를 구매 후 회사 PC에 설치 사용 가능한지요?&lt;/span&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;gmail_default&quot; style=&quot;font-family: gulimche,monospace; margin-left: 6em;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;
개인 라이센스 와 기업 라이센스 차이도 알려주세요.&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;p style=&quot;margin-left: 6em;&quot;&gt;&lt;span style=&quot;font-size: 10pt; font-family: Gulim, 굴림, AppleGothic, sans-serif;&quot;&gt;&lt;b&gt;&lt;/b&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: 10pt; font-family: Gulim, 굴림, AppleGothic, sans-serif;&quot;&gt;* 답변 내용 :&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: rgb(34, 34, 34); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 10pt; line-height: normal; background-color: transparent;&quot;&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;div style=&quot;color: rgb(0, 0, 0); margin-left: 6em;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 10pt; font-family: Gulim,굴림,AppleGothic,sans-serif;&quot;&gt;개인이 구매하여 회사 PC에 설치 및 사용 가능합니다.&lt;/span&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;color: rgb(0, 0, 0); margin-left: 6em;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 10pt; font-family: Gulim,굴림,AppleGothic,sans-serif;&quot;&gt;다만 그 회사 PC가 공동으로 사용하는 PC이거나 터미널 서버와 같은&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;p style=&quot;margin-left: 6em;&quot;&gt;&lt;span style=&quot;font-size: 10pt; font-family: Gulim,굴림,AppleGothic,sans-serif;&quot;&gt;

&lt;/span&gt;&lt;/p&gt;&lt;div style=&quot;color: rgb(0, 0, 0); margin-left: 6em;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 10pt; font-family: Gulim,굴림,AppleGothic,sans-serif;&quot;&gt;여러 사용자가 사용하는 PC가 아니어야 합니다.&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;color: rgb(0, 0, 0); margin-left: 6em;&quot;&gt;&lt;b&gt;&lt;font color=&quot;#666666&quot; face=&quot;arial, helvetica, sans-serif&quot;&gt;&lt;br /&gt;&lt;/font&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 6em;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 10pt; font-family: Gulim,굴림,AppleGothic,sans-serif;&quot;&gt;저희 회사 제품은 개인 라이선스와 기업 라이선스가 따로 있지 않습니다.&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;p&gt;&lt;span style=&quot;color: rgb(34, 34, 34); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 10pt; line-height: normal; background-color: transparent;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/span&gt;&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;</description>
      <category>라이센스</category>
      <category>ssh</category>
      <category>xshell</category>
      <category>넷사랑</category>
      <category>라이센스</category>
      <author>manacom</author>
      <guid isPermaLink="true">https://manacom.tistory.com/64</guid>
      <comments>https://manacom.tistory.com/64#entry64comment</comments>
      <pubDate>Mon, 19 May 2014 13:17:42 +0900</pubDate>
    </item>
    <item>
      <title>에디터플러스(editplus) 개인이 구매한 라이센스 사용범위</title>
      <link>https://manacom.tistory.com/63</link>
      <description>&lt;p&gt;&lt;span style=&quot;font-size: 10pt; font-family: Gulim, 굴림, AppleGothic, sans-serif;&quot;&gt;에디터 플러스는 많은 개발자들이 사용하고 있는데, 개인이 구매한 라이센스를 어디까지 가능한지 대하여&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 10pt; font-family: Gulim, 굴림, AppleGothic, sans-serif;&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: 10pt; font-family: Gulim, 굴림, AppleGothic, sans-serif;&quot;&gt;* 문의 내용 : &amp;nbsp;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 0, 0);&quot;&gt;개인(프리랜서&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; font-family: Gulim, 굴림, AppleGothic, sans-serif;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 0, 0);&quot;&gt;)이 구매한 라이센스를 회사(정규식-지급PC)에서 사용 가능하지?&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;span style=&quot;font-size: 10pt; font-family: Gulim, 굴림, AppleGothic, sans-serif;&quot;&gt;* 답변 내용 :&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: rgb(34, 34, 34); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 10pt; line-height: normal; background-color: transparent;&quot;&gt;&lt;b&gt;에디트플러스 라이센스는 개인이 구매하더라도 회사에서 업무용으로 사용하실 수 있습니다.&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: rgb(34, 34, 34); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 10pt; line-height: normal; background-color: transparent;&quot;&gt;&lt;b&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 단, 구입하신 분 한명만 사용이 가능하며 다른 사람이 사용하는 것은 허용되지 않습니다.&lt;/b&gt;&lt;/span&gt;&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;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>라이센스</category>
      <category>EditPlus</category>
      <category>License</category>
      <category>라이센스</category>
      <category>에디터플러스</category>
      <author>manacom</author>
      <guid isPermaLink="true">https://manacom.tistory.com/63</guid>
      <comments>https://manacom.tistory.com/63#entry63comment</comments>
      <pubDate>Mon, 12 May 2014 16:41:31 +0900</pubDate>
    </item>
    <item>
      <title>부모창 종료시 팝업창 닫기</title>
      <link>https://manacom.tistory.com/55</link>
      <description>&lt;span class=&quot;category&quot;&gt;&lt;/span&gt;
&lt;div id=&quot;post-area&quot;&gt;
    &lt;div class=&quot;post-view&quot;&gt;
       	&lt;p&gt;&amp;lt;html&amp;gt;&lt;br /&gt;&amp;lt;head&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;/p&gt;
&lt;p&gt;window.open('http://www.naver.com','testwin','width=800,height=600');&lt;br /&gt;function close_pop()&lt;br /&gt;{&lt;br /&gt;&amp;nbsp;try{&lt;br /&gt;&amp;nbsp;&amp;nbsp;if (/MSIE/.test(navigator.userAgent)) { &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if(navigator.appVersion.indexOf(&quot;MSIE 7.0&quot;)&amp;gt;=0) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; //IE7에서는 아래와 같이&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; window.open('about:blank','testwin').close();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; else { &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; //IE7이 아닌 경우&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; window.opener = testwin; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; testwin.close(); &lt;br /&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;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;} else { &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; window.name = '__t__'; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var w = window.open('about:blank'); &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; w.document.open(); &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
 w.document.write('&amp;lt;html&amp;gt;&amp;lt;body&amp;gt;&amp;lt;script 
type=&quot;text/javascript&quot;&amp;gt;function _(){var 
w=window.open(&quot;about:blank&quot;,&quot;'+window.name+'&quot;);w.close();self.close();}&amp;lt;/'+'script&amp;gt;&amp;lt;/body&amp;gt;&amp;lt;/html&amp;gt;');&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; w.document.close();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; w._();&lt;br /&gt;&amp;nbsp;&amp;nbsp;} &lt;br /&gt;&amp;nbsp;}catch(ex){&lt;br /&gt;&amp;nbsp;&amp;nbsp;alert(ex.name+&quot;:&quot;+ex.message);&lt;br /&gt;&amp;nbsp;}&lt;br /&gt;}&lt;/p&gt;
&lt;p&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&amp;lt;/head&amp;gt;&lt;br /&gt;&amp;lt;body onUnload=&quot;javascript: close_pop();&quot;&amp;gt;&lt;br /&gt;&amp;lt;/body&amp;gt;&lt;br /&gt;&amp;lt;/html&amp;gt;&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>프로그래밍</category>
      <author>manacom</author>
      <guid isPermaLink="true">https://manacom.tistory.com/55</guid>
      <comments>https://manacom.tistory.com/55#entry55comment</comments>
      <pubDate>Tue, 19 Nov 2013 13:19:06 +0900</pubDate>
    </item>
    <item>
      <title>[ClassicASP] UTF-8 &amp;harr; euc-kr 변환 escape / encodeURI / encodeURIComponent</title>
      <link>https://manacom.tistory.com/53</link>
      <description>&lt;p&gt;&lt;span id=&quot;writeContents&quot; style=&quot;FONT-SIZE: 12px&quot;&gt;utf-8 웹페이지에 KCP 전자결제 시스템 구축중 한글을 전송하는 과정에서 문제가 발생합니다.&lt;br /&gt;KCP ( 올더게이트 등 )은 euc-kr 데이타로 결제과정이 진행되기 때문입니다.&lt;br /&gt;이때 한글을 escape 함수를 이용해서 암호화 형태로 변형해서 KCP에 전송후 리턴된 한글을 다시 unescape 함수를 이용해서 원래 한글로 되돌려 Database에 저장합니다.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;용어설명&lt;br /&gt;&amp;nbsp; 인코딩 : 정보를 부호화/암호화&lt;br /&gt;&amp;nbsp; 디코딩 : 그 부호화/암호화를 해제&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;% @LANGUAGE='VBscRIPT' CODEPAGE='65001' %&amp;gt;&lt;br /&gt;&amp;lt; %&lt;br /&gt;response.CharSet = &quot;utf-8&quot;&lt;br /&gt;response.write &quot;인코딩 = &quot;&amp;amp; escape(&quot;해피정닷컴&quot;) &amp;amp;&quot;&amp;lt;br /&amp;gt;&quot;&lt;br /&gt;response.write &quot;디코딩 = &quot;&amp;amp; unescape(&quot;%uD574%uD53C%uC815%uB2F7%uCEF4&quot;) &amp;amp;&quot;&amp;lt;br /&amp;gt;&quot;&lt;br /&gt;%&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;결과&lt;br /&gt;인코딩 = %uD574%uD53C%uC815%uB2F7%uCEF4&lt;br /&gt;디코딩 = 해피정닷컴&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;url을 client에서 server로 넘길 때 escape sequence로 넘겨야 client에서 넘긴 url을 제대로 받을 수 있기 때문에 사용합니다.&lt;br /&gt;그러면, 비슷 비슷한 이 세 함수들의 차이점을 알아봅니다.&lt;br /&gt;&amp;nbsp;&lt;br /&gt;1. escape() :&lt;br /&gt;&quot;+&quot; 문자를 server쪽에서 공백(space)으로 처리하고, 실제 공백(space)문자도 공백으로 처리하기 때문에, 이 escape()함수는 non-ASCII 문자들을 정확하게 처리하지 못합니다.&lt;br /&gt;따라서 이런 escape()의 문제점을 피하기 위한 최선의 선택은 거의 모든 non-ASCII 문자들 까지 encode 해주는 &quot;encodeURIComponent()&quot;를 사용하는 것입니다.&lt;br /&gt;&lt;br /&gt;1-1. escape()가 encode 하지 못하는 문자들 : &lt;span style=&quot;COLOR: rgb(255,0,0)&quot;&gt;@*/+&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;2. encodeURI() :&lt;br /&gt;이 함수는 &quot;'&quot;(외 따옴표) 문자를 encode 하지 않습니다. URI에서 valid한 문자로 사용되기 때문입니다.&lt;br /&gt;&lt;br /&gt;2-1. encodeURI()가 encode 하지 못하는 문자들 : &lt;span style=&quot;COLOR: rgb(255,0,0)&quot;&gt;~!@#$&amp;amp;*()=:/,;?+'&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;3. encodeURIComponent() :&lt;br /&gt;최근에, encodeURIComponent()함수는 대부분의 경우에 URI를 인코딩 할 때 사용 됩니다.&lt;br /&gt;이 함수는 대부분의 문자들을 인코딩 합니다.&lt;br /&gt;이 함수는 &quot;'&quot;(외 따옴표)문자를 encode 하지 않습니다. URI에서 valid한 문자로 사용되기 때문입니다.&lt;br /&gt;&amp;nbsp;&lt;br /&gt;3-1. encodeURIComponent() 가 encode 하지 못하는 문자들 : &lt;span style=&quot;COLOR: rgb(255,0,0)&quot;&gt;~!*()'&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;관련자료&lt;br /&gt;&lt;a href=&quot;http://taeyo.pe.kr/Forum/Content.aspx?SEQ=151401&amp;amp;TBL=ASP&quot; target=&quot;_blank&quot;&gt;&lt;u&gt;&lt;font color=&quot;#0066cc&quot;&gt;http://taeyo.pe.kr/Forum/Content.aspx?SEQ=151401&amp;amp;TBL=ASP&lt;/font&gt;&lt;/u&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://blog.naver.com/kolove79/20044205975&quot; target=&quot;_blank&quot;&gt;&lt;u&gt;&lt;font color=&quot;#0066cc&quot;&gt;http://blog.naver.com/kolove79/20044205975&lt;/font&gt;&lt;/u&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://xkr.us/articles/javascript/encode-compare/&quot; target=&quot;_blank&quot;&gt;&lt;u&gt;&lt;font color=&quot;#0066cc&quot;&gt;http://xkr.us/articles/javascript/encode-compare/&lt;/font&gt;&lt;/u&gt;&lt;/a&gt; &lt;/span&gt;&lt;/p&gt;</description>
      <category>프로그래밍</category>
      <author>manacom</author>
      <guid isPermaLink="true">https://manacom.tistory.com/53</guid>
      <comments>https://manacom.tistory.com/53#entry53comment</comments>
      <pubDate>Wed, 13 Nov 2013 23:19:26 +0900</pubDate>
    </item>
    <item>
      <title>태터툴즈로 만든 블로그</title>
      <link>https://manacom.tistory.com/1</link>
      <description>&lt;p&gt;마나컴 블로그입니다.&lt;/p&gt;</description>
      <category>manacom</category>
      <author>manacom</author>
      <guid isPermaLink="true">https://manacom.tistory.com/1</guid>
      <comments>https://manacom.tistory.com/1#entry1comment</comments>
      <pubDate>Fri, 5 Jan 2007 13:18:14 +0900</pubDate>
    </item>
  </channel>
</rss>