achor Empire - AE_SCRAP 권아처의 소소한 일상 - AE_SCRAP http://achor.net/board/ae_scrap/ Wed, 14 May 2025 02:32:19 +0900 FeedCreator 1.8.0-dev (info@mypapit.net) http://achor.net/v7.4/img/logo/aelogo48x48.gif achor Empire Logo http://achor.net/board/ae_scrap/ Feed provided by achor Empire. Click to visit. 한국어 모음 정렬 순서 http://achor.net/board/ae_scrap/40 아<br /> 야<br /> 어<br /> 여<br /> 오<br /> 요<br /> 우<br /> 유<br /> 으<br /> 이<br /> 애<br /> 얘<br /> 에<br /> 예<br /> 외<br /> 왜<br /> 웨<br /> 의<br /> <br /> 단모음: 아, 어, 오, 우, 으, 이 (기본 모음)<br /> 이중모음: 야, 여, 요, 유, 애, 얘, 에, 예, 외, 왜, 웨, 의<br /> <br /> 혜와 회 중 뭐가 빠를까 고민하다가 문득.<br /> <br /> - achor no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/40 G Suite Legacy free 300유저 무료 전환 http://achor.net/board/ae_scrap/39 얼마전 Google G Suite Legacy free를 Workspace로 업그레이드 한 사람들에 대해서 <br /> 다시 무료 버전으로 돌려놓는 작업이 완료되었다는 소식을 알려드린 바 있습니다.<br /> <br /> <a href=https://tesll.com/353 target=_blank>https://tesll.com/353</a><br /> <br /> 그런데 사전에 유료버전(Workspace Business Starter)로 전환하지 않은 경우에도..<br /> 위의 혜택을 얻을 수 있는 방법이 공개되어서 소개합니다.<br /> <br /> 주의사항: 현시점 (2022년 7월 25일)에는 가능하나 이후에는 안될 가능성이 있으며 개인별로도 가/부가 다를 수 있음.<br /> <br /> <br /> 얻을 수 있는 것<br /> <br /> 1. 1개의 계정당 300명의 사용자 (무료버전은 10명)<br /> 2. 1개의 계정당 30GB의 저장용량 (무료버전은 15GB)<br /> 3. 보조도메인(Secondary domain) 사용가능 (무료버전은 별칭 도메인만 사용 가능했음)<br /> <br /> <br /> 방법<br /> <br /> 1. G Sute Legacy 계정에 로그인 <a href=https://admin.google.com target=_blank>https://admin.google.com</a> <br /> 2. 결제 - 구독 메뉴에서 &quot;업그레이드&quot;를 선택하고 결제 정보 입력 (요금제는 탄력 요금제 선택하며 바로 결제 되지 않으니 괜찮음)<br /> 3. Workspace Business Starter 로 업그레이드된 것을 확인 한 뒤에 아래 링크 접속<br /> <br /> <a href=https://support.google.com/a/answer/2855120?hl=en target=_blank>https://support.google.com/a/answer/2855120?hl=en</a><br /> <br /> 4. 파란색의 &quot;I used my account for personal use&quot; 버튼 클릭<br /> 5. 이후 화면에서 I Confirm~~~ 클릭시 무료 계정으로 즉시 전환됨.<br /> <br /> <br /> 출처: <a href=https://tesll.com/354 target=_blank>https://tesll.com/354</a> [세상을 재미있게 사는 법 :: 남욱닷컴 :::티스토리] no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/39 갤럭시 S4 LTE-A 루팅 http://achor.net/board/ae_scrap/38 <p>삼성 갤럭시 S4 LTE-A 롤리팝,이라면,<br /> Samsung Galaxy S4 LTE-A SHV-E330K on 5.0.1,<br /> <br /> 루팅엔 아래 URL이 최선이더라.<br /> This is the best way to get the root certificate authority.<br /> </p> <p> <a href='https://androidmtk.com/root-samsung-galaxy-s4-lte-a-shv-e330k-on-5-0-1' target='_blank'>https://androidmtk.com/root-samsung-galaxy-s4-lte-a-shv-e330k-on-5-0-1</a></p> <hr /> <div class="header_container" id="__reading__mode__header__container"> <div class="header_content"> <h1>How to root Samsung Galaxy S4 LTE-A SHV-E330K on 5.0.1</h1> </div> </div> <div class="__reading__mode__mainbody" id="__reading__mode__mainbody__id"> <div id="htmlNonSecureZone"><!-- Do not remove, see CFeedViewer::_IsElementInHTMLSecureZone --> <div class="__reading__mode__extracted__article__body" id="content"> <p>These are the instructions to root Samsung Galaxy S4 LTE-A SHV-E330K (running on android 5.0.1, built id LRX22C.E330KKKUDOH2) using Odin on Windows Computer.</p> <p><strong>Requirements</strong>: Your Samsung Galaxy S4 LTE-A SHV-E330K on 5.0.1 should have atleast 30-40 percent of battery to perform the rooting process.</p> <p><strong>If your Samsung Galaxy S4 LTE-A SHV-E330K smartphone is running on Android 4.4.2 then head over to <a href="https://androidmtk.com/root-samsung-galaxy-s4-lte-shv-e330k">this page</a>.</strong></p> <h2>Root Samsung Galaxy S4 LTE-A SHV-E330K on 5.0.1 using Odin</h2> <p><strong>Step&nbsp;1:</strong>&nbsp;<a href="https://androidmtk.com/download-samsung-usb-drivers" title="Download Samsung USB Drivers">Download</a> and Install Samsung USB Driver on your computer. If Samsung USB Driver already installed on your computer then Skip this Step.</p> <p><strong>Step&nbsp;2</strong>:&nbsp;<a href="https://androiddatahost.com/upload/i3CNW" rel="nofollow" target="_blank">Download</a> and extract the root files on your computer. After extracting you will be able to see the following files:</p> <p><strong>Step&nbsp;3:</strong>&nbsp;Now, <strong>Switch off</strong> your Smartphone.</p> <p><strong>Step 4</strong>: After switching-off the phone, you need to boot into Download Mode. To boot into download mode Press and hold <strong>Volume Down</strong>, <strong>Home</strong>&nbsp;and <strong>Power button</strong> at same time for 5-8 seconds until download mode is active.</p> <p><strong>Step&nbsp;5:</strong>&nbsp;In the <strong>Download mode</strong> you will be able to see a <strong>Warning Yellow Triangle Sign</strong>. In this situation you have to <strong>press</strong> the <strong>Volume Up</strong>&nbsp;key to <strong>continue</strong>.</p> <p><strong>Step&nbsp;6:&nbsp;</strong>Now, Open <strong>Odin3</strong> (found in the extracted files, that you have downloaded in the <strong>Step#2</strong>) on your computer. Then connect your Smartphone to the computer.</p> <p><strong>Step&nbsp;7:</strong>&nbsp;Once you have connected the Smartphone to the computer, Odin will automatically recognize the device and show &ldquo;<strong>Added</strong>&rdquo; message at the lower-left panel.</p> <p><strong>Step&nbsp;8:</strong>&nbsp;Once your device detected by Odin, click on the <strong>PDA button</strong> and select the <strong>CF-Auto-Root.tar</strong>&nbsp;file (you have downloaded this file in <strong>step#2</strong>).</p> <p>Step&nbsp;9:&nbsp;Now, click on the <strong>Start</strong> button in Odin to begin the Flashing.</p> <p><strong>Step 10</strong>: Flashing usually takes 30-50 seconds to complete the rooting process on your Samsung Galaxy S4 LTE-A SHV-E330K on 5.0.1. Once Rooting process got completed, you will be able to see a <strong>Green Box</strong> with <strong>Pass</strong> written on it in Odin. During this process Smartphone will <strong>re-boot automatically</strong>.</p> <p><strong>Step&nbsp;11:</strong>&nbsp;Once you see, the <strong>Pass</strong> message in Odin, you can <strong>disconnect</strong> your Device from the computer.</p> <p><strong>Step&nbsp;12:</strong>&nbsp;Now, to make sure you have successfully rooted your Samsung Galaxy S4 LTE-A SHV-E330K on 5.0.1, open Applications Menu on your Smartphone and Find&nbsp;<strong>SuperSU</strong> App. If this app exist on your Smartphone then it means you have successfully rooted your device. <em>Congratulations</em>.</p> <p><strong>Optional</strong>: You can also verify the root status of your device by using the <a href="https://play.google.com/store/apps/details?id=com.androidxda.rootstatus" rel="nofollow" target="_blank">Root Checker</a> Application.</p> <blockquote> <p><u><strong>Keep in Mind:</strong></u></p> <p><strong>[*] Warning</strong>: The above tutorial only works for Android 5.0.1 with the built id LRX22C.E330KKKUDOH2.</p> <p><strong>[*]</strong> If your device isnt running on the same built id LRX22C.E330KKKUDOH2, then you need to download and flash the firmware based on the same build id then after try to root your device from the above method.</p> <p><strong>[*]</strong>&nbsp;<strong>No data loss process</strong>:&nbsp;Your Personal Data including contacts, pictures, videos, music wont be affected using the above method. In short, no data loss process.</p> <p><strong>[*] Samsung Stock Firmware</strong>: If you are looking for the original firmware for your device then head over to <a href="https://androidmtk.com/download-samsung-stock-rom">Download Samsung Stock Firmware</a> for all devices page.</p> <p><strong>[*] Samsung USB Driver</strong>: If you are looking for the original USB Driver for your device then head over to <a href="https://androidmtk.com/download-samsung-usb-drivers">Download Samsung USB Driver</a> for all devices page.</p> <p><strong>[*]</strong>&nbsp;Big thanks to <a href="https://autoroot.chainfire.eu/" rel="nofollow" target="_blank">Chainfire</a> for their CF Auto Root file for Samsung Galaxy S4 LTE-A SHV-E330K on 5.0.1, without this tool this tutorial was not possible.</p> </blockquote> </div> </div> </div> no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/38 딥웹 .onion 설정 http://achor.net/board/ae_scrap/37 tapito님의 자료입니다.<br /> http://tapito.tistory.com/520<br /> <br /> <h2 style="text-align: center;">딥웹 .onion 익명 사이트 호스팅하기 (Tor를 사용한 .onion 주소 할당 방법)</h2> <p style="text-align: right;">- by Tapito</p> <p>&nbsp;<span style="color:rgb(69, 69, 69); font-size:9pt">일반적인 검색엔진(구글, 네이버, 다음 등)으로 검색되지 않는 웹 사이트들이 존재하는&nbsp;통신망을 딥웹(Deep Web), 심층 웹, 깊은 웹 등이라 부릅니다.&nbsp;</span><span style="color:rgb(69, 69, 69); font-size:9pt">Tor 네트워크는</span><span style="color:rgb(69, 69, 69); font-size:9pt">&nbsp;딥</span><span style="color:rgb(69, 69, 69); font-size:9pt">웹의 한 종류이며</span><span style="color:rgb(69, 69, 69); font-size:9pt">&nbsp;전용 브라우저인 Tor Browser를 사용하여 접속할 경우&nbsp;여러 프록시 서버들을 거치며 그 내용 또한 암호화되어 전송되기 때문에 익명으로 인터넷을 이용할 수 있고, warning.or.kr처럼 특정 국가에서 차단해 놓은 사이트들을 접근할 수도 있습니다. Tor 네트워크는</span><span style="color:rgb(69, 69, 69); font-size:9pt">&nbsp;여기에 존재하는 웹 사이트들은 통상적인 도메인이 아닌 .onion으로 끝나는 주소를 가지는데, 이번 포스팅에서는 Windows 상에서 간단하게 웹 서버를 구축하고 .onion 주소를 할당받는 방법을 소개합니다.</span></p> <hr /> <h2>차례</h2> <ul> <li><a target='_blank' href="http://tapito.tistory.com/520#chapter1" style="color: rgb(70, 133, 223); text-decoration: none;">1. 웹 서버 구성하기</a> <ul> <li><a target='_blank' href="http://tapito.tistory.com/520#chapter1-1" style="color: rgb(70, 133, 223); text-decoration: none;">1-1. XAMPP 다운로드</a></li> <li><a target='_blank' href="http://tapito.tistory.com/520#chapter1-2" style="color: rgb(70, 133, 223); text-decoration: none;">1-2. XAMPP 설치</a></li> <li><a target='_blank' href="http://tapito.tistory.com/520#chapter1-3" style="color: rgb(70, 133, 223); text-decoration: none;">1-3. Apache 설정하기</a></li> </ul> </li> <li><a target='_blank' href="http://tapito.tistory.com/520#chapter2" style="color: rgb(70, 133, 223); text-decoration: none;">2. Tor로 Onion 주소 얻어 Deep Web 사이트 생성하기</a> <ul> <li><a target='_blank' href="http://tapito.tistory.com/520#chapter2-1" style="color: rgb(70, 133, 223); text-decoration: none;">2-1. Tor Browser 다운로드</a></li> <li><a target='_blank' href="http://tapito.tistory.com/520#chapter2-2" style="color: rgb(70, 133, 223); text-decoration: none;">2-2. Tor 서버 설정하기</a></li> <li><a target='_blank' href="http://tapito.tistory.com/520#chapter2-3" style="color: rgb(70, 133, 223); text-decoration: none;">2-3. .onion 주소 확인하기</a></li> </ul> </li> <li><a target='_blank' href="http://tapito.tistory.com/520#chapter3" style="color: rgb(70, 133, 223); text-decoration: none;">3. 커스텀 .onion 주소 할당받기</a> <ul> <li><a target='_blank' href="http://tapito.tistory.com/520#chapter3-1" style="color: rgb(70, 133, 223); text-decoration: none;">3-1. 커스텀 .onion 주소 생성하기</a></li> <li><a target='_blank' href="http://tapito.tistory.com/520#chapter3-2" style="color: rgb(70, 133, 223); text-decoration: none;">3-2. 커스텀 .onion 주소 적용하기</a></li> </ul> </li> <li><a target='_blank' href="http://tapito.tistory.com/520#chapter4" style="color: rgb(70, 133, 223); text-decoration: none;">4. (번외편) 웹 호스팅 서비스 이용하기</a></li> </ul> <hr /> <p>&nbsp;</p> <h1><a href="http://tapito.tistory.com/520#top" name="chapter1" style="color: rgb(70, 133, 223); text-decoration: none;">1. 웹 서버 구성하기</a></h1> <p>&nbsp;포트가 충돌할 우려가 있으니 기존 사이트를 운영하던 서버에 Deep Web 사이트를 설정하는 것보다는 Deep Web 사이트만을 위한 서버를 따로 마련하는 것이 권장됩니다.그리고 이 항목은 Apache나 IIS 등의 서버를 설치하고 구성한 경우라면 건너뛰십시오. 여기에서는 XAMPP(Apache + MySQL + PHP + Perl)을 이용해 서버를 구성해보겠습니다.</p> <p>&nbsp;</p> <h2 style="font-style: normal;"><a href="http://tapito.tistory.com/520#top" name="chapter1-1" style="color: rgb(70, 133, 223); text-decoration: none;">1-1. XAMPP 다운로드</a></h2> <p>&nbsp;XAMPP 공식 홈 페이지(<a href="https://www.apachefriends.org/index.html" style="color: rgb(70, 133, 223); text-decoration: none;">https://www.apachefriends.org/index.html</a>)에 접속하여 최신 버전의 XAMPP를 다운로드 받습니다. Windows XP 사용자는 최신버전이 지원되지 않으므로 Click here for Other versions를 클릭하여 5.0x 이하 버전을 설치하십시오.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_210cd7365584c9881d89bd.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:400px" /></span></p> <p>&nbsp;</p> <h2 style="font-style: normal;"><a href="http://tapito.tistory.com/520#top" name="chapter1-2" style="color: rgb(70, 133, 223); text-decoration: none;">1-2. XAMPP 설치</a></h2> <p>&nbsp;백신의 실시간 감시 기능이 활성화되어 있다면 이런 메시지가 뜰 수도 있습니다. Yes를 눌러 설치 절차를 계속 진행합니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2467513b5584c91b1ecb98.jpg" style="border-image:none; border:0px currentColor; height:auto; max-width:100%; width:516px" /></span></p> <p>&nbsp;다운로드한 설치 파일을 실행하여 XAMPP를 설치합니다. 특별히 설정할 것은 없습니다. 기본값을 그대로 두고 Next만 눌러주면 됩니다.</p> <p>&nbsp;</p> <table style="width:770px"> <tbody> <tr> <td style="width: 380px;"> <p><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2365ec3b5584c91c1f27bf.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:258px" /></span></p> <p style="text-align: center;">1. [Next] 클릭</p> </td> <td style="width: 380px;"> <p><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2767953b5584c91d1e77eb.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:258px" /></span></p> <p style="text-align: center;">2. 건드릴 것이 없으므로 Full Option으로 설치합니다.</p> </td> </tr> <tr> <td style="width: 380px;"> <p><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2257ac3b5584c91f26c178.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:258px" /></span></p> <p style="text-align: center;">3. 서버의 설치 경로입니다.<br /> &quot;Program Files&quot;, &quot;Program Files (x86)&quot;과 같이 띄어쓰기가 포함된 폴더명은<br /> 오류를 일으킬 수 있으므로 기본 값 그대로 둡니다.</p> </td> <td style="width: 380px;"> <p><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_233f343c5584c9200aa2bd.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:258px" /></span></p> <p style="text-align: center;">4. Wordpress 같은 기능을 쉽게 설치할 수 있다는 안내인데, 지금은 테스트만 할 것이므로 그냥 [Next]를 클릭합니다.</p> </td> </tr> <tr> <td style="width: 380px;"> <p><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2336a63c5584c9220f9299.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:258px" /></span></p> <p style="text-align: center;">5. 설치 준비가 완료되었으므로 [Next]를 클릭합니다.</p> </td> <td style="width: 380px;"> <p><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_25315f3c5584c92312c9a7.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:258px" /></span></p> <p style="text-align: center;">6. PC 성능에 따라 설치하는데 시간이 좀 걸립니다.</p> </td> </tr> </tbody> </table> <p>&nbsp;</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2733503c5584c925110943.jpg" style="border-image:none; border:0px currentColor; height:auto; max-width:100%; width:516px" /></span></p> <p>&nbsp;</p> <p>설치가 완료되었습니다. [Do you want to start the Control Panel now?]에 체크 상태를 둔 채로 [Finish]를 누르면 XAMPP 제어 창이 나타납니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2238e93c5584c9270ed910.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:372px" /></span></p> <p>&nbsp;</p> <h3 style="color: rgb(69, 69, 69); font-style: normal;"><a href="http://tapito.tistory.com/520#top" name="chapter1-3" style="color: rgb(70, 133, 223); text-decoration: none;">1-3. Apache 설정하기</a></h3> <p>&nbsp;Onion 사이트의 페이지는 80번 포트를 통해 Tor 네트워크로 나갑니다. 이는 Apache가 내보내는 포트의 기본값과 같으므로 충돌을 방지하기 위해 Apache가 사이트를 내보내는 포트를 다른 번호로 바꿔줍니다. Apache에서 [Config] 버튼 -&gt; [Apache (httpd.conf)]를 클릭합니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_24380a3c5584c9290dcccf.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:394px" /></span></p> <p>&nbsp;</p> <p>&nbsp;58번째 줄 근처에 Listen 80이라 되어 있는데 이를 임의의 적당한 숫자로 고칩니다. 여기에서는 8080번 포트를 쓰겠습니다.</p> <table style="width:770px"> <tbody> <tr> <td style="width: 380px;"> <p><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2531763c5584c92a1203ad.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:300px" /></span></p> </td> <td style="width: 380px;"> <p><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_256798385584c92c242eff.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:300px" /></span></p> </td> </tr> </tbody> </table> <p>&nbsp;</p> <p>&nbsp;설정 파일을 닫고 XAMPP 제어판에서 Apache를 실행합니다. 8080번 포트로 사이트가 나가고 있음을 확인할 수 있습니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_275844385584c92e267a08.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:372px" /></span></p> <p>&nbsp;</p> <p>&nbsp;웹에서 보여진 페이지는 모두 XAMPP 설치 경로의 htdocs에 있는데, 아래와 같이 기본으로 제공되는 페이지들이 있습니다. 필요 없으니 모두 지웁니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2257fa385584c9302ca01d.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:372px" /></span></p> <p>&nbsp;</p> <p>&nbsp;메모장이나 다른 에디터를 사용해 테스트 페이지를 작성합니다. 작성한 다음 htdocs 경로에 저장합니다.</p> <h4>index.html</h4> <hr /> <pre> &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot; /&gt; &lt;title&gt;Onion, World!&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt;Onion, World!&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://tapito.tistory.com/&quot;&gt;http://tapito.tistory.com/&lt;/a&gt;&lt;/p&gt; &lt;/body&gt; &lt;/html&gt; </pre> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_26629e385584c9312722aa.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:790px" /></span></p> <p>&nbsp;</p> <p>&nbsp;웹 브라우저를 열고 http://localhost:8080/를 접속하여 아래와 같이 결과 화면이 잘 나오는지 확인합니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_245d08385584c93229277b.jpg" style="border-image:none; border:0px currentColor; height:auto; max-width:100%; width:501px" /></span></p> <p>&nbsp;</p> <hr /> <h1><a href="http://tapito.tistory.com/520#top" name="chapter2" style="color: rgb(70, 133, 223); text-decoration: none;">2. Tor로 Onion 주소 얻어 Deep Web 사이트 개설하기</a></h1> <p>&nbsp;구 버전의 Tor에서는 Tor Browser라는 Tor 네트워크 브라우저와 Vidalia라는 Tor 네트워크 제어판이 분리되었는데, 현재 나오는 버전의 Tor는 Tor Browser로 일원화되어있습니다. 따라서 Tor Browser만 종료하지 않고 실행해 두면 항상 Tor 네트워크 접속 상태가 유지될 것입니다. 서버의 유동 IP/고정 IP 여부도 염려할 필요가 없습니다. 외부에서 접속할 때는 IP가 아닌 onion 주소를 사용하며, IP 주소와 onion 주소의 대응은 Tor 네트워크에서 알아서 해 줍니다.</p> <h2 style="font-style: normal;"><a href="http://tapito.tistory.com/520#top" name="chapter2-1" style="color: rgb(70, 133, 223); text-decoration: none;">2-1. Tor Browser 다운로드</a></h2> <p>&nbsp;먼저 Tor Project 홈 페이지(<a href="https://www.torproject.org/" style="color: rgb(70, 133, 223); text-decoration: none;">https://www.torproject.org/</a>)에 접속하여 Tor Browser를 다운로드 받습니다.</p> <p><br /> <span style="color:rgb(69, 69, 69)"><embed allowscriptaccess="always" height="1" src="http://tapito.tistory.com/plugin/CallBack_bootstrapperSrc?nil_profile=tistory&amp;nil_type=copied_post" type="application/x-shockwave-flash" width="1" wmode="transparent"></embed></span></p> <table> <tbody> <tr> <td> <p><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_266a25345584c9031e6bf3.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:300px" /></span></p> </td> <td> <p><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_245650345584c905293111.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:300px" /></span></p> </td> </tr> </tbody> </table> <p>&nbsp;</p> <p>&nbsp;마법사의 지시에 따라 Tor Browser를 설치합니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2566b9345584c9062053aa.jpg" style="border-image:none; border:0px currentColor; height:auto; max-width:100%; width:304px" /></span></p> <p>&nbsp;</p> <p>&nbsp;기본값은 바탕화면이며, 설치 후 &quot;Tor Browser&quot; 폴더가 생성된 것을 볼 수 있습니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_266135345584c9082233b3.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:300px" /></span>&nbsp;<span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_22588a345584c90a289087.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:150px" /></span></p> <p>&nbsp;</p> <h2 style="font-style: normal;"><a href="http://tapito.tistory.com/520#top" name="chapter2-2" style="color: rgb(70, 133, 223); text-decoration: none;">2-2. Tor 서버 설정하기</a></h2> <p>&nbsp;&quot;Tor Browser\Browser\TorBrowser\Data\Tor&quot; 경로로 들어가면 torrc라는 파일이 보입니다. 현재는 0바이트일 것입니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2561c5345584c90b2347d5.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:400px" /></span></p> <p>&nbsp;</p> <p>&nbsp;Tor Browser 폴더의 [Start Tor Browser] 아이콘을 실행하여 Tor를 한 번 실행해 줍니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_221868345584c90d08d831.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:400px" /></span></p> <p>&nbsp;</p> <p>&nbsp;적절한 옵션을 클릭합니다. [연결] 버튼을 눌러 기본값으로 Tor 네트워크에 접속합니다..</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2669c5345584c90e1f9b06.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:400px" /></span>&nbsp;<span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2461d6345584c90f231402.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:200px" /></span></p> <p>&nbsp;</p> <p>&nbsp;Tor Browser가 뜨면 다시 닫습니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_245a52345584c910273f98.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:400px" /></span></p> <p>&nbsp;</p> <p>&nbsp;&quot;Tor Browser\Browser\TorBrowser\Data\Tor&quot; 경로로 들어가면 여러 파일이 생성되어있는 것을 볼 수 있습니다. 그리고 0 바이트였던 torrc 파일에 내용이 기록되어있는 것도 볼 수 있습니다. 이 파일을 메모장이나 EditPlus 등으로 엽니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2356b3345584c91129f3be.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:400px" /></span></p> <p>&nbsp;아래 내용을 추가합니다.</p> <pre> HiddenServiceDir 서버로컬경로 HiddenServicePort 80 127.0.0.1:포트번호 </pre> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2669d1345584c9121f343d.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:600px" /></span><br /> <span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_275fc7345584c91423b08f.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:600px" /></span></p> <p>&nbsp;Tor Browser를 다시 실행합니다. 이 때부터는 htdocs의 로컬 경로가 하나의 Deep Web 사이트로서 Tor 네트워크에 내보내지고 있으므로 닫으면 안 됩니다.</p> <h2 style="font-style: normal;"><a href="http://tapito.tistory.com/520#top" name="chapter2-3" style="color: rgb(70, 133, 223); text-decoration: none;">2-3. .onion 주소 확인하기</a></h2> <p>&nbsp;torrc 파일로 지정한 서버 경로로 들어가보면 private_key와 hostname이라는 2개의 파일이 생성된 것을 볼 수 있습니다. 이 중 hostname 파일을 열어보면 이 사이트의 onion 주소를 확인할 수 있습니다.</p> <p>&nbsp;</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_25650d345584c9152103fd.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:550px" /></span><br /> <span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_26546a3b5584c916274f2a.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:550px" /></span></p> <p style="text-align: center;">&nbsp;</p> <p>&nbsp;<strong>Tor Browser를 실행하고 약 1분이 지난 후</strong> 이 주소를 접속하면 localhost:8080로 보았던 화면과 동일한 웹 페이지를 볼 수 있습니다. 즉, 외부 사용자도 이 onion 주소를 통해 같은 페이지를 보고 있다는 뜻이고 이렇게 해서 하나의 Deep Web 사이트 구성이 완료되었습니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2665843b5584c9181f81a3.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:600px" /></span></p> <p>&nbsp;</p> <hr /> <h1><a href="http://tapito.tistory.com/520#top" name="chapter3" style="color: rgb(70, 133, 223); text-decoration: none;">3. 커스텀 .onion 주소 할당받기</a></h1> <p>&nbsp;.onion 주소는 본래 80비트의 정수 숫자가 base32로 인코딩 된 것입니다. 겉으로 보기에는 숫자와 영문자가 임의로 조합된 것처럼 보이지만 일정한 암호화 알고리즘을 거쳐 생성된 정수라는 뜻입니다. Tor 네트워크를 통해 접속될 여러분 사이트의 onion 주소가 특정 단어로 시작되기를 원한다면 다음과 같이 하면 됩니다.</p> <h2 style="font-style: normal;"><a href="http://tapito.tistory.com/520#top" name="chapter3-1" style="color: rgb(70, 133, 223); text-decoration: none;">3-1. 커스텀 .onion 주소 생성하기</a></h2> <p>&nbsp;커스텀 onion 주소를 생성하는 툴로는 Shallot (오래되어 현재는 쓰이지 않음), scallion (.NET Framework 또는 Mono 필요), Eschalot (유닉스/리눅스 전용 툴)이 있습니다. 윈도우에서 서버를 운영할 것이라면 .NET Framework를 설치한 후 scallion을 사용하면 됩니다. (Windows Vista와 이후 운영체제는 .NET Framework가 윈도우에 내장되어 있으므로 별도 설치 불필요함)</p> <p>&nbsp;scallion 공식 홈 페이지(<a href="https://github.com/lachesis/scallion" style="color: rgb(70, 133, 223); text-decoration: none;">https://github.com/lachesis/scallion</a>)에 접속합니다. 소스가 공개되어 있는데, 아래 버튼을 눌러 binary를 선택합니다.</p> <p>&nbsp;</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_23460236558636b709fe9a.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:300px" /></span></p> <p>&nbsp;최신 버전의 scallion을 다운로드 받습니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_244b0e36558636b806d30b.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:350px" /></span></p> <p>&nbsp;압축을 풀면 다음과 같이 파일들이 있는데, 이 중 scallion.exe를 사용하면 됩니다. 더블 클릭해서 직접 실행하는 파일이 아니라 명령줄을 이용할 것이므로 상위 폴더로 이동합니다.</p> <p>&nbsp;</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2351f73c5586375e15fc1f.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:350px" /></span></p> <p>&nbsp;</p> <p>&nbsp;scallion.exe가 있는 폴더를 <strong>[Shift] 키를 누른 상태에서</strong> 마우스 오른쪽으로 클릭하면 [여기서 명령 창 열기(<u>W</u>)] 메뉴가 나타납니다. 이를 클릭합니다. Windows XP 또는 그 이하 버전의 운영체제에서는 Shift 키를 눌러도 이런 메뉴가 나타나지 않으므로 그냥 명령 프롬프트 열어서 해당 경로로 찾아 들어갑니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_24333a3b558638a3104739.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:400px" /></span></p> <p>&nbsp;</p> <p>&nbsp;scallion의 기본적인 사용법은 아래와 같습니다.</p> <ul> <li> <p>onion 주소를 생성하기 위해 사용할 CPU와 GPU의 목록 보기: <code>scallion.exe -l</code></p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2572f53e5586395721d312.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:350px" /></span></p> </li> <li> <p>onion 주소를 생성하기: <code>scallion.exe -o (출력파일 이름) -k (RSA 키 크기) -d (암호화에 사용할 CPU/GPU 번호: scallion -l로 나타나는 장치 중 하나 선택) (사용자 접두어)</code></p> </li> </ul> <p>&nbsp;여기서 사용자 접두어를 여러분이 직접 지정하면 됩니다. 1.5GHz CPU 기준 사용자 접두어의 글자 수에 따라 대략적인 .onion 주소 생성 시간은 아래와 같습니다.(출처: <a href="http://security.stackexchange.com/questions/29772/how-do-you-get-a-specific-onion-address-for-your-hidden-service" style="color: rgb(70, 133, 223); text-decoration: none;">http://security.stackexchange.com/questions/29772/how-do-you-get-a-specific-onion-address-for-your-hidden-service</a>)</p> <table> <thead> <tr> <th>접두어 문자 수</th> <th>소요 시간</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>1초 이하</td> </tr> <tr> <td>2</td> <td>1초 이하</td> </tr> <tr> <td>3</td> <td>1초 이하</td> </tr> <tr> <td>4</td> <td>약 2초</td> </tr> <tr> <td>5</td> <td>약 1분</td> </tr> <tr> <td>6</td> <td>약 30분</td> </tr> <tr> <td>7</td> <td>약 1일</td> </tr> <tr> <td>8</td> <td>약 25일</td> </tr> <tr> <td>9</td> <td>약 2.5년</td> </tr> <tr> <td>10</td> <td>약 40년</td> </tr> <tr> <td>11</td> <td>약 640년</td> </tr> <tr> <td>12</td> <td>약 10,000년</td> </tr> <tr> <td>13</td> <td>약 160,000년</td> </tr> <tr> <td>14</td> <td>약 2.6백만년</td> </tr> </tbody> </table> <p>&nbsp;</p> <p>&nbsp;tapito로 시작하는 .onion 주소를 생성해보겠습니다. 아래와 같이 입력하면 됩니다.</p> <p><code>경로&gt;scallion -o private_key -k 1024 -d 0 tapito_</code></p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2743a34855863c950e6c05.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:400px" /></span></p> <p>&nbsp;</p> <p>&nbsp;그리고 private_key 파일을 열어보면 생성된 onion 주소와 함께 생성된 암호화 키가 기록되어 있습니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2377664c55863d2a3c7078.jpg" style="border-image:none; border:0px currentColor; height:auto; max-width:100%; width:476px" /></span></p> <p>&nbsp;</p> <h2 style="font-style: normal;"><a href="http://tapito.tistory.com/520#top" name="chapter3-2" style="color: rgb(70, 133, 223); text-decoration: none;">3-2. 커스텀 .onion 주소 적용하기</a></h2> <p>&nbsp;<strong>먼저 Tor Browser가 실행중이라면 종료합니다.</strong> 서버의 로컬 경로(여기에서는 htdocs 폴더)에 private_key와 hostname 파일이 생성된 것을 2단계에서 확인했는데요, 이 두 파일을 엽니다. 그리고 scallion에서 생성한 파일도 같이 엽니다.</p> <p>&nbsp;scallion에서 만든 파일 중 &lt;Hash&gt; 태그로 싸여진 onion 주소는 hostname에 덮어쓰기 하고, &lt;PrivateKey&gt; 태그로 싸여진 암호화 키는 private_key 파일에 덮어쓰기합니다. 참 쉽죠?</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_2340dc48558642a322ddd9.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:650px" /></span></p> <p>&nbsp;</p> <p>&nbsp;Tor Browser를 다시 실행합니다. 실행 후 약 1분 정도 기다린 후에 새로 생성된 주소로 접속합니다. 커스텀 .onion 주소 할당이 성공했습니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_25338848558643382c0b20.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:600px" /></span></p> <p>&nbsp;</p> <h1><a href="http://tapito.tistory.com/520#top" name="chapter4" style="color: rgb(70, 133, 223); text-decoration: none;">4. (번외편) 웹 호스팅 서비스 이용하기</a></h1> <p>&nbsp;서버를 직접 운영할 것이 아니라면 딥웹 전용 웹 호스팅 서비스를 이용해도 좋습니다. The hidden wiki(<a href="http://zqktlwi4fecvo6ri.onion/" style="color: rgb(70, 133, 223); text-decoration: none;">http://zqktlwi4fecvo6ri.onion/</a>)를 통해 웹 호스팅 사이트를 찾을 수도 있지만, 여기서는 그 중 하나인 F*ck You Hosting을 사용하겠습니다. F*ck You Hosting(<a href="http://fuckyouhoibssdjh.onion/" style="color: rgb(70, 133, 223); text-decoration: none;">http://fuckyouhoibssdjh.onion</a>)에 접속하여 ID와 암호를 입력하여 새 계정을 만듭니다. 익명이므로 아무런 정보도 받지 않습니다. 제시한 onion 주소는 언제든 바뀔 수 있으므로 Hidden Wiki를 통해 F*ck You Hosting을 검색해서 접속하는 것을 권장합니다.</p> <p style="text-align: center;"><span style="color:rgb(69, 69, 69)"><img src="/file/acwebs/upload/board/ae_scrap/201509/20150905_243b194f55877a7632261d.jpg" style="border-image:none; border:0px currentColor; cursor:pointer; height:auto; max-width:100%; width:600px" /></span></p> <br /> 출처 : <a href='http://tapito.tistory.com/520' target='_blank'>tapito 블로그</a> no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/37 jQuery 조작 http://achor.net/board/ae_scrap/36 <span id="cke_bm_92S" style="display: none;">&nbsp;</span><br /> 조작 관련 메서드라 함은 요소에 값을 지정한다거나, 특정 요소의 값을 읽어온다거나 하는 작업을 포함해서, 동적으로 요소 자체를 생성, 삭제, 복사, 제거하는 기능들을 의미합니다. 전체 목록은 jQuery 공식 페이지인 <a href="http://docs.jquery.com/Manipulation" target="m">http://docs.jquery.com/Manipulation</a> 에서 확인하실 수 있고요. 저는 그러한 메서드들 중에서 자주 사용될만한 것들 위주로 설명을 할까 합니다. <p> 우선, 현재 jQuery에서 제공하는 조작과 관련한 메서드들은 크게 7개의 카테고리로 나누어져 있는데요. 그들은 각각 요소의 내용을 조작하는 메서드, 요소를 추가하거나 삭제하는 메서드, 요소를 래핑하거나 바꿔치기 하는 메서드, 요소를 제거하거나 복사하는 메서드들로 구분되어 있습니다. jQuery의 버전이 올라가면 이러한 카테고리는 더 추가되거나 정리될 수도 있습니다만, 현재의 버전은 이러한 카테고리를 가지고 있기에, 강좌도 그에 따라 설명하겠습니다(다만, 전체 카테고리를 다 설명드리지는 못할 듯 하고요. 제가 상대적으로 자주썼던 5개의 카테고리만을 설명할 예정입니다).</p> <p> jQuery의 조작 메서드 중 하나의 카테고리인 요소의 내용을 다루는 메소드로는 다음과 같은 것들이 있습니다.</p> <p> &nbsp;</p> <table cellpadding="3" cellspacing="1" style="background: gray;"> <tbody> <tr style="background: white;"> <td colspan="2"> 내용 변경 메서드</td> </tr> <tr style="background: white;"> <td style="width: 80px;"> html()</td> <td style="width: 450px;"> 일치된 요소의 html 내용을 가져옵니다. 이는 요소의 innerHTML 값과 동일합니다. 만일, 일치된 요소가 여러 개라면 그 중 첫 번째 요소의 HTML을 가져옵니다.</td> </tr> <tr style="background: white;"> <td> html(<i>val</i>)</td> <td> 일치된 요소의 html 본문을 <i>val</i> 값으로 설정합니다. 만일, 일치된 요소가 여러 개라면 모든 요소에 이러한 작업을 수행합니다</td> </tr> <tr style="background: white;"> <td> text()</td> <td> 일치된 모든 요소의 텍스트를 합쳐서 가져옵니다.</td> </tr> <tr style="background: white;"> <td> text(<i>val</i>)</td> <td> 모든 일치된 요소의 텍스트를 <i>val</i> 값으로 설정합니다.</td> </tr> </tbody> </table> <p> &nbsp;</p> <p> 사실, 이 메서드들은 이전 강좌에서도 만나보았던 것인데요. 그 때 제가 다음과 같이 설명을 드렸을 겁니다.</p> <p> &#39;text() 메서드는 해당 개체가 가지고 있는 컨텐트를 텍스트로 반환하는 메서드입니다. 이와 유사한 메서드로는 html()이 있는데요. 이는 개체가 포함하고 있는 html 컨텐트를 반환하는 메서드입니다. 이 메서드들은 인자를 사용하지 않으면 값을 가져오는 역할을 하지만, 인자로 값을 지정하면 그 값으로 원래의 값을 바꾸는 역할을 합니다.</p> <p> text() 메서드의 재미있는 점은 개체의 컨텐트가 html 요소들을 포함하고 있다고 해도, 다 무시하고 텍스트만을 반환한다는 점입니다. 즉, &lt;span&gt;&lt;b&gt;taeyo&lt;/b&gt;&lt;/span&gt; 와 같은 span 개체가 있을 때, 이 span 개체에 대해서 text()를 수행하면, 반환값은 내부 html을 제외한 &quot;taeyo&quot;가 되고요. html() 메서드를 사용하면 &lt;b&gt;taeyo&lt;/b&gt;를 반환한다는 것이죠.&#39;</p> <p> 사실, 위의 설명이면 이 메서드들을 이해하는데 충분할 것이라 생각하지만, 기왕 말을 꺼낸 김에, 약간의 설명을 덧붙일 것이 있습니다. 이는 jQuery로 검색된 대상 요소가 여러 개일 경우, text() 메서드와 html() 메서드의 동작이 약간 다르다는 것인데요. 일치된 요소가 여러 개인 경우, text() 메서드는 일치된 모든 대상의 텍스트를 결합해서 반환하는 반면, html() 메서드는 일치된 요소들 중 첫 번째 요소의 html 만을 반환한다는 것이 그 차이이지요. 크게 중요한 사항은 아니지만, 이 차이를 모르면 jQuery를 사용하다가 간혹 결과가 이상하게 나온다고 불만을 가질 수 있으므로 기억 해 두시기 바랍니다.</p> <p> 이어지는 메서드들은 특정 요소나 개체 집합을 다른 요소의 &quot;내부&quot;에다가 앞, 뒤로 덧붙이는 기능을 제공하는 메서드들입니다.</p> <p> &nbsp;</p> <table cellpadding="3" cellspacing="1" style="background: gray;"> <tbody> <tr style="background: white;"> <td colspan="2"> 추가(요소 내부에) 관련 메서드</td> </tr> <tr style="background: white;"> <td style="width: 120px;"> append(<i>content</i>)</td> <td style="width: 450px;"> 일치된 요소의 내부에 <i>content</i>를 덧붙입니다.</td> </tr> <tr style="background: white;"> <td> appendTo(<i>selector</i>)</td> <td> 일치된 요소를 <i>selector</i>에 의해 일치된 모든 요소들 내부에 덧붙입니다. 만일, 일치된 요소가 본문에 존재하는 개체(예, $(&quot;#some&quot;)과 같은)라면 그를 제거한 후 복사(즉, 이동)합니다. 설명이 어려우면 밑의 예제를 참고하세요.</td> </tr> <tr style="background: white;"> <td> prepend(<i>content</i>)</td> <td> append(<i>content</i>)와 동일하며, 다만, 내부 앞쪽에 붙여 넣습니다.</td> </tr> <tr style="background: white;"> <td> prependTo(<i>selector</i>)</td> <td> appendTo(<i>selector</i>)와 동일하며, 다만, 내부 앞쪽에 붙여 넣습니다.</td> </tr> </tbody> </table> <p> &nbsp;</p> <p> append(content) 메서드는 이름이 의미하는 바가 명확하기에, 쉽게 이해할 수 있을 것입니다. 인자로 지정된 content를 jQuery 개체 내부에 덧붙이는 것이니까요. 예를 들어, 다음과 같은 표현이 있다고 가정해 봐요.</p> <p> <font color="black">$(</font><font color="brown">&quot;b.link&quot;</font><font color="black">).append(</font><font color="brown">&quot;(클릭)&quot;</font><font color="black">)</font><font color="blue">;</font></p> <p> 이는 link라는 css 클래스를 갖는 B 태그 내부에 &quot;(클릭)&quot; 이라는 문자열을 추가하는 예입니다. B 태그 내부 뒤쪽에 덧붙이는 것이기에 &quot;(클릭)&quot;이라는 단어도 당연히 굵게 표현될 것입니다. 즉, 다음과 같은 최종 html이 형성된다는 것이죠.</p> <p> &lt;b class=&quot;link&quot;&gt;굵은 글자임 (클릭)&lt;/b&gt;</p> <p> 참 쉽죠? 하지만, 혹시 순간적으로 이렇게 간단한 메서드가 왜 필요할까라는 생각을 하지는 않으셨나요? 아니라고요? 글쎄요. 순간! 하신 것 같은데.. -_-+. 하셨던 안 하셨던은 사실 중요하지 않습니다. 이미 개그로 꺼낸 말이 지루해져 버렸으니까요(엉엉). 어쨌든, 이 메서드는 상당히 유용하게 사용되곤 합니다. 예를 들어, 저처럼 강좌를 Html로 길게 쓴 다음, 주석을 표현하고자 할 경우에 말이죠. 주석 표시를 HTML로 표현하는 경우에는 &lt;sup&gt;라는 태그를 사용하곤 하는데요. 그것을 수동으로 일일이 태그를 달자면 상당히 노가다스럽습니다. 주석 태그를 수십개 달아뒀는데, 순서라도 바뀌는 날에는 생각만해도 피곤해 집니다. 하지만, 주석을 표현해야 할 단어들에 대해서 .annotation이라는 스타일 클래스를 지정해 두었다면(대부분 스타일을 지정하죠), 다음과 같은 jQuery 구문을 통해서 주석표시를 일괄적으로 해결할 수 있습니다.</p> <div class="codeWhite"> <font color="black">$(</font><font color="brown">&quot;.annotation&quot;</font><font color="black">).each(</font><font color="blue">function</font><font color="black">(i)&nbsp;{<br /> &nbsp;&nbsp;</font><font color="blue">var&nbsp;</font><font color="black">idx&nbsp;</font><font color="blue">=&nbsp;</font><font color="black">i&nbsp;+&nbsp;</font><font color="maroon">1</font><font color="blue">;<br /> &nbsp;&nbsp;</font><font color="black">$(</font><font color="blue">this</font><font color="black">).append(</font><font color="brown">&quot;&lt;sup&gt;&quot;&nbsp;</font><font color="black">+&nbsp;idx&nbsp;+&nbsp;</font><font color="brown">&quot;&lt;/sup&gt;&quot;</font><font color="black">)</font><font color="blue">;</font><br /> <font color="black">})</font><font color="blue">;</font></div> <p> 이는 .annotation라는 css 클래스가 지정된 html 요소들에 대해서 &lt;sup&gt;1&lt;/sup&gt;, &lt;sup&gt;2&lt;/sup&gt;와 같은 주석 표현 태그를 동적으로 덧붙여주는 코드입니다. 일일이 단어의 뒷 부분에 &lt;sup&gt;1&lt;/sup&gt;와 같은 태그를 수동으로 추가할 필요없이, jQuery를 이용해서 동적으로 그러한 표현을 추가할 수 있는 아주 유용한 예라고 볼 수 있습니다. 이제 jQuery님 좀 짱으로 보이시지 않나요? 다음 그림은 그렇게 처리한 예를 보여줍니다.</p> <p> append(content) 메서드가 간단하면서도 유용하기에, 그와 유사한 appendTo(selector) 메서드도 관심을 가져 볼만 합니다. 그런데, 이 메서드는 사용법이 상대적으로 살짝 복잡하게 느껴질 수 있습니다. append와는 덧붙이기의 대상이 반대이며, 더불어, 셀렉터에 의해 일치된 대상 모두에게 덧붙여지기 때문이지요. 다음 예를 한번 볼까요?</p> <p> <font color="black">$(</font><font color="brown">&quot;#linkText&quot;</font><font color="black">).appendTo(</font><font color="brown">&quot;a.link&quot;</font><font color="black">)</font><font color="blue">;</font></p> <p> 이는 #linkText 라는 아이디를 갖는 요소를 얻어서, 그를 link라는 css 클래스를 갖는 &quot;모든&quot; 하이퍼링크 뒤에 덧붙이게 됩니다. 그러면서, 원래의 #linkText 요소는 사라집니다. 원본 개체는 복사되면서 제거되는 것이죠. 더불어, 다음과 같은 구문도 가능합니다.</p> <p> <font color="black">$(</font><font color="brown">&quot;&lt;font&gt;(클릭)&lt;/font&gt;&quot;</font><font color="black">).appendTo(</font><font color="brown">&quot;b&quot;</font><font color="black">)</font><font color="blue">;</font></p> <p> 이는 &lt;font&gt;(클릭)&lt;/font&gt;라는 태그 문자열을 동적으로 생성한 뒤, 그를 모든 B 태그의 뒤에 덧붙이는 역할을 합니다. 어때요? appendTo 메서드가 어떤 역할을 하는지 이해가 되시죠?</p> <div class="code"> 말이 나온 김에, 우리는 $()라는 핵심 표현에 대해 살펴보고 넘어가야 할 필요성이 있습니다. 가장 기본적이면서 가장 마법스러운 $()라는 특이한 표현이 제공하는 다양한 기능을 말이죠. <p> 여러분은 $() 표현이 jQuery()라는 구문의 단축표현이자, 셀렉터를 수행하기 위한 구문이라고 알고 있을 것입니다만, 실은 그 외에도 3가지의 기능을 더 가지고 있습니다.</p> <p> 자세한 내용은 <a href="http://docs.jquery.com/Core">http://docs.jquery.com/Core</a> 를 보면 잘 나와있습니다만, 간략하게 설명을 드리면 각 기능은 이렇습니다.</p> <p> 1. 인자로 셀렉터를 지정한 경우에는 일치되는 모든 요소를 찾는다.<br /> 2. 인자로 html 태그를 지정한 경우에는 동적으로 그 요소를 생성한다.<br /> 3. 인자로 특정 DOM 요소를 지정하면, 그 요소의 jQuery 래퍼를 생성한다.<br /> 4. 인자로 function을 지정하면, 그는 $(document).ready() 메서드와 동일하다.</p> <p> 간단하죠?</p> 해서, $(&quot;&lt;font&gt;(클릭)&lt;/font&gt;&quot;) 라는 표현은 동적으로 font 요소를 생성하게 되는 것이고요. $(&quot;#linkText&quot;)라는 표현은 #linkText라는 셀렉터에 일치하는 요소들을 검색하게 되는 것이죠.</div> <p> append와 appendTo 메서드를 이해하셨으면, prepend와 prependTo 메서드도 쉽게 이해하실 수 있을 것입니다. 영어사전에서 이 단어들을 검색하지는 마세요. 이런 단어는 공식적으로는 존재하지 않으니까요. 단지, pre-append 라는 의미라고 생각하시면 됩니다. 즉, prepend는 append와 동일하지만, 요소를 뒤에 덧붙이는 것이 아니라 앞에 덧붙인다는 차이가 있습니다. prependTo도 마찬가지고요. 하하. 설명 안해줘도 그럴 것인줄 이미 알았다고 말씀하실 줄 저도 알았습니다.</p> <p> 세번째 메서드 그룹은 위의 추가(내부) 관련 메서드와 유사하긴 하지만, 요소 내부에 추가를 하는 것이 아니라, 요소 외부에 추가하는 메서드 그룹입니다.</p> <p> &nbsp;</p> <table cellpadding="3" cellspacing="1" style="background: gray;"> <tbody> <tr style="background: white;"> <td colspan="2"> 추가(요소 외부에) 관련 메서드</td> </tr> <tr style="background: white;"> <td style="width: 120px;"> after(<i>content</i>)</td> <td style="width: 450px;"> 일치된 요소 뒤에 <i>content</i>를 삽입합니다. 요소 내부가 아닌 외부에 삽입된다는 것을 제외하면 append와 동일합니다.</td> </tr> <tr style="background: white;"> <td> before(<i>content</i>)</td> <td> 일치된 요소 앞에 <i>content</i>를 삽입합니다. 요소 내부가 아닌 외부에 삽입된다는 것을 제외하면 prepend와 동일합니다.</td> </tr> <tr style="background: white;"> <td> insertAfter(<i>selector</i>)</td> <td> 일치된 요소를 <i>selector</i>에 의해 일치된 모든 요소들 뒤쪽에 삽입합니다. 요소 내부가 아닌 외부에 삽입된다는 것을 제외하면 appendTo와 동일합니다.</td> </tr> <tr style="background: white;"> <td> insertBefore(<i>selector</i>)</td> <td> insertBefore(<i>selector</i>)와 유사하나, 요소 앞쪽에 삽입합니다. 요소 내부가 아닌 외부에 삽입된다는 것을 제외하면 prependTo와 동일합니다.</td> </tr> </tbody> </table> <p> &nbsp;</p> <p> after 메서드는 앞서 설명한 append 메서드와 눈에 보이는 결과는 유사합니다. 다만, 태그 내부에 덧붙이는 것이 아니라, 태그 바깥쪽에 덧붙인다는 차이가 있지요. 예를 들어, 다음 구문을 보도록 해요.</p> <p> <font color="black">$(</font><font color="brown">&quot;a&quot;</font><font color="black">).after(</font><font color="brown">&quot;&lt;font&gt;(클릭)&lt;/font&gt;&quot;</font><font color="black">)</font><font color="blue">;</font></p> <p> 이는 모든 하이퍼링크 바로 뒤에 &quot;&lt;font&gt;(클릭)&lt;/font&gt;&quot; 이라는 태그 문자열을 덧붙이는 구문입니다. 해서, 결과로 다음과 같은 태그가 구성되는 것이죠.</p> <p> <font color="blue">&lt;</font><font color="maroon">a</font><font color="red">&nbsp;href</font><font color="blue">=&quot;http://taeyo.net&quot;&gt;</font><font color="black">태오 사이트</font><font color="blue">&lt;/</font><font color="maroon">a</font><font color="blue">&gt;</font><font color="blue">&lt;</font><font color="maroon">font</font><font color="blue">&gt;</font><font color="black">(클릭)</font><font color="blue">&lt;/</font><font color="maroon">font</font><font color="blue">&gt;</font></p> <p> 만일, after 메서드 대신 append 구문을 다음과 같이 사용했다면,</p> <p> <font color="black">$(</font><font color="brown">&quot;a&quot;</font><font color="black">).append(</font><font color="brown">&quot;&lt;font&gt;(클릭)&lt;/font&gt;&quot;</font><font color="black">)</font><font color="blue">;</font></p> <p> 이는 다음과 같은 결과 태그를 구성했을 것입니다.</p> <p> <font color="blue">&lt;</font><font color="maroon">a</font><font color="red">&nbsp;href</font><font color="blue">=&quot;http://taeyo.net&quot;&gt;</font><font color="black">태오 사이트</font><font color="blue">&lt;</font><font color="maroon">font</font><font color="blue">&gt;</font><font color="black">(클릭)</font><font color="blue">&lt;/</font><font color="maroon">font</font><font color="blue">&gt;</font><font color="blue">&lt;/</font><font color="maroon">a</font><font color="blue">&gt;</font><font color="black">&nbsp;</font></p> <p> 차이가 느껴지시죠?</p> <p> 같은 방식으로 before 메서드도 prepend 메서드와 유사합니다. 태그 내부에 삽입 되느냐 외부에 삽입되느냐만 차이가 있는 것이죠. 마찬가지로, insertAfter()는 appendTo() 메서드와 동일하게 동작하며, insertBefore()는 prependTo()와 동일하게 동작합니다. 다만, 자식 요소로서 태그 내부에 삽입되느냐, 형제 요소로서 외부에 삽입되느냐의 차이만 있다는 것이죠. 참 쉽죠?</p> <p> 스피디하게, 이어지는 소개할 메서드 그룹은 삭제용 메서드와 복사용 메서드들입니다.</p> <p> &nbsp;</p> <table cellpadding="3" cellspacing="1" style="background: gray;"> <tbody> <tr style="background: white;"> <td colspan="2"> 삭제 메서드</td> </tr> <tr style="background: white;"> <td style="width: 80px;"> empty()</td> <td style="width: 450px;"> 모든 일치된 요소들의 자식 노드들을 제거합니다.</td> </tr> <tr style="background: white;"> <td> remove()</td> <td> 모든 일치된 요소들을 DOM에서 제거합니다.</td> </tr> <tr style="background: white;"> <td colspan="2"> 복사 메서드</td> </tr> <tr style="background: white;"> <td> clone()</td> <td> 일치된 요소를 복사하고, 그를 선택합니다.</td> </tr> <tr style="background: white;"> <td> clone(bool)</td> <td> 이벤트 처리기를 포함하여 DOM 요소를 복사하고 그를 선택합니다.</td> </tr> </tbody> </table> <p> &nbsp;</p> <p> 별도의 설명이 필요없을 정도로 직관적이면서도, 매우 자주 사용하게 되는 메서드들입니다. 다만, 복사 관련 메서드(clone)는 약간의 부연 설명을 드릴 필요가 있는데요. 인자로서 true를 지정하게 되면, 단순히 요소만을 복사하는 것이 아니라, 그 요소에 달려있는 이벤트 처리기(예, click, mouseover)등도 복사가 된다는 것입니다. 인자가 없는 기본 clone() 메서드로 복사하게 되면, 요소 자체만 복사될 뿐, 해당 요소에 달려있는 이벤트 처리기들은 복사가 되지 않습니다. 해서, 이벤트 처리기까지 복사하고 싶다면 반드시 clone(true) 메서드를 사용해서 대상을 복사해야 한다는 점에 주의하세요.</p> <br /> http://taeyo.net/columns/View.aspx?SEQ=373&PSEQ=29&IDX=1 no_email@example.com (achor) jQuery,웹개발,프로그래밍 Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/36 jQuery 셀렉터 http://achor.net/board/ae_scrap/35 <p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(70, 65, 217);">1. 태그 셀렉터</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("h1").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">html 문서내의 &lt;h1&gt;...&lt;/h1&gt; 을 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&lt;h1&gt;헤드라인&lt;/h1&gt;<br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><br /></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(70, 65, 217);">2. id 셀렉터</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("<span style="color: rgb(255, 0, 0);">#</span>title").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">html 태그요소중에 id="title" 인 요소를 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&lt;h1 id="title"&gt;헤드라인&lt;/h1&gt;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">만약 h1 태그중에 id가 title 인 요소를 선택하려면, 아래와 같이 셀렉터를 작성할 수 있습니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("h1#title").<br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(70, 65, 217);">3. class 셀렉터</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("<span style="color: rgb(255, 0, 0);">.</span>title").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">html 태그요소중에 class="title" 인 요소를 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&lt;h1 class="title"&gt;헤드라인&lt;/h1&gt;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">만약 h1 태그중에 class가 title 인 요소를 선택하려면, 아래와 같이 셀렉터를 작성할 수 있습니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><span style="color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none;">$("h1.title").</span><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(70, 65, 217);">4. 자손 셀렉터</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">자손이라고 하는 것은 특정 태그 내에 포함되어 있는 모든 태그 요소를 의미합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&lt;ul id="grand"&gt;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&nbsp;&nbsp;&nbsp; &lt;li&gt;아들 1&lt;/li&gt;<br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&nbsp;&nbsp;&nbsp; &lt;li&gt;딸 1&lt;/li&gt;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&nbsp;&nbsp;&nbsp; &lt;li&gt;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul id="parent"&gt;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;손자1&lt;/li&gt;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;손녀1&lt;/li&gt;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&nbsp;&nbsp;&nbsp; &lt;/li&gt;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&lt;/ul&gt;<br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">위 구조에서 아들1, 딸1, 손자1, 손녀1 모두 최상위 ul의 자손인거죠..ㅡ.ㅡ</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">위의 모든 li 요소들을 선택하기 위한 셀렉터는 아래와 같이 작성할 수 있습니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("ul#grand li").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">아이디가 grand 인 ul 의 하위에 있는 모든 li 요소를 선택한다는 의미입니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(70, 65, 217);">5. 자식 셀렉터</span></b><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">자식은 바로 아래에 있는 요소들을 의미합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("ul#parent<span class="Apple-converted-space">&nbsp;</span><b><span style="color: rgb(255, 0, 0);">&gt;</span></b><span class="Apple-converted-space">&nbsp;</span>li").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">이렇게 셀렉터를 작성하면, 바로 아래 단계의 손자1, 손녀1만 선택할 수 있습니다.<br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">이건 예가 그닥 좋지는 않군요..ㅡ.ㅡ</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(70, 65, 217);">5. 그룹 셀렉터</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">그룹은 여러개를 묶어놓으면 그룹인거죠.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">쉽게 콤마(,)를 이용해서 나열해 주는 방법으로 선택할 수 있습니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /><span id="callbacknestzzapstistorycom678887" style="width: 1px; height: 1px; float: right;"></span></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("h1, h2").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(70, 65, 217);">7. 유니버설 셀렉터</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">특정 요소 하위의 모든 요소를 선택할 수 있는 방법입니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("ul#grand<span class="Apple-converted-space">&nbsp;</span><b><span style="color: rgb(255, 0, 0);">*</span></b>").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(70, 65, 217);">8. 인접 셀렉터</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">인접은 바로 옆이라는 의미죠. 가장 가까이 있는 요소를 말합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("#first<span class="Apple-converted-space">&nbsp;</span><b><span style="color: rgb(255, 0, 0);">+</span></b><span class="Apple-converted-space">&nbsp;</span>li").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">위와 같이 작성하면, id가 first 인 요소 다음에 가장 먼저 오는 li 요소를 선택할 수 있습니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(70, 65, 217);">9. first-child 셀렉터</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">말그대로 첫번째 자식을 선택할 수 있습니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("li<b><span style="color: rgb(255, 0, 0);">:first-child</span></b>").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">li는 ul의 자식요소인데, li가 여러개 있을 경우, 첫번째 li 요소를 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(70, 65, 217);">10. 간접셀렉터</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">특정 요소 뒤에 나타나는 모든 요소를 선택할 수 있습니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("#second<span class="Apple-converted-space">&nbsp;</span><b><span style="color: rgb(255, 0, 0);">~</span></b><span class="Apple-converted-space">&nbsp;</span>li").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(70, 65, 217);">11. only-child<span class="Apple-converted-space">&nbsp;</span></span><span style="color: rgb(70, 65, 217);">유사클래스 셀렉터</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("li span:only-child")</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">예)<br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&lt;li&gt;&lt;span&gt;제이쿼리&lt;/span&gt;&lt;/li&gt;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">li 요소 안에 span 요소가 온리 하나뿐이면 선택됩니다. 자식이라곤 span 밖에 없는 li요소..<br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(70, 65, 217);">12. nth-child 유사클래스 셀렉터</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><span style="color: rgb(255, 0, 0);">$("li:nth-child(2)").</span></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">ul 하위 li들 중에 2번째 li를 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><span style="color: rgb(255, 0, 0);">$("li:nth-child(even</span><span style="color: rgb(255, 0, 0);">)").</span></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">ul 하위 li들 중에 짝수째 li를 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><span style="color: rgb(255, 0, 0);">$("li:nth-child(odd</span><span style="color: rgb(255, 0, 0);">)").</span></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">ul 하위 li들 중에 홀수째 li를 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><span style="color: rgb(255, 0, 0);">$("li:nth-child(3n</span><span style="color: rgb(255, 0, 0);">)").</span></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">ul 하위 li들 중에 3의 배수번째 li들을 선택합니다.<br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(70, 65, 217);">13. last-child 유사클래스 셀렉터</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">마지막 자식, 막내를 선택합니다.&nbsp;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("li:last-child").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(70, 65, 217);">14. not 유사클래스 셀렉터</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("li:not(:first-child)").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">not 으로 지정한 특성을 제외한 li요소들을 선택합니다.<br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(70, 65, 217);">15. empty 유사클래스 셀렉터</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("li:empty").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&lt;li&gt;&lt;/li&gt; 처럼 속 내용이 빈 요소를 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">속성은 html 태그에 더해진 id, class 등을 의미합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&lt;li id="first" class="number" &gt;블라블라&lt;/li&gt;<span class="Apple-converted-space">&nbsp;</span><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">id도 속성이고 해당 value는 first, class도 속성이고 해당 value 는 number 인거죠.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(255, 0, 0);">$("[속성]").</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("[id]").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">html 태그 요소중에 id 라는 속성을 가진 요소들을 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(255, 0, 0);">$("[속성='값']").</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("[id='first']").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">html 태그 요소중에 id값이 first 인 요소들을 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(255, 0, 0);">$("[속성!='값']").</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("[id=!'first']").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">html 태그 요소중에 id값이 first 가 아닌 요소들을 선택합니다...만, 위와 같이 사용할 수 없고 반드시 해당 html태그를 명시해줘야합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(0, 85, 255);">$("li[id=!'first']").</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">위 예는 li 요소중에 id가 first가 아닌 것들을 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(255, 0, 0);">$("[속성^='값']").</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">속성이 특정 문자열로 시작되는 요소들을 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("[title^='f']").<br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">태그중에 title 속성의 값이 f로 시작하는 태그 요소들을 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&lt;li title='first'&gt;블라블라&lt;/li&gt;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(255, 0, 0);">$("[속성$='값']").</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">속성이 특정 문자열로 끝나는 요소들을 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("[title$='d']").<br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">태그중에 title 속성의 값이 d로 끝나는 태그 요소들을 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&lt;li title='second'&gt;블라블라&lt;/li&gt;<br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(255, 0, 0);">$("[속성*='값']").</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">속성이 특정 문자열을 포함하는 요소들을 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("[title*='u']").<br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">태그중에 title 속성의 값이 u를 포함하는 태그 요소들을 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&lt;li title='fourth'&gt;블라블라&lt;/li&gt;<br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">위 속성 셀렉터를 중복으로 사용할 수 있습니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">title속성이 f 로 시작하고, u를 포함하는 요소를 선택하고 싶으면 아래와 같이 할 수 있습니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("[title^='f'][title*='u']").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">class속성 중에 or 를 써서 사용하고 싶을때</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><span style="color: rgb(255, 0, 0);">$("[class*=info][class*=line]").</span></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><span style="color: rgb(255, 0, 0);">class속성 중</span><span style="color: rgb(255, 0, 0);"> info와 line 두가지를 가지고 있는 element를 선택하고 싶을때</span><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">여기까지 내용은 CSS 에서 요소를 선택하는 방법과 같습니다. CSS 작성할 때 위와 같은 방법으로 요소들을 지정해 줄수 있습니다. 아! CSS3까지 포함된 내용입니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><b><span style="color: rgb(65, 116, 217);">jQuery 자체 필터</span></b></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">그리고, jquery 자체 필터라는게 있습니다. jquery 가 지원하는 셀렉팅 방법이지요.<br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">- first / last&nbsp; 필터</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("li:first") / $("li:last")</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">위와 같이 첫번째 li 요소와 마지막 li 요소를 선택할 수 있습니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">first-child, last-child 와 의미가 비슷하죠? 하지만, 같은 방법을 굳이 만들었을리가..ㅡ.ㅡ</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">first-child와 last-child는 공통된 부모 요소 내에서 첫번째, 마지막을 골라내주는 것이고,</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">first, last 필터는 부모와 관계없이 페이지내에 존재하는 모든 태그들 중에서 첫번째, 마지막을 골라내주는 것입니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">- even, odd 필터</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("li:even") / $("li:odd")</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">nth-child에서 even, odd 를 사용하는 것과 비슷하지만, 이 필터 역시 공통 부모의 의미가 없이 전체 태그들을 대상으로해서 짝수번째, 홀수번째를 골라내줍니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">- eq, gt, lt 필터</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">eq 는 같다, gt는 뭐보다 크다, lt는 뭐보다 작다...의미입니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">같은 종류의 태그가 여러개 있을 경우,<span class="Apple-converted-space">&nbsp;</span><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">eq 는 몇번째 태그를 지정해주거나,<span class="Apple-converted-space">&nbsp;</span><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">gt 는 몇번째 태그보다 큰것들을 모두 골라내거나,</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">lt 는 몇번째 태그보다 작은것들을 모두 골라내줍니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">크고 작음을 어떻게 구분할까요?</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">같은 태그가 여러개 있을 경우, 첫번째 태그는 0번, 그 이후 1,2,3... 등으로 인덱스가 붙습니다.<span class="Apple-converted-space">&nbsp;</span><b><span style="color: rgb(255, 0, 0);">인덱스가 0번부터 시작함에 주의해야합니다.</span></b><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">이 필터를 사용할 때는 이 인덱스 번호를 이용합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("li:eq(2)")</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">여러개의 li 요소중에 3번째 li요소를 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("li:gt(2)")</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">여러개의 li 요소중에 인덱스 번호가 2보다 큰 li요소를 선택합니다. 4번째, 5번째...등등 골라내주는거죠.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("li:lt(2)")</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">여러개의 li 요소중에 인덱스 번호가 2보다 작은 li요소를 선택합니다. 1번째, 2번째 li요소를 골라내주는거죠.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">이 세가지 필터 모두 역시 공통 부모와 무관하게 전체 태그요소들을 대상으로 동작합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">- header&nbsp; 필터</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$(":header") 로 사용해서 h1~h6 태그를 선택할 수 있습니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">- contains / has 필터</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">contains 는 특정 문자열을 포함하고 있는지를 확인해서 선택하고, has 는 특정 태그를 포함하고 있는지를 확인해서 선택합니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&lt;li&gt;제이쿼리&lt;/li&gt;의 경우, $("li:contains("제이")") 로 선택할 수 있습니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&lt;li&gt;&lt;strong&gt;제이쿼리&lt;/strong&gt;&lt;/li&gt; 는 strong이라는 태그를 포함하고 있으니까, 태그를 기준으로 선택하려면, 아래와 같이 has를 사용할 수 있습니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("li:has(strong)").</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">- parent 필터</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">값을 가지고 있는 자식태그를 선택해 줍니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">$("li:parent") 라고 작성하면, li 들 중에, 값을 가지고 있고, 어떤 태그의 자식 태그인 요소를 선택해줍니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">li는 무조건 ul 태그의 자식 태그니까, 자식 태그라는 요건은 만족하고, 값을 가지고 있느냐를 더 확인을 하겠지요.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&lt;ul&gt;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&nbsp;&nbsp;&nbsp; &lt;li&gt;아들 1&lt;/li&gt;<br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&nbsp;&nbsp;&nbsp; &lt;li&gt;딸 1&lt;/li&gt;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">&lt;/ul&gt;</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">위 예에서는 아들1을 포함한 li 태그와 딸1을 포함한 li태그만이 선택됩니다.</p><p style="padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; color: rgb(102, 102, 102); font-family: dotum; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><br /></p> <br /> http://chan7ee.tistory.com/192 no_email@example.com (achor) jQuery,웹개발,프로그래밍 Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/35 jQuery 기본 http://achor.net/board/ae_scrap/34 <p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1.3em; color: rgb(69, 69, 69); font-family: AppleGothic, Gulim, 굴림, Arial, 'Lucida Grande', sans-serif; font-size: 9pt; line-height: 21px; "><strong><span class="Apple-style-span" style="color: rgb(138, 138, 138); font-family: dotum; line-height: 15px; "></span></strong></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; "><b>해당 엘리먼트 접근하기</b></span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">일반 : document.getElementById("id");</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">JQuery : $("#id");</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; - 엘리먼트의 ID 접근시 #, class 접근시 .</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; "><b>해당 엘리먼트의 값 접근하기</b></span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">일반 : document.getElementById("id").value;</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">JQuery : $("#id").val();</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; - 엘리먼트의 값을 대입하고 싶다면 $("#id").val("값");</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; "><b>해당 엘리먼트의 개체를 비교하여 true/false를 알려주는 메소드</b></span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">일반 : document.getElementById("id").checked;</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">JQuery : $("#id").is(':checked');</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; - 체크박스 및 라디오버튼에 체크상태인지를 boolean 형으로 반환</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; - $("#id").is(".orange, .blue, lightblue"); &nbsp;id의 class 속성중 orange, blue, lightblue 가 하나라도 있으면 true</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; "><b>해당 엘리먼트의 CSS 속성 부여하기</b></span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">일반 : document.getElementById("id").style.border = "4px solid yellow");</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">JQuery : $("#id").css("border", "4px solid yellow");</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp;- 첫번째인자는 속성이름, 두번째인자는 속성값을 넣으면 된다.</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; "><b>해당 엘리먼트의 display 속성 부여하기</b></span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">일반 : document.getElementById("id").style.display = "none";</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">JQuery : $("#id").hide(); , $("#id").show();</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp;- hide 숨김, show 보임, hide, show 안에 인자를 slow, normal, fast 중 하나로 보임숨김의 속도를 조절 할 수 있다.</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp;- 아니면 수치로 1000분의 1초로 할 수 있음. show(950)</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; "><b>체크박스의 전체선택 / 해제</b></span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">일반</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">function selectAll() {</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp;var blnChecked = document.getElementById("allCheck").checked; &nbsp; &nbsp; &nbsp;// 전체선택 체크박스의 상태</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp;checkBoxes = document.getElementsByName('delCheck'); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 태그이름중 delCheck인 엘리먼트를 배열로 얻음</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp;for(var i=0; i&lt;checkBoxes.length; i++) {</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp; objCheck = checkBoxes[i];</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;if (objCheck) {</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;objCheck.checked = blnChecked;</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp;}</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp;}</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">}</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">JQuery</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">$(document).ready(function() { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp;$('#allCheck').click(function() { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 전체선택 체크박스 선택 이벤트</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp;if($('#allCheck').is(':checked')){ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 전체선택 체크박스 체크상태</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp; &nbsp;$('.delCheck').each(function(){ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 여러개의 체크박스 의 class 속성의 값이 delCheck 인걸 가져옴</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;$(this).attr('checked', 'checked'); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // 가져온 체크박스를 checked</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;});</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp; }else{ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // 전체선택 체크박스 미체크상태</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp; &nbsp; $('.delCheck').each(function(){</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp; &nbsp; $(this).attr('checked',''); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // 가져온 체크박스를 미체크상태로</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp; &nbsp; });</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp; }</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; }); &nbsp;</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">});</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; "><b>엘리먼트의 존재여부를 체크하기</b></span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">JQuery : if($("#id").length &gt; 0) &nbsp; &nbsp;&nbsp;</span></font></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "><font class="Apple-style-span" color="#454545" face="돋움, Dotum, AppleGothic, sans-serif"><span class="Apple-style-span" style="line-height: 15px; ">&nbsp;&nbsp; &nbsp;- 엘리먼트로 존재하지 않은 경우에도 빈 객체로 반환하기 때문에 JQuery는.. 객체의 길이를 체크해서 존재여부를 체크한다</span></font></p> </p> <p style="color: rgb(51, 51, 51); font-family: 굴림; font-size: 9pt; line-height: 1.5; "></p> <p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1.3em; "><p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1.3em; "><p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1.3em; font-weight: bold; "><font class="Apple-style-span" color="#333333" face="굴림">name 으로 해당 컨텐츠 사용 하기</font></p> <p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1.3em; font-weight: bold; "><font class="Apple-style-span" color="#333333" face="굴림">text</font></p> <p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1.3em; "><font class="Apple-style-span" color="#333333" face="굴림">get &nbsp; $(‘input[name=inputname]’).val();</font></p> <p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1.3em; "><font class="Apple-style-span" color="#333333" face="굴림"></font><span class="Apple-style-span" style="font-family: 굴림; color: rgb(51, 51, 51); ">set &nbsp; $(‘input[name=inputname]’).val(‘value’);</span></p> <p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1.3em; font-weight: bold; "><font class="Apple-style-span" color="#333333" face="굴림">selectbox</font></p> <p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1.3em; "><font class="Apple-style-span" color="#333333" face="굴림">get &nbsp; $(‘select[name=selectname] &gt; option:selected’).val();</font></p> <p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1.3em; "><font class="Apple-style-span" color="#333333" face="굴림">set &nbsp; $(‘select[name=selectname] &gt; option[value=selectvalue]’).attr(‘selected’, ‘true’);</font></p> <p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1.3em; font-weight: bold; "><font class="Apple-style-span" color="#333333" face="굴림"><br /> </font></p> <p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1.3em; font-weight: bold; "><font class="Apple-style-span" color="#333333" face="굴림">radio , checkbox</font></p> <p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1.3em; "><font class="Apple-style-span" color="#333333" face="굴림">get &nbsp; $(‘input[name=inputname]:checked’).val();</font></p> <p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1.3em; "><font class="Apple-style-span" color="#333333" face="굴림">set &nbsp; $(‘input[name=inputname]’).filter('input[value=selectvalue]').attr(‘checked’, ‘checked’);</font></p> <p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1.3em; "><font class="Apple-style-span" color="#333333" face="굴림">set &nbsp; $(‘input[name=inputname]’).filter('input[value=selectvalue]').attr(‘checked’, ‘’);</font></p> <p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1.3em; "><font class="Apple-style-span" color="#333333" face="굴림">count &nbsp; &nbsp;$(‘input[name=inputname]:checkbox:checked’).length;</font></p> - achor no_email@example.com (achor) jQuery,웹개발,프로그래밍 Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/34 화면 분할 프로그램 http://achor.net/board/ae_scrap/33 와이드 화면에서 창을 자유롭게 분할하여 볼 수 있는 프리웨어 화면 분할 프로그램입니다.<br /> <br /> 주요한 디폴트 키는 다음과 같습니다.<br /> Ctrl + Alt + 5 : 꽉 채운 전체 화면<br /> Ctrl + Alt + 4 : 왼쪽 50% 점유<br /> Ctrl + Alt + 6 : 오른쪽 50% 점유<br /> <br /> 모니터 내에 창 2개 딱 분할하여 동시 작업 시 매우 유용하지요.<br /> 개인적으로는 삼성의 Multiscreen 프로그램보다 더 낫더군요.<br /> <br /> <br /> 다운로드: <br /> <a href=http://www.winsplit-revolution.com/ target=_blank>http://www.winsplit-revolution.com/</a><br /> <a href=http://www.winsplit-revolution.com/download target=_blank>http://www.winsplit-revolution.com/download</a><br /> <br /> - achor no_email@example.com (achor) 화면분할프로그램 Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/33 도메인 등록 비교 http://achor.net/board/ae_scrap/32 nida.or.kr 에서 제공하는 도메인 등록자 비교 서비스<br /> <br /> .co.kr .kr 위주로 되어 있지만<br /> 가격이나 서비스는 .com .net 에도 비례적으로 제공되는 편이니 참고할 수는 있더라.<br /> <br /> <a href=http://domain.nida.or.kr/kor/regi/agencyFeePop.jsp target=_blank>http://domain.nida.or.kr/kor/regi/agencyFeePop.jsp</a><br /> <br /> - achor no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/32 Open API 사이트 모음 http://achor.net/board/ae_scrap/31 <p> Open API 사이트입니다.<br /> <br /> - achor<br /> <br /> <br /> <br /> http://blog.naver.com/sitehis/120101906746<br /> </p> <div class="post-view pcol2 _param(1)" id="post-view120101906746"> <p> &nbsp;</p> <p> 네이트 오픈API 찾기가 가장 어려웠습니다.</p> <p> <br /> 막상 찾아서 정리하려고 하니 있는 것인지, 없는 것인지 찾기 힘든 것이 많네요</p> <p> &nbsp;</p> <p> 국내 주요 오픈API 사이트를 아시면 댓글 남겨주시면 감사하겠습니다.</p> <p> 네이트</p> <ul> <li> 개발자센터 <a class="con_link" href="http://devsquare.nate.com/" target="_blank">http://devsquare.nate.com/</a></li> <li> 게시판스크랩 <a class="con_link" href="http://devsquare.nate.com/nateConnect/PostScrapAPIGuide" target="_blank">http://devsquare.nate.com/nateConnect/PostScrapAPIGuide</a></li> <li> 개발블로그 <a class="con_link" href="http://club.cyworld.com/devsquare" target="_blank">http://club.cyworld.com/devsquare</a></li> </ul> <p> 네이버</p> <ul> <li> 개발자센터 <a class="con_link" href="http://dev.naver.com/" target="_blank">http://dev.naver.com/</a></li> <li> 오픈소스 <a class="con_link" href="http://dev.naver.com/opensource/" target="_blank">http://dev.naver.com/opensource/</a></li> <li> 오픈API <a class="con_link" href="http://dev.naver.com/openapi/" target="_blank">http://dev.naver.com/openapi/</a></li> <li> 오픈프로젝트 <a class="con_link" href="http://dev.naver.com/softwaremap/trove_list.php" target="_blank">http://dev.naver.com/softwaremap/trove_list.php</a></li> </ul> <p> 다음</p> <ul> <li> 다음DNA 개발자네트워크 오픈API <a class="con_link" href="http://dna.daum.net/apis" target="_blank">http://dna.daum.net/apis</a></li> <li> 오픈소스 <a class="con_link" href="http://dna.daum.net/opensource/" target="_blank">http://dna.daum.net/opensource/</a></li> <li> 기술자료 <a class="con_link" href="http://dna.daum.net/technote" target="_blank">http://dna.daum.net/technote</a></li> </ul> <p> 야후</p> <ul> <li> 거기 오픈 API <a class="con_link" href="http://kr.open.gugi.yahoo.com/index.php" target="_blank">http://kr.open.gugi.yahoo.com/index.php</a></li> <li> Flickr 서비스 <a class="con_link" href="http://www.flickr.com/services/" target="_blank">http://www.flickr.com/services/</a></li> <li> (외국) Developer netowrk <a class="con_link" href="http://developer.yahoo.com/" target="_blank">http://developer.yahoo.com/</a></li> </ul> <p> Google 코드 사이트</p> <ul> <li> 공식홈페이지 :&nbsp;<a class="con_link" href="http://code.google.com/intl/ko/" target="_blank">http://code.google.com/intl/ko/</a></li> <li> Google Ajax API&nbsp;: <a class="con_link" href="http://code.google.com/intl/ko/apis/ajax/" target="_blank">http://code.google.com/intl/ko/apis/ajax/</a></li> <li> Google Ajax 라이브러리 API&nbsp;: <a class="con_link" href="http://code.google.com/intl/ko/apis/ajaxlibs/" target="_blank">http://code.google.com/intl/ko/apis/ajaxlibs/</a></li> </ul> <p> me2day</p> <ul> <li> me2API <a class="con_link" href="http://codian.springnote.com/pages/86001" target="_blank">http://codian.springnote.com/pages/86001</a></li> </ul> <p> 트위터</p> <ul> <li> (외국) API <a class="con_link" href="http://apiwiki.twitter.com/" target="_blank">http://apiwiki.twitter.com/</a></li> </ul> <p> 스프링노트</p> <ul> <li> API센터&nbsp;<a class="con_link" href="http://api.springnote.com/" target="_blank">http://api.springnote.com/</a></li> </ul> <p> 동영상관련</p> <ul> <li> 판도라TV OPEN&nbsp;API <a class="con_link" href="http://interface.pandora.tv/" target="_blank">http://interface.pandora.tv/</a></li> <li> YouTube 개발자 PI <a class="con_link" href="http://www.youtube.com/dev" target="_blank">http://www.youtube.com/dev</a></li> </ul> <p> &nbsp;옥션</p> <ul> <li> Auction Open API <a class="con_link" href="http://developer.auction.co.kr/Default.aspx" target="_blank">http://developer.auction.co.kr/Default.aspx</a></li> </ul> <p> 기타 오픈 API</p> <ul> <li> 위자드(Wzd.com) 공유센터오즈 <a class="con_link" href="http://wzdapi.com/" target="_blank">http://wzdapi.com/</a></li> <li> 한RSS API <a class="con_link" href="http://www.hanrss.com/help/api/" target="_blank">http://www.hanrss.com/help/api/</a></li> <li> Maniadb <a class="con_link" href="http://www.maniadb.com/api/apispec.asp" target="_blank">http://www.maniadb.com/api/apispec.asp</a></li> <li> 이글루스 API <a class="con_link" href="http://help.egloos.com/2922" target="_blank">http://help.egloos.com/2922</a></li> <li> 티스토리 BlogAPI <a class="con_link" href="http://manual.tistory.com/719" target="_blank">http://manual.tistory.com/719</a></li> <li> (외국) Blogger.com <a class="con_link" href="http://code.blogger.com/" target="_blank">http://code.blogger.com/</a></li> <li> (외국) Live.com <a class="con_link" href="http://dev.live.com/" target="_blank">http://dev.live.com/</a></li> </ul> <p> &nbsp;</p> <p> 참고자료</p> <ul> <li> 오픈API 인증원리 <a class="con_link" href="http://www.likejazz.com/archives/282" target="_blank">http://www.likejazz.com/archives/282</a></li> <li> XML-RPC.com <a class="con_link" href="http://www.xmlrpc.com/" target="_blank">http://www.xmlrpc.com/</a></li> </ul> <p> &nbsp;<br /> <span>- http://sitehis.com 개발자 박선민 twitter: <a class="con_link" href="http://twitter.com/sitehis" target="_blank">http://twitter.com/sitehis</a> </span><br /> - 퍼가실 경우에는 각 게시물 출처를 확인하시고 출처를 남겨주세요.<br /> &nbsp;</p> </div> no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/31 loadMovie를 통한 swf resize http://achor.net/board/ae_scrap/30 Flash ActionScript ver2에서의 무비클립 제어 코드로,<br /> Size가 정해진 Flash swf 파일들의 리사이즈에 활용할 수 있다.<br /> <br /> loadMovie로 swf 파일을 연 다음<br /> 원하는 값으로 무비클립의 사이즈를 조절하면 된다.<br /> <br /> 다만 cpc 광고 배너 등 일부 swf 파일은<br /> loadMovie 됐을 때 방어적 화면을 보여주게끔 돼 있기도 하더라.<br /> <br /> <a href=http://www.saybox.co.kr/bbs/board.php?bo_table=flash&wr_id=1 target=_blank>http://www.saybox.co.kr/bbs/board.php?bo_table=flash&wr_id=1</a><br /> <br /> <br /> <br /> 두가지 방식.. 모두 가능하다..<br /> 이를테면..<br /> ##경우1##<br /> loadMovie(&quot;sub.swf&quot;,_root);<br /> <br /> ##경우2##<br /> _root.loadMovie(&quot;sub.swf&quot;);<br /> 경우1과 경우2 같은 결과가 나온다.<br /> <br /> 위의 예제는 문제가 있다. <br /> (다 알고 있는 부분이겠지만....) <br /> _root.loadMovie(&quot;sub.swf&quot;);<br /> 이렇게 쓸 경우에.. sub.swf가... _root에 로딩 되는게 아니라<br /> _root가 sub로... 바뀐다..<br /> 때문에... _root에 있던.. 기존 오브젝트들은 사라지게 된다.<br /> <br /> 그래서..<br /> _root.createEmptyMovieClip(&quot;mm&quot;,1);<br /> mm.loadMovie(&quot;sub.swf&quot;);<br /> 이렇게 써줘야... 기존 _root는 그대로 있고..<br /> sub.swf만..Depth.. 1로 불러 들이게 된다.<br /> <br /> 자.. 여기까지가 기본이다..<br /> <br /> 실무로..볼때... 왠지 불안하다.. 왜냐면..loadMovie가.. 제대로 불러들<br /> 였는지 불안하고..<br /> 그리고..불러들인 녀석에 바로 어떤 액션을...적용할 경우 <br /> 이 녀석이.. 들어온건지.. 들어오지 않았는지 확인할 길이 없다.<br /> 몇가지를... 더 생각해보자!!<br /> <br /> ##경우1##<br /> _root.createEmptyMovieClip(&quot;mm&quot;, 1);<br /> mm.loadMovie(&quot;sub.swf&quot;);<br /> mm.onEnterFrame = function() {<br /> this._x = i++;<br /> };<br /> <br /> ##경우2##<br /> _root.createEmptyMovieClip(&quot;mm&quot;, 1);<br /> mm.createEmptyMovieClip(&quot;ss&quot;, 1);<br /> mm.ss.loadMovie(&quot;sub.swf&quot;);<br /> mm.onEnterFrame = function() {<br /> this._x = i++;<br /> };<br /> <br /> 경우1은 mm이라는 빈무비클립을 만들어 mm에 직접 sub.swf를 로딩<br /> 했고<br /> 경우2는 mm을 만들고 그 속에 ss를 만들어 ss에 sub.swf를 로딩시켰<br /> 다..<br /> 경우1은 mm의 onEnterFrame이 작동하지 않는다.<br /> 경우2는 잘 작동한다.<br /> <br /> 왜 그럴까??<br /> ..<br /> 결국.. loadMovie의.. 로딩은 엄밀히 말하면... 대체시켜 버리는 것이<br /> 다.<br /> _root.createEmptyMovieClip(&quot;mm&quot;, 1);<br /> mm.loadMovie(&quot;sub.swf&quot;);<br /> mm.onEnterFrame = function() {<br /> this._x = i++;<br /> trace(i);<br /> };<br /> 순서는 이렇다.<br /> output에 1이 나온다..<br /> 예측하건데..<br /> sub.swf가.. 완전히 불러오는 시점에서..mm이 완전... 바뀐다.<br /> 때문에.. i값이.. 약간(대부분1만) 보이게 된다.<br /> 그리고 그 이후에는 보이지 않는다.<br /> 로딩이 아니고... 바뀌어 버리기 때문이다.<br /> <br /> 자..그렇다면... 어떤... 녀석을 불러들일때.. 그 녀석의.. 용량을 체크<br /> 하고 싶다면.. 어떻게 할까??<br /> <br /> ##경우1##<br /> _root.createEmptyMovieClip(&quot;mm&quot;, 1);<br /> mm.loadMovie(&quot;sub.swf&quot;);<br /> mm.onEnterFrame = function() {<br /> a.text = this.getBytesLoaded() +&quot;/&quot;+this.getBytesTotal();<br /> };<br /> <br /> ##경우2##<br /> _root.createEmptyMovieClip(&quot;mm&quot;, 1);<br /> mm.createEmptyMovieClip(&quot;ss&quot;, 1);<br /> mm.ss.loadMovie(&quot;sub.swf&quot;);<br /> mm.onEnterFrame = function() {<br /> a.text = this.ss.getBytesLoaded() <br /> +&quot;/&quot;+this.ss.getBytesTotal();<br /> };<br /> <br /> 경우 1은 a에 값이 들어오지 않는다.<br /> 경우2는 잘 나타난다.<br /> <br /> <br /> 더 많은 말들을.. 할수 있겠지만..<br /> 한 가지만.. 더 해보자!!<br /> <br /> 예를들어 sub.swf를 불러들여서...<br /> 다..로딩된.. 순간에.. 화면의 어색함 없이..<br /> 너비 100<br /> 높이 100<br /> 알파값 50<br /> x위치 50<br /> y위치 50으로 위치 시켜보자!!<br /> <br /> _root.createEmptyMovieClip(&quot;mm&quot;, 1);<br /> mm._visible = false;<br /> mm.createEmptyMovieClip(&quot;ss&quot;, 1);<br /> mm.ss.loadMovie(&quot;sub.swf&quot;);<br /> mm.onEnterFrame = function() {<br /> a.text = this.ss.getBytesLoaded()+&quot;/&quot;+this.ss.getBytesTotal();<br /> if (this.ss.getBytesTotal()&gt;10 && this.ss.getBytesLoaded() <br /> == this.ss.getBytesTotal()) {<br /> with (this.ss) {<br /> _width = 100;<br /> _height = 100;<br /> _alpha = 50;<br /> _x = 50;<br /> _y = 50;<br /> }<br /> this._visible =true;<br /> delete this.onEnterFrame;<br /> }<br /> };<br /> 위와 같이..하면된다.<br /> _root.createEmptyMovieClip(&quot;mm&quot;, 1);<br /> mm._visible = false;<br /> 이 부분이..팁이다..<br /> 빈무비를 만들고...<br /> 바로... 감추는 것...<br /> 그리고..onEnterFrame으로..체크한다.<br /> <br /> 조건.. 즉,if (this.ss.getBytesTotal()&gt;10 && <br /> this.ss.getBytesLoaded() == this.ss.getBytesTotal()) 이것이..성립<br /> 되었을때..<br /> <br /> 비로소..ss를.. 위치 시키고..<br /> this._visible = true;<br /> 할거...다하고 나서... 제일 나중에.. 자신의..모습을.. 드러내는 것이<br /> 다.<br /> <br /> <br /> 소스다운로드<br /> <br /> 더 많은 부분이..있다..<br /> 사실... 실무적으로는..끝이 없는것 같다..<br /> 상황이라는건... 항상.. 바뀌니까..<br /> 그런.. 생각이 든다..<br /> <br /> 플래시로.. 웹상의..ACDsee같은 것을... 만들때나..<br /> loadSound할때... 그리고..<br /> 기타.. 여러가지.. 상황들은... <br /> 개발기획, 설계 그리고.. 액션 등... 많은 부분 변화 시킨다..<br /> <br /> 결국... 중요한건.. 메서드를 알고(이해하고) 있는 부분 50%와..<br /> 알고 있는 메서드를 창의적으로... 연결하고..설계하는 부분.. 50% 라<br /> 는 생각이 든다.<br /> <br /> <br /> 다음번에는....<br /> loadMovie 최적화 -#2<br /> - _root변수 부분의 중복문제<br /> - 네트워크환경이.. 좋지 않은 곳에서의 로딩<br /> - 위의 내용을 prototype으로 만드는 방법.<br /> - 기타..<br /> 그리고..<br /> loadMovieNum 최적화에 대해서.. 알아보겠다..<br /> <br /> <br /> <br /> P.S. - 1<br /> loadMovie로.. 불러들인 녀석을.. onPress와.. onRelease로.. <br /> startDrag()<br /> stopDrag() 하고 싶은 경우에도.. 마찬가지이다..<br /> 결국 계층을 2개로,,가져가야.. <br /> 체크할수 있고.... 이벤트를 줄수 있고... 그리고 안전하다..<br /> jpg를 불러들일때도.. 마찬가지이다..<br /> <br /> <br /> P.S. - 2<br /> C++이나..Java 같은 언어의 경우 객체와 메서드의 종류는...<br /> 액션스크립트와 비교할 수 없이 많다..<br /> 비교하는것이.. 어리석은 것일지 모르겠다..<br /> 하지만..<br /> 액션스크립트의 메서드와 프로퍼티를 단편적으로 보고..<br /> 별거 아니군.. 하고 치부해버리기에는..<br /> 너무나.. 많은 부분이.. 숨어있다..<br /> 사실...loadMovie(Num)는.. 구조화의 핵심이다..<br /> 핵심인 만큼... 안전성이.. 보장되어야 한다...<br /> 교육컨텐츠를 만들때나..<br /> 온라인 쇼핑을 만들때<br /> 혹은.... 아바타시스템을 만들때..<br /> 그 때마다... 상황을 고려한.. 코딩과 설계를 해야한다.<br /> 단순히...<br /> MovieClip.loadMovie(불러들일swf(jpg)파일);<br /> 이라는 것을.. 말하며...<br /> 난... loadMovie에 대해서.. 다 알고.. 더 이상... 알아야 할게.. 없다<br /> 고.. 생각하는건... 잘못된 부분이다..<br /> <br /> 깊게 보면 볼수록... 액션스크립트코딩을 깊게 보는게..아니라..<br /> 인터넷 환경과... 프로그래밍 기법.... 개발기획... 구조화..XML,..등..<br /> 기본지식에 대한... 이해에 접근하게 된다.<br /> 결국.. &quot;프로그램이라는 것은.. 한 길로.. 통하게 된다&quot;라는 생각이 들<br /> 게 된다.<br /> <br /> 질문한 분중에 <br /> 일주일동안.. 이 문제로.. 고생하고 있다고 말하는 분이 있었다..<br /> 우습게도.. 난.. 2년넘게... 고민했고...<br /> 지금도.. 고민하고 있다..<br /> 앞으로도.. 계속.. 고민해야할것 같다..<br /> <br /> 위의 설명한.. 내용들은.. loadMovie를 다루는 여러가지 방법중... 일<br /> 부에.. 속한다..<br /> (심지어 로컬인지 웹환경인지, OS의 종류가 어떤것인지, 인터넷옵션<br /> 에 대한 고려, 그리고 파일존재여부... 기타... )<br /> <br /> 그렇다고... 난해하다고 말하는건.. 아니다..<br /> 다만....<br /> 더 깊은.. 부분이.. 있다는 것을 말하려는 것이다...<br /> <br /> <br /> <br /> <br /> ------------------------------------------------------<br /> 참고 하세요 - 예전에.. 제가 loadMovie관련 답변한..부분입니다. <br /> ----------------------------- ------------------------<br /> loadMovieNum 은 전역함수로만.. 존재합니다.<br /> 그리고..loadMovie는 MovieClip 객체의..메서드로.. 존재합니다.<br /> 이 부분에.. 대해서.... 아셔야 합니다.<br /> 플래시4때까지는.. 거의 모든.. 액션들이..전역함수로.. 되어있었고..<br /> 플래시5에서는 상당수... 객체에 대한.. 메서드로.. 존재하고..<br /> 플래시MX에 와서는... 거의 대부분을... 객체로... 프로그래밍 가능합<br /> 니다<br /> 예를들어..<br /> gotoAndStop 이라는 액션도... 두가지가.. 존재합니다.<br /> 전역함수와... 객체에 대한 메서드로요..<br /> 전역함수가 존재하는것은... 기존 버젼을 수용하기 위해서입니다.<br /> 예를들어<br /> gotoAndStop(3);<br /> 이렇게 쓰면.. 전역함수이고..<br /> aa.gotoAndStop(3);<br /> 여기서는 aa라는 무비클립객체의... 메서드로.. 존재하는겁니다.<br /> 즉... 위와.. 아래의 gotoAndStop는 전혀 다른 녀석입니다.<br /> 레퍼런스에 봐도... 두개가.. 다 나와 있습니다..<br /> 왜?? 그런 걸까요?? 서로.. 다른 녀석이기 때문입니다..<br /> 이것 외에도... getURL 이라든가.. 이런.. 부분은 많습니다.<br /> <br /> <br /> loadMovieNum은 전역함수이고..<br /> 때문에...aa.loadMovieNum 이라고 쓸수 없습니다... <br /> <br /> [출처] 세이박스 - <a href=http://www.saybox.co.kr/bbs/board.php?bo_table=flash&wr_id=1 target=_blank>http://www.saybox.co.kr/bbs/board.php?bo_table=flash&wr_id=1</a> no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/30 무료 문자 프로그램 - eXtremeSMS http://achor.net/board/ae_scrap/29 통신사나 포털 등에서 제공하는 무료 문자를 모아<br /> 데스크탑에서 쉽게 문자를 보낼 수 있게 해주는 프로그램입니다.<br /> <br /> 저는 매달 SKT에서 100건, KT Qook에서 140건 하여 총 240건이 나오더군요.<br /> <br /> 처음엔 그냥 휴대폰으로 보내면 되지, 뭐 필요 있겠어, 했는데<br /> 이젠 아예 익숙해 져서 키보드로 칠 수 있는 이게 더 편하네요.<br /> <br /> 설치판과 압축해제판 2종이 존재하는데,<br /> 대개 청결한 레지스트리를 위하여 후자를 선택들 하시겠지만<br /> 전자의 경우 무료문자 제공사의 등록, 수정, 삭제 등 관리를 자동으로 해줘서<br /> 나름의 장점이 있습니다.<br /> <br /> 설치판은 첨부한 파일을 다운로드 받으시면 되고,<br /> 압축해제판은 <a href=http://extremesms.egloos.com/ target=_blank>http://extremesms.egloos.com/</a> 웹사이트에서 직접 다운로드 받으십시오.<br /> 첨부파일 버전은 eXtremeSMS v1.049 입니다.<br /> <br /> 아무쪼록 문자요금 아껴서 부자들 되시길. -__-;<br /> <br /> - achor no_email@example.com (achor) 문자,SMS,MMS,휴대폰 Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/29 PHP fsockopen을 활용한 Twitter message 전송 http://achor.net/board/ae_scrap/28 Homepage나 Blog 등에 작성한 게시물을 Twitter로 자동 전송하고자 할 때 활용할 수 있는 소스입니다.<br /> <br /> 기존 Basic Auth 방식의 Twitter 인증이 2010년 6월 30일 자로 종료되면서<br /> OAuth 방식의 인증을 사용하게끔 되었습니다만<br /> 간단하게 Twitter Timeline Update에만 쓰기엔 복잡한 면이 있지요<br /> <br /> 그리하여 fsockopen을 활용하여 Update만 구현한 소스입니다.<br /> status 140자 체크가 strlen으로 돼 있어서 필요 시 mb_strlen 등으로 변경해야 할 수도 있습니다.<br /> <br /> - achor<br /> <br /> <br /> <br /> Twitter: by Felix Oghina. Update the status of a Twitter user.<br /> <a href=http://www.phpclasses.org/package/4216-PHP-Update-the-status-of-a-Twitter-user.html target=_blank>http://www.phpclasses.org/package/4216-PHP-Update-the-status-of-a-Twitter-user.html</a><br /> <br /> Name: Twitter Support forum <br /> Base name: twitter <br /> Description: Update the status of a Twitter user <br /> Related top rated classes: twitter, fsockopen <br /> Version: - <br /> Required PHP version: 4.4.6 <br /> License: GNU General Public License (GPL)<br /> no_email@example.com (achor) Twitter,PHP,웹개발 Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/28 Windows 2008 R2 IIS계정별 ftp 설정 http://achor.net/board/ae_scrap/27 <p> 꽤나 고생했던 문제였습니다.<br /> Windows 2008 R2에서 실제 사용자 계정이 아닌, ftp만을 위한 계정을 만드는 게 쉽지 않더군요.<br /> 서버를 설정하고, 계정을 만드는 것은 문제 없었지만 530 Log in이 되지 않는 에러가 해결되지 않았습니다.</p> <p> 무엇보다 문제는 이에 대한 정보가 너무 없다는 점이었습니다.<br /> 설정 자체에 문제는 없는데 왜 Log in이 되지 않는 지 알 수가 없더군요.</p> <p> 해답은 ID에 있었습니다.</p> <p> iis계정이라면 호스트|계정으로 써야 하더군요.<br /> 이를테면 ID를 그냥 achor&nbsp;라고 쓰지 않고, achor.net|achor 라고 쓰는 것이지요.</p> <p> 그 외 아래 문서의 권한 부분도 해결을 해주어야 합니다.</p> <p> - achor</p> <p> &nbsp;</p> <p> <a href="http://blogs.technet.com/b/koalra/archive/2007/11/20/windows-server-2008-53-ftp-iis-in-iis-7-0.aspx" target='_blank'>http://blogs.technet.com/b/koalra/archive/2007/11/20/windows-server-2008-53-ftp-iis-in-iis-7-0.aspx</a></p> <h3 class="post-name"> Windows Server 2008이 나오면... (53) - FTP에서 IIS 자체 계정을 이용.. in IIS 7.0</h3> <div class="post-author"> <span class="user-name"><a class="internal-link view-user-profile" href="/members/SJBAEK/" jquery1278773447867="8">백승주(Seung Joo Baek)</a></span></div> <div class="post-date"> <span class="value">20 Nov 2007 3:55 AM </span></div> <div class="post-attributes"> <div class="attribute-list-header"> &nbsp;</div> <div class="attribute-list-footer"> &nbsp;</div> </div> <div class="post-content user-defined-markup"> <p> FTP를 통해 데이터를 제공해야 하거나, 서비스를 이용할 때, 항상 Windows에서 계정을 생성하고, 이를 통해 사용자는 로그온을 해야 했었습니다. 종종 FTP를 통해 접근해야 할 사용자가 실제 Windows 계정 정보까지는 가질 필요가 없는데, 이를 부여해준다는 게 찜찜하셨을 수 있습니다.</p> <p> Windows Server 2008의 IIS 7에 추가할 수 있는 IIS 7용 FTP를 이용하여, IIS 내에서 계정을 생성하고 이를 통해 서비스를 제공할 수 있습니다. 영어로 표기하자면 Non-Windows Authentication이라고 표현해야 하겠습니다.</p> <p> Windows Server 2008 RC0용 FTP for IIS 7.0의 패키지는 아래에서 다운로드하셔서 설치하실 수 있습니다. 참고로 기존의 IIS 6.0 스타일의 FTP가 설치되어져 있다면, 설치시 에러가 발생합니다.</p> <p> <a href="http://go.microsoft.com/fwlink/?LinkId=89114">FTP for IIS 7.0 (x64)</a></p> <p> <a href="http://go.microsoft.com/fwlink/?LinkId=87847">FTP for IIS 7.0 (x86)</a></p> <p> 인증 확장을 위해서, Network Service 계정은 COM 프로세스를 사용합니다. 이를 위해 Network Service 계정에 대해서 몇가지 권한을 부여할 필요가 있습니다.</p> <blockquote> <p> 1. IIS Config 폴더에 Read 권한을 부여해야 합니다.<br /> - 명령어 프롬프트에서 CACLS &quot;%SystemDrive%\Windows\System32\Inetsrv\Config&quot; /T /G &quot;Network Service&quot;:R /E</p> <p> 2. &quot;Temporary ASP.NET Files&quot; 폴더에 Change 권한을 부여해야 합니다.<br /> - 명령어 프롬프트에서 CACLS &quot;%SystemDrive%\Windows\Microsoft.NET\Framework\v2.0.50727\Temporary ASP.NET Files&quot; /G &quot;Network Service&quot;:C /E /T (x86)<br /> - 명령어 프롬프트에서 CACLS &quot;%SystemDrive%\Windows\Microsoft.NET\Framework64\v2.0.50727\Temporary ASP.NET Files&quot; /G &quot;Network Service&quot;:C /E /T (x64)</p> <p> 3. 실제 서비스를 제공하는 FTP 폴더(해당 포스팅에서는 \Inetpub\ftproot 라고 하겠습니다.<br /> - 명령어 프롬프트에서 CACLS &quot;%SystemDrive%\inetpub\ftproot&quot; /G &quot;Network Service&quot;:C /T /E</p> </blockquote> <p> 위의 사항 반영을 하지 않아서, 최초 설정시 무진장 고생을 했었습니다. 자 이제 실제로 FTP 서비스의 구성을 알아보겠습니다. 많은 부분이 47편에서 작성했던 <a href="http://blogs.technet.com/koalra/archive/2007/10/03/windows-server-2008-47-in-iis-7-0.aspx" target="_blank">관리자 권한 설정</a>과 유사합니다. 해당 사이트의 관리자 권한을 주는 것이 아니라, FTP Authorization을 이용하여 Read,Write를 설정할 수 있습니다.</p> <p> IIS 관리 도구를 여시고, 서버 노드에서 IIS Manager Users 아이콘을 클릭합니다.</p> <p> &nbsp;</p> <p> Add User를 이용하여 사용자를 추가합니다.</p> <p> &nbsp;</p> <p> 생성한 FTP 사이트 또는 21번 포트를 바인딩한 웹 사이트로 찾아갑니다. 그리고 FTP Authentication을 클릭합니다. Anonymous 인증과 기본 인증은 기존에 보셨던 인증 방식입니다만, 추가적으로 IISManagerAuth와 ASPNetAuth를 사용할 수 있습니다. 이는 IIS 7에서 새롭게 생긴 인증 방식이죠. 통합 파이프라인을 사용하기 때문에 이러한 방식은 FTP뿐만 아니라, 웹에서도 사용할 수 있습니다.</p> <p> &nbsp;</p> <p> &nbsp;</p> <p> 그 후, 이제 해당 사용자에게 권한을 부여해야겠죠? 해당 FTP 사이트에 대한 권한과, 실제 작업의 권한을 연속적으로 부여합니다.</p> <p> &nbsp;</p> <p> &nbsp;</p> <p> 그림을 잘 보시면, 원리는 간단합니다. 인증을 위한 권한을 부여한 후, 허가를 위한 권한은 Read만 줘서 실제는 쓰기가 불가능하게 만드는 것입니다. 이제 로그온을 해보겠습니다.</p> <p> &nbsp;</p> <p> 로그온을 할 때는 &quot;FTP 서버의 호스트헤더 | 계정&quot;의 형태로 입력하시면 됩니다. 사전에 FTP 사이트에 꼭 호스트 헤더를 붙여주셔야 합니다.</p> <p> &nbsp;</p> <p> 그림이 많아서 내용이 좀 길어졌습니다만, IIS 7에 관련된 세미나나 스터디를 하면 할수록 IIS 7은 정말 매력적인 것 같습니다. IIS 6에서 필요했던 기능들을 거의 대부분 수용해서 가능하게 만들어놓았으니까요 :)</p> </div> no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/27 Smart Phone User Agent http://achor.net/board/ae_scrap/26 이번에 모바일 페이지를 만들며<br /> 접속 브라우저에 따라 일반 Web, Mobile 구분하여 보여주고자 했는데<br /> User Agent 잘 정리해 놓은 문서가 있어서 무단으로 옮깁니다.<br /> <br /> 원글을 계속 수정해 나가던데<br /> 다음 URL에서 원문 및 갱신글을 보실 수 있습니다.<br /> <br /> <a href=http://coffeenix.net/board_view.php?bd_code=1668 target=_blank>http://coffeenix.net/board_view.php?bd_code=1668</a><br /> <br /> php라면<br /> if(preg_match('/iPhone|Android/',$_SERVER['HTTP_USER_AGENT'])) { }<br /> 이런 구문으로 아이폰이나 안드로이드를 접속을 찾아낼 수 있겠지요.<br /> <br /> - achor<br /> <br /> <br /> <br /> 제 목 : 스마트폰, 풀 브라우징폰의 User Agent명(브라우저명)은?<br /> 작성자 : 좋은진호(truefeel, <a href=http://coffeenix.net/ target=_blank>http://coffeenix.net/</a> )<br /> 작성일 : 2009.4.13(월)<br /> 수정일 : 수정사항은 글 맨 아래에<br /> <br /> <br /> 지난주 '세상엔 다양한 기기에서 브라우저를 쓰는 유저가 있다.'( <a href=http://coffeenix.net/bbs/viewtopic.php?p=5523 target=_blank>http://coffeenix.net/bbs/viewtopic.php?p=5523</a> , 2009.4.8 )는 글을 통해 PS3, PSP, iPod의 User Agent명을 확인했다. 그렇다면 휴대폰은 어떻게 표시될까 궁금하여 2탄을 마련했다. WAP페이지가 아닌 풀 브라우징폰으로 일반 웹페이지를 접속한 경우이다.<br /> <br /> 다음은 웹로그에서 브라우저명만 추출하는 스크립트이다. 웹로그파일명이 'access.log.YYYYMMDD'로 시작하는 형식일 때, 추출된 모바일 브라우저명은 phone-list_YYYYMMDD.txt 파일에 저장이 된다. 추가로 'lgtelecom;'문자열도 포함해서 웹로그를 살펴봤다. (SAMSUNG, PSP, PLAYSTATION, SymbianOS 등 찾을 문자열을 추가하고 싶다면 for문 뒤에 공백으로 구분하여 추가하면 된다. grep대신 egrep으로 한번에 처리도 가능)<br /> <br /> * get_phone_ua.sh 내려받기<br /> <br /> #!/bin/sh<br /> #<br /> # 웹로그에서 폰 브라우저만 추출<br /> #<br /> # 2009.4.13(월)<br /> # by 좋은진호(truefeel, <a href=http://coffeenix.net/ target=_blank>http://coffeenix.net/</a> )<br /> <br /> DATE=&quot;20090412&quot;<br /> if [ &quot;$1&quot; != &quot;&quot; ]; then<br />    DATE=&quot;$1&quot;<br /> fi<br /> <br /> for ph in SCH- SPH- SGH- LG- CANU IM- EV- iPhone Nokia BlackBerry<br /> do<br />    echo &quot;* search : $DATE & $ph&quot;<br />    grep -h $ph access.log.${DATE}* &gt; phone-${DATE}_${ph}.txt<br />    sleep 1<br /> done<br /> <br /> #<br /> awk -F\&quot; '{print $6}' phone-${DATE}_* |sort | uniq &gt; phone-list_${DATE}.txt<br /> <br /> <br /> <br /> 800 X 480, 320 X 240 등 해상도 정보, 폰 정보 등을 쉽게 확인할 수 있다. EB10... 으로 시작하는 부분이 무엇인지 몰라서 뒷부분 9자리를 XXXXXXXXX로 표시를 하였다. 그리고 User-agent명에서 눈여겨 볼 것은 'POLARIS 6.0'이다. 국내 인프라웨어(Infraware, <a href=http://www.infraware.co.kr/ target=_blank>http://www.infraware.co.kr/</a> )의 풀브라우징이 되는 모바일 브라우저다. 현재 Widgets 1.0, RSS, Atom 1.0을 지원하는 7.0까지 나와있다. LG 아레나폰(LG-LU9000)과 삼성 햅틱 아몰레드폰(SPH-W8550)은 POLARIS 6.100으로 표시되었다. POLARIS 브라우저는 MSIE 6.0으로 표시되고, 그 외는 모두 MSIE 7.0으로 표시되었다. 참고로 '모바일 웹브라우저 시장 현황 리뷰 ( <a href=http://www.mobizen.pe.kr/509 target=_blank>http://www.mobizen.pe.kr/509</a> )에 따르면, 국내에서는 SKT와 LGT는 인프라웨어의 브라우저를 사용하고, KTF는 지오텔을 통해서 Openwave 엔진을 사용한다고 한다.<br /> <br /> 1. LG 싸이언<br /> <br /> <br /> [ 사진 출처 : ddaily.co.kr (2008.3.24) ]<br /> <br /> * 캔유 파파라치폰 (캔유 7)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 480*752;WV01.00.09;;lgtelecom;EB10-20080405-XXXXXXXXX;CANU801EX;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 480*752;WV01.00.09;;lgtelecom;EB10-20080725-XXXXXXXXX;CANU801EX;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 480*752;WV01.00.09;;lgtelecom;EB10-20080908-XXXXXXXXX;CANU801EX;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 480*752;WV01.00.09;;lgtelecom;EB10-20081031-XXXXXXXXX;CANU801EX;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 800*480;WV01.00.09;;lgtelecom;EB10-20081010-XXXXXXXXX;CANU801EX;0)<br /> <br /> * 캔유 바이올렛폰 (캔유 8)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 400*240;WV01.00.01;;lgtelecom;EB10-20090331-XXXXXXXXX;CANU-S1000;0)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*376;WV01.00.01;;lgtelecom;EB10-20090403-XXXXXXXXX;CANU-S1000;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> <br /> * 블링블링 캔유폰 (캔유 9)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*376;WV01.00.08;;lgtelecom;EB10-20090409-XXXXXXXXX;CANU-F1100;0)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*376;WV01.00.08;;lgtelecom;EB10-20090323-XXXXXXXXX;CANU-F1100;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 400*240;WV01.00.08;;lgtelecom;EB10-20090410-XXXXXXXXX;CANU-F1100;0)<br /> <br /> * LG 아르고폰(터치웹폰, 모델명 : LH2300, LH2300W)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 800*480;WV01.00.01;;lgtelecom;EB10-20080623-XXXXXXXXX;LG-LH2300;0)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 800*480;WV01.00.01;;lgtelecom;EB10-20081004-XXXXXXXXX;LG-LH2300;0)<br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;800*480;POLARIS 6.0;em1.0;lgtelecom;EB10-20080630-XXXXXXXXX;LG-LH2300;0)<br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;800*480;POLARIS 6.0;em1.0;lgtelecom;EB10-20090312-XXXXXXXXX;LG-LH2300;0)<br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;800*600;POLARIS 6.0;em1.0;lgtelecom;EB10-20080407-XXXXXXXXX;LG-LH2300;0)<br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;800*600;POLARIS 6.0;em1.0;lgtelecom;EB10-20090213-XXXXXXXXX;LG-LH2300;0)<br /> <br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;800*480;POLAR;lgtelecom;EB10-20090331-XXXXXXXXX;LG-LH2300W;0)<br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;800*480;POLARIS 6.0;em1.0;lgtelecom;EB10-20090327-XXXXXXXXX;LG-LH2300W;0)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 800*480;WV01.00.01;;lgtelecom;EB10-20081113-XXXXXXXXX;LG-LH2300W;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 800*480;WV01.00.01;;lgtelecom;EB10-20081204-XXXXXXXXX;LG-LH2300W;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> <br /> * LG 롤리팝폰<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*376;WV01.00.08;;lgtelecom;EB10-20090406-XXXXXXXXX;LG-LH8000;0)<br /> <br /> * LG 롤리팝2<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*400; WV02.00.01; ; lgtelecom; EB10-20100323-XXXXXXXXX; LG-LU4300; 0)<br /> <br /> * LG 와인폰3 <br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*320;WV02.00.01;;lgtelecom;EB10-20091113-XXXXXXXXX;LG-LH8600;0; .NET CLR 2.0.50727)<br /> <br /> * LG 아레나폰 (LG-LU9000)<br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;800*480;POLARIS 6.100;em1.0;lgtelecom;EB10-20090702-XXXXXXXXX;LG-LU9000;0)<br /> <br /> * LG 쿠키폰 (LG-LU9100)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 400*240;WV01.00.08;;lgtelecom;EB10-20090415-XXXXXXXXX;LG-LU9100;0)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 400*240;WV01.00.08;;lgtelecom;EB10-20090401-XXXXXXXXX;LG-LU9100;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> <br /> * LG 시크릿폰<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 480*800;WV01.00.00;;lgtelecom;EB10-20081103-XXXXXXXXX;LG-LU6000;0)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*296;WV01.00.01;;lgtelecom;EB10-20090228-XXXXXXXXX;LG-LU6000;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 480*800;WV01.00.00;;lgtelecom;EB10-20080919-XXXXXXXXX;LG-LU6000;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> <br /> * LG 뉴초콜릿폰(LG-LU6300)<br /> <br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;800*345;POLARIS 6.100;em1.0;lgtelecom;EB10-20091005-XXXXXXXXX;LG-LU6300;0)<br /> <br /> * LG 아이스크림폰2<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*296;WV01.00.01;;lgtelecom;EB10-20090408-XXXXXXXXX;LG-LU1600;0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 320*240;WV01.00.01;;lgtelecom;EB10-20090328-XXXXXXXXX;LG-LU1600;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> <br /> * LG 와이드뷰<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 800*480;WV01.00.06;;lgtelecom;EB10-20090323-XXXXXXXXX;LG-LU1400;0; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 2.0.50727)<br /> <br /> * LG 똑똑한 오즈폰(?)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*296;WV01.00.04;;lgtelecom;EB10-20090422-XXXXXXXXX;LG-LV3800;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> <br /> * LG 글로벌 로밍폰(LV7400)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*376;WV01.00.08;;lgtelecom;EB10-20090615-XXXXXXXXX;LG-LV7400;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> <br /> * LG 휘슬폰(LG-LV7500)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*296;WV01.00.08;;lgtelecom;EB10-20091005-XXXXXXXXX;LG-LV7500;0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> <br /> * LG 스마트폰 인사이트(INCITE) (미국)<br /> LG-CT810/V10h NetFront/v3.5 Profile/MIDP-2.0 Configuration/CLDC-1.1 UP.Link/6.3.0.0.0<br /> LG-CT810/V10h NetFront/v3.5 Profile/MIDP-2.0 Configuration/CLDC-1.1 UP.Link/6.3.1.17.0<br /> LG-CT810/V10h NetFront/v3.5 Profile/MIDP-2.0 Configuration/CLDC-1.1 UP.Link/6.3.1.20.0<br /> <br /> LG-CT810/V10i NetFront/v3.5 Profile/MIDP-2.0 Configuration/CLDC-1.1<br /> LG-CT810/V10i IEMobile/7.11 Profile/MIDP-2.0 Configuration/CLDC-1.1 Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; IEMobile 7.11)<br /> <br /> * LG 초콜릿폰 II BL40 (국내, 캄보디아)<br /> LG/BL40/V08m Browser/Obigo-Q7.3 MMS/LG-MMS-V1.0/1.2 MediaPlayer/LGPlayer/1.0 Java/ASVM/1.1 Profile/MIDP-2.1 Configuration/CLDC-1.1<br /> LG/BL40/V10a Browser/Obigo-Q7.3 MMS/LG-MMS-V1.0/1.2 MediaPlayer/LGPlayer/1.0 Java/ASVM/1.1 Profile/MIDP-2.1 Configuration/CLDC-1.1<br /> <br /> * LG 맥스(LG-LU9400, 스냅드래곤 칩) (국내)<br /> <br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;800*480;POLARIS 6.100;em1.0;lgtelecom;EB10-20100306-XXXXXXXXX;LG-LU9400;0)<br /> <br /> 2. 삼성 애니콜<br /> <br /> <br /> <br /> * 삼성 더블폴더폰<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*376;WV01.00.01;;lgtelecom;EB10-20090323-XXXXXXXXX;SPH-W6450;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 400*240;WV01.00.01;;lgtelecom;EB10-20090403-XXXXXXXXX;SPH-W6450;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> <br /> * 삼성 햅틱온 (SPH-W6050)<br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;800*480;POLAR;lgtelecom;EB10-20090113-XXXXXXXXX;SPH-W6050;0)<br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;800*480;POLARIS 6.0;em1.0;lgtelecom;EB10-20090219-XXXXXXXXX;SPH-W6050;0)<br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;800*480;POLARIS 6.0;em1.0;lgtelecom;EB10-20090304-XXXXXXXXX;SPH-W6050;0)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 800*480;WV01.00.01;;lgtelecom;EB10-20081215-XXXXXXXXX;SPH-W6050;0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> <br /> * 삼성 연아의 햅틱 (SPH-W7750)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 400*240;WV01.00.08;;lgtelecom;EB10-20090711-XXXXXXXXX;SPH-W7750;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 400*240;WV01.00.08;;lgtelecom;EB10-20090713-XXXXXXXXX;SPH-W7750;0)<br /> <br /> * 삼성 햅틱 아몰레드폰 (SPH-W8550)<br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;800*480;POLARIS 6.100;em1.0;lgtelecom;EB10-20090708-XXXXXXXXX;SPH-W8550;0)<br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;800*480;POLARIS 6.101;em1.0;lgtelecom;EB10-20090929-XXXXXXXXX;SPH-W8550;0)<br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;800*480;POLARIS 6.102;em1.0;lgtelecom;EB10-20090821-XXXXXXXXX;SPH-W8550;0)<br /> <br /> * 삼성 매직홀 (SPH-W8350)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*296;WV01.00.08;;lgtelecom;EB10-20090914-XXXXXXXXX;SPH-W8350;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*296;WV01.00.08;;lgtelecom;EB10-20090918-XXXXXXXXX;SPH-W8350;0)<br /> <br /> * 삼성 옴니아 팝(SPH-M7200)<br /> <br /> SAMSUNG-SPH-M7200/(null)ID4 (compatible; MSIE 6.0; Windows CE; PPC) Opera 9.5<br /> <br /> * 삼성 옴니아(Omnia)<br /> SAMSUNG-SGH-i900/1.0 Opera 9.5<br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; PPC; 240x400) Opera VZW:SCH-i910 (미국)<br /> SAMSUNG-SGH-i900/1.0 (compatible; MSIE 6.0; Windows CE; PPC) Opera 9.5 (호주 NSW)<br /> Opera/9.5 (Microsoft Windows; Windows CE; Opera Mobi/9.5; U; en) VZW:SCH-i910 PPC 240x400 (미국)<br /> <br /> * 삼성 T*옴니아(T*OMNIA) (SKT 유저)<br /> SAMSUNG-SCH-M495/(null)HI4 (compatible; MSIE 6.0; Windows CE; IEMobile 7.11)<br /> SAMSUNG-SCH-M490/(null)IC4 (compatible; MSIE 6.0; Windows CE; IEMobile 7.11)<br /> SAMSUNG-SCH-M490/(null)HL4 (compatible; MSIE 6.0; Windows CE; IEMobile 7.11)<br /> SAMSUNG-SCH-M490/(null)HK4 (compatible; MSIE 6.0; Windows CE; PPC) Opera 9.5<br /> SAMSUNG-SCH-M490/(null)IG4 (compatible; MSIE 6.0; Windows CE; PPC) Opera 9.5<br /> SAMSUNG-SCH-M490/(null)IC4 (compatible; MSIE 6.0; Windows CE; PPC) Opera 9.5<br /> <br /> 옴니아폰은 User-Agent명으로는 폰정보를 확인할 수 없는 경우가 있다.<br /> <br /> 1) User-Agent가 Opera/9.5 (Windows NT 5.1; SKT; U; en) 인 경우<br /> 이 때 HTTP Request Header까지 살펴보면 폰정보를 확인할 수 있다. 따라서 User-Agent외에 Request Header모두를 확인해야만 정확한 폰정보를 알 수 있으니 주의할 것.<br /> <br /> X-Wap-Profile: &quot;<a href=http://wap.samsungmobile.com/uaprof/SGH-i900.xml&quot; target=_blank>http://wap.samsungmobile.com/uaprof/SGH-i900.xml&quot;</a><br /> <br /> * 삼성 옴니아2 (SCH-M710, SCH-M175)<br /> SAMSUNG-SCH-M710/(null)ID4 (compatible; MSIE 6.0; Windows CE; PPC) Opera 9.5<br /> SAMSUNG-SCH-M710/1.0 (compatible; MSIE 6.0; Windows CE; IEMobile 8.12; MSIEMobile 6.0)<br /> SAMSUNG-SCH-M715/1.0 (compatible; MSIE 6.0; Windows CE; IEMobile 8.12; MSIEMobile 6.0)<br /> <br /> 1) User-Agent가 Opera/9.80 (J2ME/MIDP; Opera Mini/4.2.17472/1360; U; ko) Presto/2.2.0 인 경우<br /> Request Header에 다음 헤더가 포함되어 있다면 SCH-M710 기종.<br /> <br /> HTTP_X_OPERAMINI_PHONE_UA: SCH-M710<br /> <br /> * 삼성 오즈 옴니아2 (SPH-M7350)<br /> <br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 800*480;WV02.00.01;;lgtelecom;EB10-20091226-XXXXXXXXX;SPH-M7350;0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> SAMSUNG-SPH-M7350/(null)ID4 (compatible; MSIE 6.0; Windows CE; PPC) Opera 9.5<br /> <br /> * 삼성 쇼옴니아 (SPH-M8400)<br /> SAMSUNG-SPH-M8400/(null)ID4 (compatible; MSIE 6.0; Windows CE; PPC) Opera 9.5<br /> <br /> * 삼성 블랙잭(Blackjack)<br /> SAMSUNG-SGH-i600/1.0 (compatible; MSIE 6.0; Windows CE; IEMobile 6.12)<br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; IEMobile 6.8) SAMSUNG-SGH-i600V/1.0<br /> <br /> * 삼성 블랙잭2(Blackjack II, 해외 접속자)<br /> SAMSUNG-SGH-I617/1.0 Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; IEMobile 7.6) UP.Link/6.3.1.20.0<br /> <br /> * 삼성 슬라이드 위젯폰<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*296;WV01.00.08;;lgtelecom;EB10-20090609-XXXXXXXXX;SPH-B8850;0)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 320*240;WV01.00.08;;lgtelecom;EB10-20090608-XXXXXXXXX;SPH-B8850;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> <br /> * 삼성 코비F (SPH-W9350)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*320; WV02.00.01; ; lgtelecom; EB10-20100329-XXXXXXXXX; SPH-W9350; 1)<br /> <br /> * 삼성 SPH-C3450<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*296;WV01.00.01;;lgtelecom;EB10-20090506-XXXXXXXXX;SPH-C3450;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*296;WV01.00.01;;lgtelecom;EB10-20090520-XXXXXXXXX;SPH-C3450;0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> <br /> * 삼성 SGH-A867 (미국)<br /> SAMSUNG-SGH-A867/A867UCHJ3 SHP/VPP/R5 NetFront/3.5 SMM-MMS/1.2.0 profile/MIDP-2.0 configuration/CLDC-1.1 UP.Link/6.3.1.20.0<br /> <br /> * 삼성 SGH-G600 (인도네시아)<br /> SAMSUNG-SGH-G600/1.0 NetFront/3.4 Profile/MIDP-2.0 Configuration/CLDC-1.1<br /> <br /> * 삼성 SGH-G800 (태국)<br /> SAMSUNG-SGH-G800/CEGK4 SHP/VPP/R5 NetFront/3.4 SMM-MMS/1.2.0 profile/MIDP-2.0 configuration/CLDC-1.1<br /> <br /> * 삼성 SGH-E250 (해외)<br /> <br /> SAMSUNG-SGH-E250/1.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 UP.Browser/6.2.3.3.c.1.101 (GUI) MMP/2.0 Novarra-Vision/8.0<br /> <br /> * 삼성 S3500 (영국)<br /> <br /> SAMSUNG-S3500/1.0 NetFront/3.4 Profile/MIDP-2.0 Configuration/CLDC-1.1<br /> <br /> * 삼성 SGH-T919 (미국 T-Mobile)<br /> <br /> SAMSUNG-SGH-T919/T919UVHL3 SHP/VPP/R5 NetFront/3.5 SMM-MMS/1.2.0 profile/MIDP-2.1 configuration/CLDC-1.1<br /> <br /> * 삼성 SCH-U960 (Rogue, 버라이즌(Verizon)에서 출시, QWERTY자판, BREW 플랫폼) (미국, 언어셋=en)<br /> <br /> Mozilla/4.0 (compatible; MSIE 6.0; BREW 3.1.5; en )/800x480 Samsung SCH-U960<br /> <br /> * 삼성 Jet(S8000) (독일, 언어셋=en)<br /> <br /> SAMSUNG-S8000/S8000XXHC1 SHP/VPP/R5 Jasmine/1.0 Nextreaming SMM-MMS/1.2.0 profile/MIDP-2.1 configuration/CLDC-1.1 SS-Widget/S8000-FM<br /> <br /> 삼성의 첫 안드로이드폰(Android).<br /> <br /> * 삼성 터치위즈폰(SGH-F488) (홍콩=HK, 언어셋=cn)<br /> <br /> SAMSUNG-SGH-F488/1.0 SHP/VPP/R5 NetFront/3.4 Qtv/5.3 SMM-MMS/1.2.0 profile/MIDP-2.0 configuration/CLDC-1.1<br /> <br /> <br /> 3. 스카이폰<br /> <br /> * 스카이 퀄트폰<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*296;WV01.00.00;;lgtelecom;EB10-20090321-XXXXXXXXX;IM-S315L;2; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 480*800;WV01.00.00;;lgtelecom;EB10-20090321-XXXXXXXXX;IM-S315L;2; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 480*800;WV01.00.00;;lgtelecom;EB10-20081202-XXXXXXXXX;IM-S315L;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 480*800;WV01.00.00;;lgtelecom;EB10-20090213-XXXXXXXXX;IM-S315L;3)<br /> <br /> * 스카이 뱅<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*296;WV01.00.00;;lgtelecom;EB10-20090321-XXXXXXXXX;IM-S360L;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> <br /> * 스카이 터치패드폰<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 400*240;WV01.00.01;;lgtelecom;EB10-20090309-XXXXXXXXX;IM-S400L;3; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*376;WV01.00.08;;lgtelecom;EB10-20090423-XXXXXXXXX;IM-S400L;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> <br /> * 스카이 심플&솔리드폰<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 480*800;WV01.00.00;;lgtelecom;EB10-20080912-XXXXXXXXX;IM-S340L;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 480*800;WV01.00.00;;lgtelecom;EB10-20090203-XXXXXXXXX;IM-S340L;0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)<br /> <br /> * 스카이 큐브릭폰 (IM-R470S) (티니님 제공)<br /> Mozilla/4.0 (compatible; MSIE 6.0; WIPI 2.0);800*480;NATEBrowser 5.0;em1.0<br /> <br /> * 스카이 오마주폰 폴더 (IM-U450L)<br /> Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; 240*376;WV01.00.08;;lgtelecom;EB10-20090804-XXXXXXXXX;IM-U450L;0)<br /> <br /> <br /> 4. 애플 iPhone, iPod<br /> <br /> <br /> <br /> * iPhone (OS 2.x)<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_0_2 like Mac OS X; en-us) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5C1 Safari/525.20<br /> <br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_1 like Mac OS X; en-us) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5F136 Safari/525.20<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_1 like Mac OS X; fi-fi) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5F136 Safari/525.20<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_1 like Mac OS X; ko-kr) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5F136 Safari/525.20<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_1 like Mac OS X; en-us) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5F136<br /> <br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_2 like Mac OS X; ko-kr) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5G77 Safari/525.20<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_2 like Mac OS X; en-us) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5G77 Safari/525.20<br /> <br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_2_1 like Mac OS X; en-us) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5H11 Safari/525.20<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_2_1 like Mac OS X; ko-kr) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5H11 Safari/525.20<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_2_1 like Mac OS X; ja-jp) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5H11 Safari/525.20<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_2_1 like Mac OS X; fr-fr) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5H11 Safari/525.20<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_2_1 like Mac OS X; en-us) AppleWebKit/525.18.1 (KHTML, like Gecko)<br /> <br /> * iPhone (OS 3.x)<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_0 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7A341 Safari/528.16<br /> Mozilla/5.0 (device; U; CPU iPhone OS 3_0 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7A341 Safari/528.16<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_0 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7A341 Safari/528.16<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_0 like Mac OS X; ja-jp) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7A341 Safari/528.16<br /> <br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_0_1 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7A400 Safari/528.16<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_0_1 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7A400 Safari/528.16<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_0_1 like Mac OS X; ja-jp) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7A400 Safari/528.16<br /> <br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7C144 Safari/528.16<br /> <br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_2 like Mac OS X; ja-jp) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7D11 Safari/528.16<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_2 like Mac OS X; ja-jp) AppleWebKit/528.18 (KHTML, like Gecko) Mobile/7D11<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_2 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7D11 Safari/528.16<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_2 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7D11 Safari/528.16<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_2 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko) Mobile/7D11<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_2 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko)<br /> <br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_3 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7E18 Safari/528.16<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_3 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko)<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_3 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko) Mobile/7E18<br /> Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_3 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7E18 Safari/528.16<br /> <br /> <br /> * iPhone (기타)<br /> Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A542a Safari/419.3<br /> Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3<br /> Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/4A102 Safari/419.3<br /> Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/4A102 Safari/419 (United States) (국내)<br /> Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/4A93 Safari/419.3<br /> Mozilla/5.0 (iPhone; U; CPU like Mac OS X; ko-kr) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3<br /> <br /> Mozilla/5.0 (iPhone Simulator; U; CPU iPhone OS 3_1_3 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Mobile/7E18<br /> <br /> Mozilla/5.0 (U; Mobile; iPhone; PPC; en; 800x480) AppleWebKit/525.18.1 (KHTML, like Gecko) WM5 Iris/1.1.9 Version/3.1.1 Mobile/5A345 Safari/525.20<br /> Mozilla/5.0 (U; Mobile; iPhone; PPC; en; 480x800) AppleWebKit/525.18.1 (KHTML, like Gecko) WM5 Iris/1.1.9 Version/3.1.1 Mobile/5A345 Safari/525.20<br /> Mozilla/5.0 (U; Mobile; iPhone; PPC; en; 240x400) AppleWebKit/525.18.1 (KHTML, like Gecko) WM5 Iris/1.1.9 Version/3.1.1 Mobile/5A345 Safari/525.20<br /> Mozilla/5.0 (U; Mobile; iPhone; PPC; en; 320x320) AppleWebKit/525.18.1 (KHTML, like Gecko) WM5 Iris/1.1.9 Version/3.1.1 Mobile/5A345 Safari/525.20<br /> <br /> Mozilla/5.0 (Windows; U; Mobile; iPhone; PPC; en; 480x800) AppleWebKit/528.5+ (KHTML, like Gecko, Safari/528.5+) WM5 Dorothy (국내)<br /> <br /> iPhone, WM5 OS, Dorothy 브라우저? 어색한 조합이다. (2009.11.19)<br /> 도로시 브라우저(Dorothy)는 국내업체 Company100에서 만든, 웹킷 기반의 모바일 브라우저이다.<br /> <br /> * iPod (OS 2.x)<br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 2_1 like Mac OS X; ko-kr) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5F137 Safari/525.20<br /> <br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 2_2 like Mac OS X; ko-kr) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5G77 Safari/525.20<br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 2_2 like Mac OS X; ko-kr) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5G77a Safari/525.20<br /> <br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 2_2_1 like Mac OS X; ko-kr) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5H11 Safari/525.20<br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 2_2_1 like Mac OS X; en-us) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5H11a Safari/525.20<br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 2_2_1 like Mac OS X; ko-kr) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5H11a Safari/525.20<br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 2_2_1 like Mac OS X; zh-cn) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5H11a Safari/525.20<br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 2_2_1 like Mac OS X; ko-kr) AppleWebKit/525.18.1 (KHTML, like Gecko)<br /> <br /> * iPod (OS 3.x)<br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 3_0 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko) Mobile/7A341<br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 3_0 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7A341 Safari/528.16<br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 3_0 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7A341 Safari/528.16<br /> <br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 3_1_1 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7C146 Safari/528.16<br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 3_1_1 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7C145 Safari/528.16<br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 3_1_1 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7C146 Safari/528.16<br /> <br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 3_1_2 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7D11 Safari/528.16<br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 3_1_2 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7D11 Safari/528.16<br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 3_1_2 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Mobile/7D11<br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 3_1_2 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko)<br /> <br /> Mozilla/5.0 (iPod; U; CPU iPhone OS 3_1_3 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7E18 Safari/528.16<br /> <br /> - iPhone User-Agent 목록 : <a href=http://www.botsvsbrowsers.com/listings.asp?search=iphone target=_blank>http://www.botsvsbrowsers.com/listings.asp?search=iphone</a><br /> <br /> <br /> 5. 노키아(Nokia)<br /> <br /> * Nokia N70<br /> NokiaN70-1/3.0546.2.3 Series60/2.8 Profile/MIDP-2.0 Configuration/CLDC-1.1 (태국=TH)<br /> NokiaN70-1/5.0737.3.0.1 Series60/2.8 Profile/MIDP-2.0 Configuration/CLDC-1.1 (캄보디아=KH)<br /> NokiaN70-1/5.0609.2.0.1 Series60/2.8 Profile/MIDP-2.0 Configuration/CLDC-1.1 (말레이시아=MY)<br /> <br /> * Nokia N72 (SN 뒤에 표시된 숫자 8자리는 X로 표기함)<br /> NokiaN72/2.0617.1.0.3/SN3594000XXXXXXXX Series60/2.8 Profile/MIDP-2.0 Configuration/CLDC-1.1 Novarra-Vision/7.3<br /> NokiaN72/5.0819.4.0.1 Series60/2.8 Profile/MIDP-2.0 Configuration/CLDC-1.1/UCWEB7.0.2.37/27/999 (중국)<br /> <br /> * Nokia N78<br /> Mozilla/5.0 (SymbianOS/9.3; U; Series60/3.2 NokiaN78-1/12.046; Profile/MIDP-2.1 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> <br /> * Nokia N79-1 (중국)<br /> Mozilla/5.0 (SymbianOS/9.3; U; Series60/3.2 NokiaN79-1/11.049; Profile/MIDP-2.1 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> <br /> * Nokia N81<br /> Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaN81-1/11.0.045 Profile/MIDP-2.0 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaN81-3/20.0.057 Profile/MIDP-2.0 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaN81-3/20.0.056 Profile/MIDP-2.0 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> NokiaN81/UCWEB7.1.0.42/28/999 (중국)<br /> <br /> * Nokia N82 (태국=TH, 캄보디아=KH, 베트남=VN)<br /> Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaN82/20.0.062; Profile/MIDP-2.0 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaN82/10.0.046; Profile/MIDP-2.0 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaN82/31.0.016; Profile/MIDP-2.0 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> <br /> * Nokia N95 8GB (캄보디아=KH 와 사우디아라비아=SA)<br /> Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaN95_8GB/11.0.026; Profile/MIDP-2.0 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> <br /> * Nokia N95-3 (호주)<br /> Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaN95-3/20.2.011 Profile/MIDP-2.0 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> <br /> * Nokia N97 (캄보디아=KH, 영국(en;q=1.0,bg;q=0.5,nl;q=0.5,fr;q=0.5,de;q=0.5) )<br /> Mozilla/5.0 (SymbianOS/9.4; Series60/5.0 NokiaN97-1/11.0.021; Profile/MIDP-2.1 Configuration/CLDC-1.1; en-us) AppleWebKit/525 (KHTML, like Gecko) BrowserNG/7.1.12344<br /> Mozilla/5.0 (SymbianOS/9.4; Series60/5.0 NokiaN97-1/20.0.019; Profile/MIDP-2.1 Configuration/CLDC-1.1) AppleWebKit/525 (KHTML, like Gecko) BrowserNG/7.1.18124<br /> <br /> * Nokia E71 (태국, 말레이시아)<br /> Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaE71-1/100.07.76; Profile/MIDP-2.0 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaE71-1/200.21.118; Profile/MIDP-2.0 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> <br /> * Nokia E51 (UAE)<br /> Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaE51-1/300.34.56; Profile/MIDP-2.0 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> <br /> * Nokia E63 (중국)<br /> NokiaE63/1.0(101.21.010) SymbianOS/9.2 Series60/3.1 Profile/MIDP-2.0 Configuration/CLDC-1.1 (중국)<br /> <br /> * Nokia E66 (태국)<br /> Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaE66-1/102.07.81; Profile/MIDP-2.0 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> <br /> * Nokia 2626 (해외)<br /> Nokia2626/2.0 (06.80) Profile/MIDP-2.0 Configuration/CLDC-1.1 Novarra-Vision/8.0<br /> Nokia2626/2.0 (06.81) Profile/MIDP-2.0 Configuration/CLDC-1.1 Novarra-Vision/8.0<br /> <br /> * Nokia 3108 (중국)<br /> Nokia3108/1.0 (03.01) Profile/MIDP-1.0 Configuration/CLDC-1.0<br /> <br /> * Nokia 3110c (미국)<br /> Nokia3110c/2.0 (07.01) Profile/MIDP-2.0 Configuration/CLDC-1.1 Novarra-Vision/8.0<br /> <br /> * Nokia 3230 (중국)<br /> <br /> Nokia3230/2.0 (5.0717.0ch) SymbianOS/7.0s Series60/2.1 Profile/MIDP-2.0 Configuration/CLDC-1.0<br /> <br /> * Nokia 3250 (미국)<br /> <br /> Nokia3250/2.0 (3.21) SymbianOS/9.1 Series60/3.0 Profile/MIDP-2.0 Configuration/CLDC-1.1<br /> <br /> * Nokia 5800d-1 (말레이시아, 우리나라, 말레이시아)<br /> <br /> Mozilla/5.0 (SymbianOS/9.4; U; Series60/5.0 Nokia5800d-1/11.0.008; Profile/MIDP-2.1 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> Mozilla/5.0 (SymbianOS/9.4; U; Series60/5.0 Nokia5800d-1/10.4.016; Profile/MIDP-2.1 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> Mozilla/5.0 (SymbianOS/9.4; U; Series60/5.0 Nokia5800d-1/10.4.101; Profile/MIDP-2.1 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> Mozilla/5.0 (SymbianOS/9.4; U; Series60/5.0 Nokia5800d-1/31.0.101; Profile/MIDP-2.1 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> <br /> * Nokia 5800 (중국)<br /> <br /> Nokia5800 XpressMusic<br /> <br /> * Nokia 6820 (미국)<br /> <br /> Nokia6820/2.0 (4.83) Profile/MIDP-1.0 Configuration/CLDC-1.0<br /> <br /> * Nokia 6070 (미국)<br /> <br /> Nokia6070/2.0 (04.22) Profile/MIDP-2.0 Configuration/CLDC-1.1 Novarra-Vision/8.0<br /> <br /> * Nokia 7610 (중국, 언어셋=zh-cn)<br /> <br /> Nokia7610/2.0 (7.0642.0ch) SymbianOS/7.0s Series60/2.1 Profile/MIDP-2.0 Configuration/CLDC-1.0/UCWEB7.0.0.33/27/800<br /> <br /> * 기타<br /> Mozilla/5.0 (SymbianOS/9.1; U; en-us) AppleWebKit/413 (KHTML, like Gecko) Safari/413<br /> <br /> 심비안 OS와 Safari 브라우저를 사용하는 것을 볼 수 있다. N78모델은 인도네시아에서 접속했고, 언어셋은 'en;q=1.0,en;q=0.5,zh-cn, zh;q=0.5,en;q=0.5'. N81모델은 네팔(NokiaN81-1/11.0.045)과 캄보디아(NokiaN81-3/20.0.057)에서, 언어셋은 'en;q=1.0,id;q=0.5,en;q=0.5'. N95모델은 캄보디아에서 접속했고, 언어셋은 'en;q=1.0,vi;q=0.5'이었다. 그리고, SymbianOS 9.1 버전만 표시된 것도 있었는데, 어떤 기종인지는 확인할 수 없다.<br /> <br /> - Nokia User-Agent 목록 : <a href=http://www.botsvsbrowsers.com/listings.asp?search=nokia target=_blank>http://www.botsvsbrowsers.com/listings.asp?search=nokia</a><br /> <br /> <br /> 6. RIM 블랙베리(BlackBerry)<br /> <br /> <br /> <br /> BlackBerry8320/4.5.0.55 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/179 (캐나다)<br /> BlackBerry8330/4.3.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/104 Novarra-Vision/7.3 (해외접속자, 언어셋 en)<br /> BlackBerry8330/4.5.0.77 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/105 (해외접속자, 언어셋 en)<br /> BlackBerry8830/4.5.0.138 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/105 (캐나다 RIM사 IP대역, 언어셋 en-US,en;q=0.5)<br /> <br /> BlackBerry9000/4.6.0.282 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/299 (캐나다 RIM사 IP대역, 언어셋 ko)<br /> BlackBerry9000/4.6.0.210 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/125 (캐나다 RIM사 IP대역)<br /> BlackBerry9000/4.6.0.144 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/122 (캐나다 RIM사 IP대역)<br /> BlackBerry9000/5.0.0.464 Profile/MIDP-2.1 Configuration/CLDC-1.1 VendorID/299 (캐나다 RIM사 IP대역)<br /> <br /> BlackBerry9530/4.7.0.75 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/105 (캐나다 RIM사 IP대역, 언어셋 en-US,en;q=0.5)<br /> BlackBerry9530/4.7.0.148 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/105 (캐나다 RIM사 IP대역, 언어셋 en-US,en;q=0.5)<br /> BlackBerry9530/5.0.0.328 Profile/MIDP-2.1 Configuration/CLDC-1.1 VendorID/105 (캐나다 RIM사 IP대역)<br /> <br /> BlackBerry9630/4.7.1.40 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/105<br /> <br /> BlackBerry9700/5.0.0.330 Profile/MIDP-2.1 Configuration/CLDC-1.1 VendorID/100 (캐나다 RIM사 IP대역)<br /> <br /> - 블랙베리 User-Agent 목록 : <a href=http://www.botsvsbrowsers.com/category/12/index.html target=_blank>http://www.botsvsbrowsers.com/category/12/index.html</a><br /> <br /> <br /> 7. 소니에릭슨<br /> <br /> * 소니에릭슨 엑스페리아X1 (XPERIA X1) (미르님의 도움으로 확인)<br /> Opera/9.5 (Microsoft Windows; PPC; Opera Mobi; U) SonyEricssonX1i/R2BA SKT/1.0 Profile/MIDP-2.0 Configuration/CLDC-1.1<br /> Opera/9.5 (Microsoft Windows; PPC; Opera Mobi; U) SonyEricssonX1i/R3AA SKT/1.0 Profile/MIDP-2.0 Configuration/CLDC-1.1<br /> <br /> * 소니에릭슨 V640iv (해외 접속자)<br /> Mozilla/4.0 SonyEricssonV640iv/R1DA Browser/NetFront/3.4 Profile/MIDP-2.1 Configuration/CLDC-1.1<br /> <br /> * 소니에릭슨 W350i (영국, 해외)<br /> SonyEricssonW350i/R10BA Browser/NetFront/3.3 Profile/MIDP-2.0 Configuration/CLDC-1.1<br /> SonyEricssonW350i/R10BA Browser/NetFront/3.3 Profile/MIDP-2.0 Configuration/CLDC-1.1 Novarra-Vision/7.3<br /> <br /> * 소니에릭슨 W595 (캄보디아(언어셋은 en))<br /> SonyEricssonW595/R3EA Browser/NetFront/3.4 Profile/MIDP-2.1 Configuration/CLDC-1.1 JavaPlatform/JP-8.3.3<br /> <br /> * 소니에릭슨 W705 (캄보디아(언어셋은 en))<br /> SonyEricssonW705/R1DA Browser/NetFront/3.4 Profile/MIDP-2.1 Configuration/CLDC-1.1 JavaPlatform/JP-8.4.1<br /> <br /> * 소니에릭슨 W700c (중국, 언어셋=zh-cn)<br /> SonyEricssonW700c/R1DB/SN355271019120375 Java/SEMC-Java/2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 UNTRUSTED/1.0<br /> <br /> * 소니에릭슨 K770i (인도네시아)<br /> SonyEricssonK770i/R8BC Browser/NetFront/3.3 Profile/MIDP-2.0 Configuration/CLDC-1.1<br /> <br /> * 소니에릭슨 W660i (브루나이)<br /> SonyEricssonW660i/R8BB Browser/NetFront/3.3 Profile/MIDP-2.0 Configuration/CLDC-1.1<br /> <br /> * 소니에릭슨 K810i (러시아)<br /> SonyEricssonK810i/R8BA Browser/NetFront/3.3 Profile/MIDP-2.0 Configuration/CLDC-1.1<br /> <br /> * 소니에릭슨 W810i (해외)<br /> SonyEricssonW810i/R4EA Browser/NetFront/3.3 Profile/MIDP-2.0 Configuration/CLDC-1.1 Novarra-Vision/8.0<br /> <br /> * 소니에릭슨 K530i (인도네시아)<br /> SonyEricssonK530i/R8BB Browser/NetFront/3.3 Profile/MIDP-2.0 Configuration/CLDC-1.1<br /> <br /> * 소니에릭슨 Z610i (인도네시아)<br /> SonyEricssonZ610i/R1JG Release/Feb-15-2007 Browser/NetFront/3.3 Profile/MIDP-2.0 Configuration/CLDC-1.1<br /> <br /> * 소니에릭슨 K310i (인도네시아=ID)<br /> SonyEricssonK310i/R4EA Browser/NetFront/3.3 Profile/MIDP-2.0 Configuration/CLDC-1.1<br /> <br /> * 소니에릭슨 790i (브라질=BR)<br /> SonyEricssonK790i/R1JC Browser/NetFront/3.3 Profile/MIDP-2.0 Configuration/CLDC-1.1<br /> <br /> * 소니에릭슨 W908c (중국)<br /> SonyEricssonW908c/R1FA Browser/NetFront/3.4 Profile/MIDP-2.1 Configuration/CLDC-1.1<br /> <br /> 8. 안드로이드폰<br /> <br /> <br /> <br /> * 모토로라의 '드로이드' (미국 T-Mobile)<br /> <br /> Mozilla/5.0 (Linux; U; Android 2.0.1; en-us; Droid Build/ESD56) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17<br /> Mozilla/5.0 (Linux; U; Android 2.1-update1; en-us; Droid Build/ESE81) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17<br /> <br /> * 모토로라의 '모토로이' (SKT유저)<br /> <br /> Mozilla/5.0 (Linux; U; Android 2.0.1; ko-kr; XT720 Build/STSKT_N_79.11.29R1) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17<br /> Mozilla/5.0 (Linux; U; Android 2.0.1; ko-kr; XT720 Build/STSKT_N_79.11.31R) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17<br /> Mozilla/5.0 (Linux; U; Android 2.1-update1; ko-kr; XT720 Build/STSKT_N_79.11.33R) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17<br /> <br /> * LG 안드로-1 (GW620, Eve) (국내 유저, KTF IP대역, 언어셋 ko-KR, en-US)<br /> <br /> Mozilla/5.0 (Linux; U; Android 1.5; LG Eve) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1<br /> <br /> * T-Mobile myTouch 3G (미국)<br /> <br /> Mozilla/5.0 (Linux; U; Android 2.1; ko-kr; T-Mobile myTouch 3G Build/ECLAIR) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17<br /> <br /> * HTC ADR6200 (미국 Verizon IP대역)<br /> <br /> Mozilla/5.0 (Linux; U; Android 1.5; en-us; ADR6200 Build/CUPCAKE) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1<br /> Mozilla/5.0 (Linux; U; Android 1.5; ko-kr; ADR6200 Build/CUPCAKE) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1<br /> <br /> * 기타 (미국 구글 IP대역)<br /> <br /> Mozilla/5.0 (Linux; U; Android Froyo; en-us Build/FRE64) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17<br /> <br /> <br /> 9. 그 외<br /> <br /> 소니에릭슨 엑스페리아X1 또는 삼성 미라지폰(SCH-M480) 등에서 익스플로러로 접속시 User-agent명은 다음과 같았다. (미르님, 우주곰님의 도움으로 확인)<br /> <br /> Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; IEMobile 7.11)<br /> <br /> <br /> 10. 관련글<br /> <br /> * 세상엔 다양한 기기에서 브라우저를 쓰는 유저가 있다. (2009.4.8, 글 좋은진호)<br /> <a href=http://coffeenix.net/bbs/viewtopic.php?p=5523 target=_blank>http://coffeenix.net/bbs/viewtopic.php?p=5523</a><br /> <br /> * 모바일 웹브라우저 시장 현황 리뷰 (2008.5.13)<br /> <a href=http://www.mobizen.pe.kr/509 target=_blank>http://www.mobizen.pe.kr/509</a><br /> <br /> * UA(User Agent)로 알아본 브라우저 히스토리<br /> <a href=http://aquicker.tistory.com/19 target=_blank>http://aquicker.tistory.com/19</a><br /> <br /> * User-Agent 목록<br /> <a href=http://www.botsvsbrowsers.com/ target=_blank>http://www.botsvsbrowsers.com/</a><br /> <br /> <br /> 수정 사항 정리<br /> <br /> 수정일 : 2009.4.20(월) LU6000, LU1400, SGH-i900, SGH-i600, iPhone(OS 2_1), iPod(OS 2_2), iPod(zh-cn), Nokia N78, 기타(SymbianOS 9.1) 추가<br /> 수정일 : 2009.4.27(월) LG-LV3800, IM-S340L, Nokia N82, Nokia N72, iPod(펌버전 다른 것) 추가<br /> 수정일 : 2009.5.06(수) LG-CT810, SGH-I617, iPhone(OS 2_2_1; ko_kr), iPod(OS 2_1), Nokia N81-3, SonyEricsson X1i, 기타(IEMobile) 추가<br /> 수정일 : 2009.5.21(목) SCH-M495, SPH-C3450, iPhone(OS 2_2_1; ja-jp 과 버전 정보 없는 것), Nokia E71, SonyEricsson V640iv, Nokia N81-3/20.0.056 추가<br /> 수정일 : 2009.6.09(화) iPhone(OS 2_2; en-us), BlackBerry8330, SonyEricsson W350i, SonyEricsson W595 추가<br /> 수정일 : 2009.6.16(화) SPH-B8850, SGH-A867, iPhone(OS 2_1; fi-fi), Nokia E51, SonyEricsson W705 추가<br /> 수정일 : 2009.6.20(토) SGH-i600V 추가<br /> 수정일 : 2009.7.01(수) SCH-M490(T*옴니아), iPhone(OS 3_0) 추가<br /> 수정일 : 2009.7.04(토) LG-LU9000(아레나폰), SonyEricsson K770i, Nokia E66 추가<br /> 수정일 : 2009.7.11(토) LG 초콜릿폰 II BL40, SCH-M490(T*옴니아, HL4) 추가<br /> 수정일 : 2009.7.14(화) SCH-i910(옴니아), SPH-W7750(연아의 햅틱), iPod(OS 3_0) 추가<br /> 수정일 : 2009.7.20(월) SCH-i910(옴니아, 호주접속자), LG-LV7400(글로벌 로밍폰), BlackBerry9000, SonyEricsson W660i 추가<br /> 수정일 : 2009.7.24(금) SPH-W8550(햅틱 아몰레드폰), SGH-G600, SAMSUNG-S3500 추가<br /> 수정일 : 2009.8.03(월) Nokia 3110c, Nokia 3230, SCH-M490(T*옴니아, HK4), iPhone(OS 3_0; ja-jp), SonyEricsson K810i 추가<br /> 수정일 : 2009.8.09(일) IM-R470S(큐브릭폰), IM-U450L 추가<br /> 수정일 : 2009.8.18(화) SGH-E250, Nokia 3250 추가<br /> 수정일 : 2009.8.24(월) SCH-M490(T*옴니아, IG4), SonyEricsson W810i, Nokia N95-3 추가<br /> 수정일 : 2009.9.01(화) Nokia 6820, iPhone(OS 3_0_1) 추가<br /> 수정일 : 2009.9.10(목) BlackBerry 8320, SonyEricsson K530i, SGH-G800 추가<br /> 수정일 : 2009.9.14(월) SonyEricsson Z610i, iPhone(OS 2_2_1; fr-fr) 추가<br /> 수정일 : 2009.9.19(토) SonyEricsson X1i(R3AA), SPH-W8350(매직홀), LG-CT810(V10i) 추가<br /> 수정일 : 2009.9.21(월) iPhone(OS 3_1), iPod(OS 3_1_1), Nokia 2626, BlackBerry 9630 추가<br /> 수정일 : 2009.10.6(화) Nokia N97, Nokia 5800d-1, SGH-T919, SPH-W8550(POLARIS 6.101 버전) 추가<br /> 수정일 : 2009.10.10(토) iPhone(OS 3_1_2), iPod(OS 3_1_2), LG-LU6300(LG 뉴초콜릿폰) 추가<br /> 수정일 : 2009.10.14(수) LG-LV7400(LG 휘슬폰), Nokia 5800 XpressMusic 추가<br /> 수정일 : 2009.10.26(월) BlackBerry 8830, SCH-U960(Rogue) 추가<br /> 수정일 : 2009.10.30(금) Nokia N79-1, SCH-M710(옴니아2), iPod(OS 3_1_1, Mobile/7C146) 추가<br /> 수정일 : 2009.11.5(목) BlackBerry 9530(4.7.0.148) 추가<br /> 수정일 : 2009.11.15(일) iPod(OS 3_1_1, en-us) 추가<br /> 수정일 : 2009.11.19(목) iPhone(WM5, Dorothy 브라우저) 추가<br /> 수정일 : 2009.11.24(화) SonyEricsson K310i, Nokia N70-1(5.0609.2.0.1) 추가<br /> 수정일 : 2009.11.27(금) SCH-M715(옴니아2) 추가<br /> 수정일 : 2009.11.30(월) SPH-M7200(옴니아 팝) 추가<br /> 수정일 : 2009.12.3(목) LG-LH8600(LG 와인폰), Nokia N72(5.0819.4.0.1) 추가<br /> 수정일 : 2009.12.7(월) SCH-M710(IEMobile 브라우저), NokiaE63, SonyEricsson K790i 추가<br /> 수정일 : 2009.12.12(토) iPhone(OS 3_1_2, ko-kr), BlackBerry 9530(5.0.0.328) 추가<br /> 수정일 : 2009.12.14(월) SCH-i910(옴니아, Opera/9.5) 추가<br /> 수정일 : 2009.12.18(금) iPhone(OS 3_0_1, ja-jp), iPod(OS 3_1_2, en-us) 추가<br /> 수정일 : 2009.12.27(일) BlackBerry 9000(4.6.0.144), SPH-M7350(오즈 옴니아2), S8000(삼성 Jet) 추가<br /> 수정일 : 2010.1.2(토) NokiaN97-1(20.0.019), SonyEricsson W908c 추가<br /> 수정일 : 2010.1.3(일) SGH-F488(터치위즈폰) 추가<br /> 수정일 : 2010.1.7(목) SPH-M8400(쇼옴니아), SonyEricsson W700c 추가<br /> 수정일 : 2010.1.26(화) Nokia6070, 옴니아폰에서 예외적인 헤더정보 추가<br /> 수정일 : 2010.1.27(수) SPH-M7350(오즈 옴니아2, Opera 9.5) 추가<br /> 수정일 : 2010.2.1(월) Nokia 3108 추가<br /> 수정일 : 2010.2.5(금) iPhone(OS 3_1_3, ko-kr), iPod(OS 3_1_3, ko-kr) 추가<br /> 수정일 : 2010.2.12(금) Nokia 7610, Nokia 5800d-1(10.4.101) 추가<br /> 수정일 : 2010.2.21(일) LG-CT810/V10i(NetFront/v3.5), Droid, 모토로이 추가<br /> 수정일 : 2010.2.27(토) T-Mobile myTouch 3G 추가<br /> 수정일 : 2010.3.6(토) BlackBerry 9000(5.0.0.464), LG-LU9400(맥스), Android Froyo버전 추가<br /> 수정일 : 2010.3.10(수) LG 안드로-1(모델명 GW620, Eve), 모토로이(Android 2.1-update1) 추가<br /> 수정일 : 2010.3.20(토) SCH-M490(IC4, Opera 9.5) 추가<br /> 수정일 : 2010.4.2(금) LG 초콜릿폰 II BL40(V10a) 추가<br /> 수정일 : 2010.4.9(금) LG-LU4300(롤리팝2), iPhone Simulator, Droid(Android 2.1-update1), HTC ADR6200, BlackBerry 9700 추가<br /> 수정일 : 2010.4.10(토) 코비F(SPH-W9350), HTC ADR6200(ko-kr) 추가 no_email@example.com (achor) iPhone,Mobile,웹개발,PHP,Android,프로그래밍 Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/26 Twitter: send message from a PHP page http://achor.net/board/ae_scrap/25 Twitter API를 활용하여 PHP curl로 Twitter 메시지를 작성, 전송할 수 있는 코드입니다.<br /> <br /> 사용법도 매우 간단하고, Twitter RSS 파싱과 함께 쓰면 독립적인 Twitter 페이지를 만들 수도 있겠지요.<br /> 저 역시도 Monday, October 29, 2007 에 만들어진 이 옛 소스를 활용하여<br /> 홈페이지에 글을 쓰면 자동으로 Twitter에 등록되도록 구성해 놓았지요.<br /> <br /> - achor<br /> <br /> <br /> <br /> <a href=http://woork.blogspot.com/2007/10/twitter-send-message-from-php-page.html target=_blank>http://woork.blogspot.com/2007/10/twitter-send-message-from-php-page.html</a><br /> <br /> Are you a Twitter addicted? This post illustrates how to post a message from a custom PHP page using the Twitter API<br /> <br /> This is a very simple tutorial (really just some line of code!) that explains how to post a message using Twitter API from a PHP page.<br /> <br /> The tutorial includes a folder called twitter with two PHP file:<br /> <br /> 1. insertTwitterMsg.php (it's the application interface) <br /> 2. twitterAPI.php (it's the Twitter API with some changes) <br /> <br /> Original script: what you have to modify?<br /> The script is ready to use but first, in the file insertTwitterMsg.php you have to modify only two parameters: $twitter_username, with your Twitter username and $twitter_psw, with your Twitter password.<br /> <br /> Don't touch the rest of the code!<br /> <br /> In insertTwitterMsg.php you have a form that you can reuse in your web projects:<br /> <br /> Save the folder with the tutorial in your localhost, remember to set the correct parameters and launch insertTwitterMsg.php with your browser. Now, you are ready to post messages on Twitter from your PHP page :)<br /> no_email@example.com (achor) Twitter,PHP,웹개발 Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/25 WebKnight 설정 http://achor.net/board/ae_scrap/24 출처: http://luna79.tistory.com/37<br /> <br /> 이 부분은&nbsp;필터링을 설정하는 부분으로서 가장 중요한 부분이라고 할 수 있습니다.<br /> Weknight가 설치된 폴더에 config.exe를 실행후 webknight.xml 파일을 선택하면 설정을 할 수 있는 화면이 나타납니다.<br /> 아래 항목은 Webknight 2.2의 항목들중 일부를 설명한 것입니다. 웹사이트에 따라 설정이 달라 질 수 있기 때문에 해당 항목은 참고만 하시고<br /> 자신의 웹사이트에 알맞게 적용하시길 바랍니다. 설정에 따라서 서버의 성능이 저하 될 수 있기 때문에 꼭 테스트 후에 실서버에 진행을 해주시길<br /> 바랍니다. ( 정확한 설명이 아니니 너무 믿지는 말자...ㅋㅋ )<br /> <br /> <P style="MARGIN-LEFT: 21.25pt"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>- <SPAN style="mso-spacerun: yes">&nbsp;</SPAN><B style="mso-bidi-font-weight: normal">Scanning Engine</B><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></FONT></SPAN></P> <P style="MARGIN-LEFT: 21.25pt"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><SPAN style="mso-spacerun: yes">&nbsp;</SPAN>http(80port)/https(443port)</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">에 대한 모니터링을 설정하는 부분<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <TABLE class=MsoNormalTable style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #fabf8f; MARGIN: auto auto auto 21.25pt; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR style="HEIGHT: 143.05pt; mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes"> <TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: windowtext 1pt solid; WIDTH: 491.8pt; PADDING-TOP: 0cm; BORDER-BOTTOM: windowtext 1pt solid; HEIGHT: 143.05pt; BACKGROUND-COLOR: transparent; mso-border-alt: solid windowtext .5pt" vAlign=top width=656> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l5 level1 lfo1"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Allow Late Scanning<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>: webknight</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">에 우선권을 낮게하여 동작시킴 <SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l5 level1 lfo1"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Scan Non Secure Port</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : 80port scan<o:p></o:p></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l5 level1 lfo1"><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore"><FONT color=#000000>n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></FONT></SPAN></SPAN><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Scan Secure Port : 443 port scan<br /> (SSL 인증서를 가지고 있는&nbsp;&nbsp;</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">홈페이지의 경우는 이를 설정해주어 함<SPAN lang=EN-US>)<o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l5 level1 lfo1"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Use Exclude Web Instances</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN></FONT><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>자체적인<SPAN lang=EN-US> ISAPI</SPAN>필터를 가지고 있는<SPAN lang=EN-US> webinstance </SPAN>제외</FONT><SPAN lang=EN-US><br /> <FONT color=#000000>(&nbsp;</FONT></SPAN><FONT color=#000000><SPAN lang=EN-US>default check )<o:p></o:p></SPAN></FONT></SPAN></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l5 level1 lfo1"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Use Exclude IP Addresses : IP </SPAN></FONT><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>제한하기</FONT><SPAN lang=EN-US><br /> <FONT color=#000000>( </FONT></SPAN><FONT color=#000000>유해<SPAN lang=EN-US> IP</SPAN>는 방화벽<SPAN lang=EN-US> or </SPAN>스위치단에서 제어를 하는 것이 서버의 부하를 줄일 수 있습니다<SPAN lang=EN-US>. )<o:p></o:p></SPAN></FONT></SPAN></P></TD></TR></TBODY></TABLE> <P style="MARGIN-LEFT: 21.25pt"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN><B style="mso-bidi-font-weight: normal">Incident Response Handing</B><o:p></o:p></FONT></SPAN></P> <P style="MARGIN-LEFT: 21.25pt"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><SPAN style="mso-spacerun: yes">&nbsp;</SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">악의 적인 공격에 대한<SPAN lang=EN-US> webknight</SPAN>의 행동에 대한 결정을 하는 부분<SPAN lang=EN-US><SPAN style="mso-spacerun: yes">&nbsp;&nbsp;<br /> </SPAN></SPAN>기본적으로는<SPAN lang=EN-US> webknight</SPAN>에서 제공하는<SPAN lang=EN-US> default</SPAN>페이지를 나타나게 하였으나<SPAN lang=EN-US>, </SPAN>이는 공격자로 하여금 해당 웹서버가<SPAN lang=EN-US> webknight</SPAN>로 구성이 되어 있음을 알려주는 정보의 페이지가 될 수 있기 때문에 적절하게 변경 ( webknight도 취약점이 존재하겠죠...)<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <TABLE class=MsoNormalTable style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #fabf8f; MARGIN: auto auto auto 19.6pt; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes"> <TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: windowtext 1pt solid; WIDTH: 473.1pt; PADDING-TOP: 0cm; BORDER-BOTTOM: windowtext 1pt solid; BACKGROUND-COLOR: transparent; mso-border-alt: solid windowtext .5pt" vAlign=top width=631> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l2 level1 lfo2"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Response Directly : client</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">가 공격시 대처 메시지를 보냄<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l2 level1 lfo2"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Response Redirect</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN></FONT><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>대처 메시지 페이지를 선택</FONT><FONT color=#000000><SPAN lang=EN-US> <br /> (</SPAN>공격시<SPAN lang=EN-US> webkinght </SPAN>기본<SPAN lang=EN-US> deny </SPAN>페이지 로딩시 공격자는<SPAN lang=EN-US> webknight </SPAN>를 사용한다는 것을 확인하고 이에 대한 취약점 공격이 우려 됨 따라서 기본 페이지로<SPAN lang=EN-US> redirection </SPAN>시키거나 오류페이지를 생성<SPAN lang=EN-US>&nbsp;)<o:p></o:p></SPAN></FONT></SPAN></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l2 level1 lfo2"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Use Response Status : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">공격시 나타낼 메시지 <SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l2 level1 lfo2"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Response Drop Connection </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">공격에 검출된<SPAN lang=EN-US> keep-alive</SPAN>된 커넥션을 제거 <SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l2 level1 lfo2"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Response Monitor IP : time-out </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">기간을<SPAN lang=EN-US>(</SPAN>정해진 값<SPAN lang=EN-US>) </SPAN>확인하여 모니터링<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l2 level1 lfo2"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Response Block IP :<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>time-out </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">기간에<SPAN lang=EN-US>(</SPAN>정해진 값<SPAN lang=EN-US>) </SPAN>따른<SPAN lang=EN-US> IP</SPAN>블럭 <SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l2 level1 lfo2"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Response Log Only : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">공격시 막지않고 로그만 쌓기 <SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P></TD></TR></TBODY></TABLE> <P style="MARGIN-LEFT: 21.25pt"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN><B style="mso-bidi-font-weight: normal">Logging</B><o:p></o:p></FONT></SPAN></P> <P style="MARGIN-LEFT: 21.25pt"><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000><SPAN style="mso-spacerun: yes">&nbsp;</SPAN>Webknight</FONT></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>에 의해 필터링 되는 로그에 대한 설정을 하는 부분</FONT><FONT color=#000000><SPAN lang=EN-US><SPAN style="mso-spacerun: yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </SPAN><br /> IIS</SPAN>에서 생성되는 로그는 문제가 발생이 되었을 때 그 시점과 해당 내용을 찾는데 많은 시간이 소요되면 현실적으로 불가능 할 가능성이 많다<SPAN lang=EN-US>.( IIS</SPAN>로그 분석툴을 사용하지 않고 사람이 수작업을 할 경우<SPAN lang=EN-US>) </SPAN>따라서<SPAN lang=EN-US> webknight</SPAN>에서는 특정 상황에 대한 로그를 기록할 수 있도록 설정이 가능하다</FONT><FONT color=#000000><SPAN lang=EN-US>.&nbsp;<br /> <br /></SPAN></FONT></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000><SPAN style="mso-spacerun: yes">&nbsp;</SPAN>IIS6.0</FONT></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>이 설치된 서버에서 정상적으로 로그를 남기기 위해서는 설정을 해주어야 할 부분이 있다<SPAN lang=EN-US>.&nbsp;<SPAN style="mso-spacerun: yes">&nbsp;&nbsp;<br /> </SPAN></SPAN>ㅁ <SPAN lang=EN-US>per process logging mode</SPAN>를</FONT><FONT color=#000000><SPAN lang=EN-US> on <br /> ( IIS6.0은 하나의 프로세스에서 웹이 구동되는 것이 아니라 다른 프로세스가 생성 종료되기 때문에 이러한 설정이 필요한것 같다.)<br /> </SPAN>ㅁ 로그폴더에<SPAN lang=EN-US> network service </SPAN>계정을 추가하고 쓰기 권한을 할당<SPAN lang=EN-US><o:p></o:p></SPAN></FONT></SPAN></P> <TABLE class=MsoNormalTable style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #fabf8f; MARGIN: auto auto auto 21.25pt; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes"> <TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: windowtext 1pt solid; WIDTH: 491.8pt; PADDING-TOP: 0cm; BORDER-BOTTOM: windowtext 1pt solid; BACKGROUND-COLOR: transparent; mso-border-alt: solid windowtext .5pt" vAlign=top width=656> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l8 level1 lfo3"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Enabled</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">로깅 기능 활성화<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l8 level1 lfo3"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Use GMT : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">시간대<SPAN lang=EN-US> GMT </SPAN>사용<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l8 level1 lfo3"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Per Process Logging</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN></FONT><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>프로세스별 로깅 기능<SPAN lang=EN-US> IIS6</SPAN>버젼</FONT><FONT color=#000000><SPAN lang=EN-US> On<br /> ( </SPAN>단일<SPAN lang=EN-US> web service</SPAN>만 이용한다면 이 기능이 필요없을 것 같다<SPAN lang=EN-US>. </SPAN>오히려 프로세스별로 생겨서 로그를 확인하기 힘들다<SPAN lang=EN-US>. </SPAN>이 부분은 다시 확인이 필요함<SPAN lang=EN-US> )<o:p></o:p></SPAN></FONT></SPAN></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l8 level1 lfo3"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Log Client IP</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">: </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">로그에 사용자<SPAN lang=EN-US> IP </SPAN>남기기<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l8 level1 lfo3"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Log User Name</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">로그에 사용자 이름 남기기 <SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l8 level1 lfo3"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Log Allowed : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">차단된 응답들의 로그를 남기는 것<SPAN lang=EN-US> ( </SPAN>시스템 성능 저하<SPAN lang=EN-US> )<o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l8 level1 lfo3"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Log HTTP VIA : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">프록시 사용자의 원래 요청의 단서를 가진 <SPAN lang=EN-US>‘Via:’ </SPAN>헤더를 기록 <SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l8 level1 lfo3"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Log HTTP X FORWARDED FOR : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">프록시 단서를 찾기 위해 <SPAN lang=EN-US>‘X Forwarded For’ </SPAN>헤더기록<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l8 level1 lfo3"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Log Host Header : Host Header </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">로그<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l8 level1 lfo3"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Log User Agent : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">사용자<SPAN lang=EN-US> agent</SPAN>기록<SPAN lang=EN-US> ( </SPAN>공격툴을 알수 있다<SPAN lang=EN-US>. )<o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l8 level1 lfo3"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Log HTTP Client Errors : 4xx</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">에러 기록<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l8 level1 lfo3"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Log HTTP Server Errors :</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> 5xx </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">에러 기록 <SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-ALIGN: justify; mso-pagination: none"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">IIS</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">에서의 로그 기록<SPAN lang=EN-US> WebKnight</SPAN>의 로그 기록 이 두부분을 모드 확인할 경우 위와 같이 설정하면 된다<SPAN lang=EN-US>. </SPAN>하지만<SPAN lang=EN-US> WebKnight</SPAN>를 통해서 모든 로그를 확인할 경우는 위의 체크사항에 전부 체크를 해 주면 된다<SPAN lang=EN-US>.<o:p></o:p></SPAN></SPAN></FONT></P></TD></TR></TBODY></TABLE> <P style="MARGIN-LEFT: 21.25pt"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN><B style="mso-bidi-font-weight: normal">Connection</B><o:p></o:p></FONT></SPAN></P> <P style="MARGIN-LEFT: 21.25pt"><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000><SPAN style="mso-spacerun: yes">&nbsp;</SPAN>IP</FONT></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>의 모니터링 및<SPAN lang=EN-US> IP</SPAN>의 블록등을 담당하는 부분</FONT><SPAN lang=EN-US><br /> </SPAN><FONT color=#000000>해당 부분은 상위 방화벽 단에 모두 체크가 되는 사항이기 때문에<SPAN lang=EN-US> webknight</SPAN>에서 설정을 할 필요는 없다고 생각을 한다<SPAN lang=EN-US>. </SPAN>이 부분의 체크로 인하여 웹 서비스의 성능 저하가 나타 날 수도 있다<SPAN lang=EN-US>. <o:p></o:p></SPAN></FONT></SPAN></P> <P style="MARGIN-LEFT: 21.25pt"><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>이부분은 설정한 사항이 없다<SPAN lang=EN-US>. </SPAN>모니터링 및 블록은 다른 장비 및 툴을 이용하는 것이 좋을 것 같다<SPAN lang=EN-US>.<o:p></o:p></SPAN></FONT></SPAN></P> <P style="MARGIN-LEFT: 21.25pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>Authentication<o:p></o:p></FONT></SPAN></B></P> <P style="MARGIN-LEFT: 21.25pt"><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><SPAN style="mso-spacerun: yes"><FONT color=#000000>&nbsp;</FONT></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>인증부분에 대한 설정을 담당하는 부분</FONT><FONT color=#000000><SPAN lang=EN-US>.<br /> </SPAN>악의 적인 로그인 공격에 대한 필터링을 담당하는 부분으로<SPAN lang=EN-US>, </SPAN>활용도 측면에서는 높지만 성능적 측면에서 웹 서비스에 지장을 줄 수 있기 때문에 관리자의 적절한 판단이 요구된다</FONT><FONT color=#000000><SPAN lang=EN-US>.<br /> <SPAN style="mso-spacerun: yes">&nbsp;</SPAN></SPAN>이 부분은 차라리<SPAN lang=EN-US> IIS</SPAN>에서 익명연결만 체크하고 소스단에서 로그인 시 반복입력의 제한<SPAN lang=EN-US>, </SPAN>아이디 비밀번호의 복잡성 준수 및 동일 사용에 대한 금지<SPAN lang=EN-US>, </SPAN>몇회 입력 실패시 로그인 잠금 처리등 소스단에서 처리하는 것이 서버의 성능향상에 도움이 된다<SPAN lang=EN-US>. <o:p></o:p></SPAN></FONT></SPAN></P> <TABLE class=MsoNormalTable style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #fabf8f; MARGIN: auto auto auto 21.25pt; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR style="HEIGHT: 183.5pt; mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes"> <TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: windowtext 1pt solid; WIDTH: 491.8pt; PADDING-TOP: 0cm; BORDER-BOTTOM: windowtext 1pt solid; HEIGHT: 183.5pt; BACKGROUND-COLOR: transparent; mso-border-alt: solid windowtext .5pt" width=656> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l0 level1 lfo4"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Scan Authentication Exclude Web Instances :<o:p></o:p></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l0 level1 lfo4"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Deny Blank Passwords : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">공백입력시 차단 <SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l0 level1 lfo4"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Deny Same Password As Username : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">계정과 비빌번호가 동일할 경우 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l0 level1 lfo4"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Use Denied Default Passwords : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">기본적인 계정 차단<SPAN lang=EN-US> ( </SPAN>사용자 입력 가능<SPAN lang=EN-US> )<o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l0 level1 lfo4"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Deny System Accounts</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">시스템의 영향을 미칠 수 있는 중요한 계정에 대한 인증 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l0 level1 lfo4"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Use Deny Account Brute Force Attack : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">무작위 대입 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l0 level1 lfo4"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Use Allowed Accounts : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">허가된 계정 설정<SPAN lang=EN-US> ( </SPAN>사용자 입력 가능<SPAN lang=EN-US> )<o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l0 level1 lfo4"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Use Denied Accounts : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">비허가된 계정 설정<SPAN lang=EN-US> ( </SPAN>사용자 입력 가능<SPAN lang=EN-US> )<o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l0 level1 lfo4"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Scan Account All Events : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">다른<SPAN lang=EN-US> ISAPI </SPAN>이벤에 사용되는 계정들을 스캔<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P></TD></TR></TBODY></TABLE> <P style="MARGIN-LEFT: 21.25pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>Request Limits<o:p></o:p></FONT></SPAN></B></P> <TABLE class=MsoNormalTable style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #fabf8f; MARGIN: auto auto auto 21.25pt; BORDER-LEFT: medium none; WIDTH: 95.68%; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext" cellSpacing=0 cellPadding=0 width="95%" border=1> <TBODY> <TR style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes"> <TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: windowtext 1pt solid; WIDTH: 100%; PADDING-TOP: 0cm; BORDER-BOTTOM: windowtext 1pt solid; BACKGROUND-COLOR: transparent; mso-border-alt: solid windowtext .5pt" width="100%"> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l6 level1 lfo5"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><SPAN style="mso-spacerun: yes">&nbsp;</SPAN>Request</SPAN></FONT><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>로 오는 패킷에 대한 제한을 담당하는 부분</FONT><SPAN lang=EN-US><br /> <FONT color=#000000>Limit Content Length : </FONT></SPAN><FONT color=#000000>헤더의<SPAN lang=EN-US> Content-Length</SPAN>의 값을 제한<SPAN lang=EN-US><o:p></o:p></SPAN></FONT></SPAN></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l6 level1 lfo5"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Limit URL : URL </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">전체 길이에 대한 제한<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l6 level1 lfo5"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Limit Querystring : URL</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">에서<SPAN lang=EN-US> ? </SPAN>다음의<SPAN lang=EN-US> querystring </SPAN>길이에 대한 제한<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l6 level1 lfo5"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Limit HTTP Version : HTTP version 1.1</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">에 명시된 최대값에 대한 제한<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l6 level1 lfo5"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Use Allowed HTTP Versions :</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">명시된<SPAN lang=EN-US> HTTP </SPAN>버전만 허용<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l6 level1 lfo5"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Use Max Headers :</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">헤더의 길이가 특정값으로 제한 된 헤더들의 길이 제한<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P></TD></TR></TBODY></TABLE> <P style="MARGIN-LEFT: 21.25pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>URL Scanning<o:p></o:p></FONT></SPAN></B></P> <P style="MARGIN-LEFT: 31.25pt; TEXT-INDENT: -10pt; mso-para-margin-left: 1.93gd; mso-char-indent-count: -1.0"><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000><SPAN style="mso-spacerun: yes">&nbsp;</SPAN><SPAN style="mso-spacerun: yes">&nbsp;</SPAN>URL</FONT></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>에 대한 필터링을 담당하는 부분</FONT><FONT color=#000000><SPAN lang=EN-US>.<br /> RFC</SPAN>규약은 보통 외국 사이트를 기준으로 만들어진 것으로서 국내 개발자들이 이와 같은 사항을 지키면서 사이트를 만드는 경우는 드물기 때문에<SPAN lang=EN-US>, </SPAN>사이트 접속에 장애가 올 수 있다<SPAN lang=EN-US>. </SPAN>확실한 확인 후 사용하면 좋을 것이다<SPAN lang=EN-US>. <o:p></o:p></SPAN></FONT></SPAN></P> <TABLE class=MsoNormalTable style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #fabf8f; MARGIN: auto auto auto 31.25pt; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes"> <TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: windowtext 1pt solid; WIDTH: 491.8pt; PADDING-TOP: 0cm; BORDER-BOTTOM: windowtext 1pt solid; BACKGROUND-COLOR: transparent; mso-border-alt: solid windowtext .5pt" width=656> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 39.25pt; TEXT-INDENT: -18pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l9 level1 lfo6"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">RFC Compliant Url : Url</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">이<SPAN lang=EN-US> RFC</SPAN>규약에 따르는지<SPAN lang=EN-US> Check<o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 39.25pt; TEXT-INDENT: -18pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l9 level1 lfo6"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">RFC Compliant HTTP Url : HTTP Url</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">이<SPAN lang=EN-US> RFC</SPAN>규약에 따르는지<SPAN lang=EN-US> Check<o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 39.25pt; TEXT-INDENT: -18pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l9 level1 lfo6"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Use Url Raw Scan : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">웹서가<SPAN lang=EN-US> URL</SPAN>을 디코딩하기 전 기본적인 스캔 및 로우스캔 실시<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 39.25pt; TEXT-INDENT: -18pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l9 level1 lfo6"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Deny Url Encoding Exploits</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : Url</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">에서 인코딩 공격을 허용하지 않음<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 39.25pt; TEXT-INDENT: -18pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l9 level1 lfo6"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Deny Url Parent Path</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">상위경로<SPAN lang=EN-US>(..)</SPAN>로 이동하는 것을 방지<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 39.25pt; TEXT-INDENT: -18pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l9 level1 lfo6"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Deny Url Trailing Dot In Dir</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> :[./]</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">가 포함된 요청을 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 39.25pt; TEXT-INDENT: -18pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l9 level1 lfo6"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Deny Url Backslash</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : [\]</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">가 포함된 요청을 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 39.25pt; TEXT-INDENT: -18pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l9 level1 lfo6"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Deny Url Altermate Stream : [:]</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">가 포함된 요청을 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 39.25pt; TEXT-INDENT: -18pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l9 level1 lfo6"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Deny Url Escaping</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : Url</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">디코딩 후<SPAN lang=EN-US> [%]</SPAN>이 포함된 요청을 차단 <SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 39.25pt; TEXT-INDENT: -18pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l9 level1 lfo6"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Deny Url Running Mutiple CGI : Url</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">에<SPAN lang=EN-US> [&amp;]</SPAN>가 포함된 요청을 차단<SPAN lang=EN-US>. </SPAN>이는 다중<SPAN lang=EN-US> CGI </SPAN>어플리케이션에서 사용될 수 있다<SPAN lang=EN-US>. <o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 39.25pt; TEXT-INDENT: -18pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l9 level1 lfo6"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Deny Url HighBitShellcode : high bit shellcode ( ascii &gt; 127 )</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">을 허용하지 않는다<SPAN lang=EN-US>. </SPAN>이건<SPAN lang=EN-US> US-ASCII</SPAN>을 사용하는 곳에 적합 즉 영문 웹사이트가 아니면 필요없다<SPAN lang=EN-US>. <o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 39.25pt; TEXT-INDENT: -18pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l9 level1 lfo6"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Use Denied Url Sequences</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">명시된 시퀀스들이 포함되어 있으면 이를 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 39.25pt; TEXT-INDENT: -18pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l9 level1 lfo6"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Use Allowed Url Starts</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : URL</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">이 시작할 수 있는 허가된 시퀀스 문자 목록 <SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P></TD></TR></TBODY></TABLE> <P style="MARGIN-LEFT: 21.25pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>Mapped Path<o:p></o:p></FONT></SPAN></B></P> <P style="MARGIN-LEFT: 21.25pt"><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><SPAN style="mso-spacerun: yes"><FONT color=#000000>&nbsp;</FONT></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>경로를 제한하는 부분</FONT><SPAN lang=EN-US><br /> <FONT color=#000000>webknight</FONT></SPAN><FONT color=#000000>는 기본적으로 경로를 제한하고 있기 때문에 기본설치 시 정상적인 웹 페이지도<SPAN lang=EN-US> webknight</SPAN>필터링에 막혀서 보이지 않게 된다<SPAN lang=EN-US>. </SPAN>따라서 자신의 웹 서비스가 구동되는 폴더의 정확한 위치를 입력하여 정상적인 웹 페이지를 로딩시켜야 한다<SPAN lang=EN-US>. </SPAN>또한 이 기능을 사용하지 않을 경우에는 웹 페이지 로딩 시 성능 저하가 일어나기 때문에 설정을 꼭 해주어야 한다<SPAN lang=EN-US>.<o:p></o:p></SPAN></FONT></SPAN></P> <TABLE class=MsoNormalTable style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #fabf8f; MARGIN: auto auto auto 21.25pt; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes"> <TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: windowtext 1pt solid; WIDTH: 491.8pt; PADDING-TOP: 0cm; BORDER-BOTTOM: windowtext 1pt solid; BACKGROUND-COLOR: transparent; mso-border-alt: solid windowtext .5pt" vAlign=top width=656> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l11 level1 lfo7"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Deny Parent Path</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">상위경로<SPAN lang=EN-US>[..]</SPAN>가 포함되면 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l11 level1 lfo7"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Deny Backspace</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">경로에<SPAN lang=EN-US> [\]</SPAN>가 포함되면 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l11 level1 lfo7"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Deny Carriage Return : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">경로에 <SPAN lang=EN-US>carriage return </SPAN>문자<SPAN lang=EN-US> [\r]</SPAN>가 포함되면 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l11 level1 lfo7"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Deny New Line : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">경로에<SPAN lang=EN-US> newline </SPAN>문자<SPAN lang=EN-US> [\n]</SPAN>가 포함되면 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l11 level1 lfo7"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Deny Escaping</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">경로에<SPAN lang=EN-US> [%]</SPAN>가 포함되면 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l11 level1 lfo7"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Deny Dot In Path</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> :</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">경로에<SPAN lang=EN-US> [./]</SPAN>가 포함되면 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l11 level1 lfo7"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Use Allowed Paths</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">허가되는 경로 목록 <SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P></TD></TR></TBODY></TABLE> <P style="MARGIN-LEFT: 21.25pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>Requested File<o:p></o:p></FONT></SPAN></B></P> <P style="MARGIN-LEFT: 21.25pt"><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><SPAN style="mso-spacerun: yes"><FONT color=#000000>&nbsp;</FONT></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>차단시킬 파일 목록과 허용할 파일 목록을 설정하는 부분</FONT><SPAN lang=EN-US><br /> </SPAN><FONT color=#000000>이부분 역시 소스단에서 제한 하는 것이 서버의 부하를 줄일 수 있다<SPAN lang=EN-US>. </SPAN>업로드가 페이지가 있는 곳에는 이러한 설정들이 꼭 필요하겠지만<SPAN lang=EN-US>, </SPAN>서버단의 부하를 주는<SPAN lang=EN-US> webknight</SPAN>보다는 소스에서의 차단이 유용하다<SPAN lang=EN-US>. </SPAN>하지만 전제는 확장자 우회 기능에 대한 점검이 꼭 필요하다<SPAN lang=EN-US>.<o:p></o:p></SPAN></FONT></SPAN></P> <TABLE class=MsoNormalTable style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #fabf8f; MARGIN: auto auto auto 21.25pt; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR style="HEIGHT: 113.5pt; mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes"> <TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: windowtext 1pt solid; WIDTH: 491.8pt; PADDING-TOP: 0cm; BORDER-BOTTOM: windowtext 1pt solid; HEIGHT: 113.5pt; BACKGROUND-COLOR: transparent; mso-border-alt: solid windowtext .5pt" width=656> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l7 level1 lfo8"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Use Filename Raw Scan : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">웹서버가<SPAN lang=EN-US> URL</SPAN>을 디코딩하기 전에 파일을 스캔 <SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l7 level1 lfo8"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Deny Default Document : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">기본적인 도큐먼트 요청을 차단 사용자는 특정 파일말 요청<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l7 level1 lfo8"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Use Denied Files</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">파일 제한<SPAN lang=EN-US> ( </SPAN>사용자 입력 가능<SPAN lang=EN-US> )<o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l7 level1 lfo8"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Use Monitored Files : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">파일을 정하고 그것이 변경상태에 대해 체크<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l7 level1 lfo8"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Use Allowed Extensions : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">허가된 요청 파일<SPAN lang=EN-US> ( </SPAN>사용자 입력 가능<SPAN lang=EN-US> )<o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l7 level1 lfo8"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Use Denied Extensions</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">명시된 파일 확장자 차단<SPAN lang=EN-US> ( </SPAN>사용자 입력 가능<SPAN lang=EN-US> )<o:p></o:p></SPAN></SPAN></FONT></P></TD></TR></TBODY></TABLE> <P style="MARGIN-LEFT: 21.25pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>Robots<o:p></o:p></FONT></SPAN></B></P> <P style="MARGIN-LEFT: 21.25pt"><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><SPAN style="mso-spacerun: yes"><FONT color=#000000>&nbsp;</FONT></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>웹사이트의 검색에 대한 제한을 설정하는 부분</FONT><SPAN lang=EN-US><br /> <SPAN style="mso-spacerun: yes"><FONT color=#000000>&nbsp;</FONT></SPAN></SPAN><FONT color=#000000>웹사이트 성격에 따라 검색엔진에 의해 노출되는 것이 좋은 성격의 페이지들이 있다<SPAN lang=EN-US>. </SPAN>따라서 이부분은 역시 개발자와 상의 해서 개발자가<SPAN lang=EN-US> robots.txt</SPAN>을 사용하여 검색엔진을 차단을 하는지 아니면 검색 부분을 정하는지 파확을 한 후 설정을 하는 것이 좋을 것이다<SPAN lang=EN-US>.<o:p></o:p></SPAN></FONT></SPAN></P> <P style="MARGIN-LEFT: 21.25pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>Headers<o:p></o:p></FONT></SPAN></B></P> <P style="MARGIN-LEFT: 21.25pt"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><SPAN style="mso-spacerun: yes">&nbsp;</SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">서버의 헤더 정보의 변경부분에 대한 필터링과 특정 헤더등의 차단을 설정 하는 부분<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <TABLE class=MsoNormalTable style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #fabf8f; MARGIN: auto auto auto 21.25pt; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes"> <TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: windowtext 1pt solid; WIDTH: 491.8pt; PADDING-TOP: 0cm; BORDER-BOTTOM: windowtext 1pt solid; BACKGROUND-COLOR: transparent; mso-border-alt: solid windowtext .5pt" width=656> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l13 level1 lfo9"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Remove Server Header :<SPAN style="mso-spacerun: yes">&nbsp; </SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">서버가 클라이언트로 전송하는 모든 응답에 포함된<SPAN lang=EN-US> [Srever: ] </SPAN>헤더를 제거한다<SPAN lang=EN-US>. <o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l13 level1 lfo9"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Change Server Header</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">서버의 헤더를 제거하지 않고 변경한다<SPAN lang=EN-US>. </SPAN>우선권을<SPAN lang=EN-US> Remove Server Header</SPAN>에게 있고<SPAN lang=EN-US>, </SPAN>이를 사용할 것이라면<SPAN lang=EN-US> Remove Server Header</SPAN>를 체크해서는 안된다<SPAN lang=EN-US>. (ex </SPAN>자신의 사용하는 웹이<SPAN lang=EN-US> IIS 6.0</SPAN>인데<SPAN lang=EN-US> Apache</SPAN>로 변경<SPAN lang=EN-US> )<o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l13 level1 lfo9"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">RFC Compliant Host Header : RFC</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">규약에 위반되는<SPAN lang=EN-US> Host </SPAN>헤더를 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l13 level1 lfo9"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Use Denied Headers</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">제시된 헤더를 차단<SPAN lang=EN-US> ( </SPAN>사용자 입력 가능<SPAN lang=EN-US> )<o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l13 level1 lfo9"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Deny Header SQL Injection : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">헤더를 통한<SPAN lang=EN-US> SQL Injection </SPAN>차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l13 level1 lfo9"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Deny Header Encoding Exploits</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">헤더를 통한 인코딩 공격을 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l13 level1 lfo9"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Deny Header Directory Traversal : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">헤더에 상위 디렉토리 이동을 위한 값 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l13 level1 lfo9"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Deny Header High Bit Shellcode : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">하이비트 쉘코드 차단<SPAN lang=EN-US>. </SPAN>영문사이트에 적용<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l13 level1 lfo9"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Use Denied Header Squences</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">헤더 명시된 <SPAN lang=EN-US>sequences </SPAN>문자가 나오면 차단<SPAN lang=EN-US> ( </SPAN>사용자 입력 가능<SPAN lang=EN-US> )<o:p></o:p></SPAN></SPAN></FONT></P></TD></TR></TBODY></TABLE> <P style="MARGIN-LEFT: 21.25pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>Content Type<o:p></o:p></FONT></SPAN></B></P> <P style="MARGIN-LEFT: 21.25pt"><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>허용될<SPAN lang=EN-US> Content-Type</SPAN>을 결정할 문제이다<SPAN lang=EN-US>. </SPAN>관리자는 웹 개발자와 상의하여 개발자가 만든 웹의 허용되어 할<SPAN lang=EN-US> Content-Type</SPAN>에 대한 상의를 하고 이를 결정한다<SPAN lang=EN-US>. <o:p></o:p></SPAN></FONT></SPAN></P> <TABLE class=MsoNormalTable style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #fabf8f; MARGIN: auto auto auto 21.25pt; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes"> <TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: windowtext 1pt solid; WIDTH: 491.8pt; PADDING-TOP: 0cm; BORDER-BOTTOM: windowtext 1pt solid; BACKGROUND-COLOR: transparent; mso-border-alt: solid windowtext .5pt" vAlign=top width=656> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l3 level1 lfo10"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Use Allowe Conetenet Types</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : request </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">에<SPAN lang=EN-US> content-type </SPAN>헤더의 체크가 활성화 되었을 때 명시된 하목에 포함 되지 않는<SPAN lang=EN-US> content type</SPAN>을 제한<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l3 level1 lfo10"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Use Deny Content Types : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">제한되어야 할<SPAN lang=EN-US> Content-type </SPAN>설정<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P></TD></TR></TBODY></TABLE> <P style="MARGIN-LEFT: 21.25pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-Cookie<o:p></o:p></FONT></SPAN></B></P> <P style="MARGIN-LEFT: 21.25pt"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><SPAN style="mso-spacerun: yes">&nbsp;</SPAN>2008</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">년<SPAN lang=EN-US> 9</SPAN>월경부터 유행하고 있는 최신 공격형태인<SPAN lang=EN-US> Mass SQL Injection</SPAN>의 한 종류로<SPAN lang=EN-US> Cookie</SPAN>단에 삽입하는 것을 방어하기 위해서<SPAN lang=EN-US> 2.2</SPAN>버전부터 추가된 항목 이다<SPAN lang=EN-US>. <o:p></o:p></SPAN></SPAN></FONT></P> <TABLE class=MsoNormalTable style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #fabf8f; MARGIN: auto auto auto 21.25pt; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes"> <TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: windowtext 1pt solid; WIDTH: 491.8pt; PADDING-TOP: 0cm; BORDER-BOTTOM: windowtext 1pt solid; BACKGROUND-COLOR: transparent; mso-border-alt: solid windowtext .5pt" vAlign=top width=656> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l12 level1 lfo11"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Deny Cookie SQL Injection</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : [ cookie: ]</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">헤더에<SPAN lang=EN-US> SQL Injection </SPAN>차단<SPAN lang=EN-US style="BACKGROUND: #d9d9d9; mso-shading: white; mso-pattern: gray-15 auto"><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l12 level1 lfo11"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Deny Cookie Encoding Exploits</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : [ cookie: ]</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">헤더에 인코딩 공격을 차단<SPAN lang=EN-US style="BACKGROUND: #d9d9d9; mso-shading: white; mso-pattern: gray-15 auto"><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l12 level1 lfo11"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Deny Cookie Directory Traversal : cookie</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">를 통한<SPAN lang=EN-US> directory traversal </SPAN>방지<SPAN lang=EN-US style="BACKGROUND: #d9d9d9; mso-shading: white; mso-pattern: gray-15 auto"><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l12 level1 lfo11"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Deny Cookie High Bit Shellcode : high bit shellcode(ascii &gt;127) </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">차단<SPAN lang=EN-US><SPAN style="mso-spacerun: yes">&nbsp; </SPAN></SPAN>영문사이트에 적용<SPAN lang=EN-US style="BACKGROUND: #d9d9d9; mso-shading: white; mso-pattern: gray-15 auto"><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l12 level1 lfo11"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Use Denied Cookie Sequences <SPAN style="mso-spacerun: yes">&nbsp;</SPAN>: </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">명시된 시퀀스가 들어오면 차단<SPAN lang=EN-US style="BACKGROUND: #d9d9d9; mso-shading: white; mso-pattern: gray-15 auto"><o:p></o:p></SPAN></SPAN></FONT></P></TD></TR></TBODY></TABLE> <P style="MARGIN-LEFT: 21.25pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>Referrer<o:p></o:p></FONT></SPAN></B></P> <P style="MARGIN-LEFT: 21.25pt; mso-para-margin-left: 1.93gd"><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000><SPAN style="mso-spacerun: yes">&nbsp;</SPAN>Referrer</FONT></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>값에 대한 차단</FONT><FONT color=#000000><SPAN lang=EN-US> <br /> Referrer </SPAN>부분에 올수 있는 값들에 대한 차단 사항이다<SPAN lang=EN-US>. RFC</SPAN>규약을 따르는 부분이 많기 때문에 주 이 부분에 대한 사항은 체크를 풀어주고<SPAN lang=EN-US>, </SPAN>필요한 사항에 대한 검토가 필요하다<SPAN lang=EN-US>. Reffer</SPAN>를 통한 공격부분에만 설정을 걸어둠<SPAN lang=EN-US><o:p></o:p></SPAN></FONT></SPAN></P> <P style="MARGIN-LEFT: 21.25pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>User Agent<o:p></o:p></FONT></SPAN></B></P> <P style="MARGIN-LEFT: 21.25pt; TEXT-INDENT: 10pt; mso-para-margin-left: 1.93gd; mso-char-indent-count: 1.0"><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>User Agent</FONT></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>에 대한 차단에 대한 설정</FONT><SPAN lang=EN-US><br /> <SPAN style="mso-spacerun: yes"><FONT color=#000000>&nbsp; </FONT></SPAN></SPAN><FONT color=#000000>대부분의 사용자는 인터넷 웹서핑을 위한 브라우저로 인터넷 익스플로러<SPAN lang=EN-US>, </SPAN>파이어 폭스등을 사용한다<SPAN lang=EN-US>. </SPAN>하지만 특정 유저들은<SPAN lang=EN-US> delphi</SPAN>웹브라우저<SPAN lang=EN-US> (</SPAN></FONT></SPAN><SPAN lang=EN-US><A href="http://www.bsalsa.com/"><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">www.bsalsa.com</SPAN></A></SPAN><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">) </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">임베디드웹브라우저등을 사용할 수 있다<SPAN lang=EN-US>. </SPAN>이러한 사용자들이 있다면<SPAN lang=EN-US> default</SPAN>로 설정해 놓으면 이러한 유저들은 접속을 할 수 없다<SPAN lang=EN-US>.<o:p></o:p></SPAN></SPAN></FONT></P> <TABLE class=MsoNormalTable style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #fabf8f; MARGIN: auto auto auto 21.25pt; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes"> <TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: windowtext 1pt solid; WIDTH: 491.8pt; PADDING-TOP: 0cm; BORDER-BOTTOM: windowtext 1pt solid; BACKGROUND-COLOR: transparent; mso-border-alt: solid windowtext .5pt" vAlign=top width=656> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l4 level1 lfo12"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Deny User Agent Empty</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : User Agent</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">가 비어있거나 나타나지 않으면 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l4 level1 lfo12"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Deny User Agent Non RFC : RFC</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">규약에 따르지 않는<SPAN lang=EN-US> User Agent </SPAN>차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l4 level1 lfo12"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Use Dneide User Agents :</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">명시된<SPAN lang=EN-US> User Agent </SPAN>항목을 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l4 level1 lfo12"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Use Dneide User Agent Sequeuces :</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> User Agent</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">에 명시된 시퀀스가 있으면 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P></TD></TR></TBODY></TABLE> <P style="MARGIN-LEFT: 21.25pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>Methods<o:p></o:p></FONT></SPAN></B></P> <P style="MARGIN-LEFT: 21.25pt"><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><SPAN style="mso-spacerun: yes"><FONT color=#000000>&nbsp;</FONT></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>허용 차단 될<SPAN lang=EN-US> Method</SPAN>을 설정하는 부분</FONT><FONT color=#000000><SPAN lang=EN-US>.<br /> </SPAN>이 부분은 보통 사용자가 사용하는<SPAN lang=EN-US> GET/POST/HEAD</SPAN>외에<SPAN lang=EN-US> Method</SPAN>값을 조작하여 인증우회 및 서버의 제한 사항에 대한 우회를 하는데 목적이 있다<SPAN lang=EN-US>. </SPAN>소스단에서 제어를 하고 있고<SPAN lang=EN-US>, </SPAN>또한 제어가 가능하다면 소스단에 하는 것이 좋을 것 같다</FONT><SPAN lang=EN-US><FONT color=#000000>.<BR style="mso-special-character: line-break"><BR style="mso-special-character: line-break"><o:p></o:p></FONT></SPAN></SPAN></P> <TABLE class=MsoNormalTable style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #fabf8f; MARGIN: auto auto auto 21.25pt; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes"> <TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: windowtext 1pt solid; WIDTH: 491.8pt; PADDING-TOP: 0cm; BORDER-BOTTOM: windowtext 1pt solid; BACKGROUND-COLOR: transparent; mso-border-alt: solid windowtext .5pt" vAlign=top width=656> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l10 level1 lfo13"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Use Allowed Verbs :</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">허용할<SPAN lang=EN-US> Method<o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l10 level1 lfo13"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Use Denied Verbs : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">차단할<SPAN lang=EN-US> Method<o:p></o:p></SPAN></SPAN></FONT></P></TD></TR></TBODY></TABLE> <P style="MARGIN-LEFT: 21.25pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>Querystring<o:p></o:p></FONT></SPAN></B></P> <P style="MARGIN-LEFT: 21.25pt"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><SPAN style="mso-spacerun: yes">&nbsp;</SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">특정 쿼리에 대한 스트링을 차단 하는 부분<SPAN lang=EN-US>.<o:p></o:p></SPAN></SPAN></FONT></P> <TABLE class=MsoNormalTable style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #fabf8f; MARGIN: auto auto auto 21.25pt; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes"> <TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: windowtext 1pt solid; WIDTH: 471.45pt; PADDING-TOP: 0cm; BORDER-BOTTOM: windowtext 1pt solid; BACKGROUND-COLOR: transparent; mso-border-alt: solid windowtext .5pt" vAlign=top width=629> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l1 level1 lfo14"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Use Querystring Raw Scan : raw scan</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">을 이용하여<SPAN lang=EN-US> URL</SPAN>을 디코딩하기전 스캔<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l1 level1 lfo14"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">User Querystring SQL Injection : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">쿼리스트링에<SPAN lang=EN-US> SQL injection</SPAN>을 차단 <SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l1 level1 lfo14"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Deny Querystring Encoding Exploits :</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">쿼리스트링에 인코딩 공격을 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l1 level1 lfo14"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Deny Querystring Directory Traversal :</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">쿼리스트링에 디렉토리 이동을 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l1 level1 lfo14"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">Deny Querystring Hight Bit Shellcode : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">쿼리스트링에<SPAN lang=EN-US> High bit shellcode </SPAN>차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P> <P style="TEXT-JUSTIFY: inter-ideograph; MARGIN-LEFT: 40pt; TEXT-INDENT: -20pt; TEXT-ALIGN: justify; mso-pagination: none; mso-list: l1 level1 lfo14"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: Wingdings; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings"><SPAN style="mso-list: Ignore">n<SPAN style="FONT: 7pt 'Times New Roman'">&nbsp; </SPAN></SPAN></SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; BACKGROUND: yellow; FONT-FAMILY: 굴림; mso-highlight: yellow">Use Denied Querystring Sequences</SPAN><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"> : </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">쿼리스트링에 명시된 시퀀스가 오면 차단<SPAN lang=EN-US><o:p></o:p></SPAN></SPAN></FONT></P></TD></TR></TBODY></TABLE> <P style="MARGIN-LEFT: 21.25pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>Global Filter Capabilities<o:p></o:p></FONT></SPAN></B></P> <P style="MARGIN-LEFT: 21.25pt"><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>Global Filter</FONT></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><FONT color=#000000>의 적용 여부를 설정</FONT><SPAN lang=EN-US><br /> </SPAN><FONT color=#000000>특정 헤더 스트링등을 차단한다<SPAN lang=EN-US>.<o:p></o:p></SPAN></FONT></SPAN></P> <P style="MARGIN-LEFT: 21.25pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>-<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>SQL Injection<o:p></o:p></FONT></SPAN></B></P> <P style="MARGIN-LEFT: 21.25pt"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><SPAN style="mso-spacerun: yes">&nbsp;</SPAN>Injection</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">공격에 대한 필터링을 담당하는 부분<SPAN lang=EN-US>.<o:p></o:p></SPAN></SPAN></FONT></P> <P style="MARGIN-LEFT: 21.25pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 11pt; BACKGROUND: #d9d9d9; FONT-FAMILY: 굴림; mso-bidi-font-size: 10.0pt; mso-shading: white; mso-pattern: gray-15 auto"><FONT color=#000000>- <SPAN style="mso-spacerun: yes">&nbsp;</SPAN>Web Applications<o:p></o:p></FONT></SPAN></B></P> <P style="MARGIN-LEFT: 21.25pt"><FONT color=#000000><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림"><SPAN style="mso-spacerun: yes">&nbsp;</SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">웹 어플리케이션의 허용 유무를 담당하는 부분<SPAN lang=EN-US>.<o:p></o:p></SPAN></SPAN></FONT></P> no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/24 body scrollTop http://achor.net/board/ae_scrap/23 잘 되던 마우스 좌표 파악에 오류가 생겨 찾아봤더니<br /> DOCTYPE 선언 시 (!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; ...)<br /> javascript의 document.body.scrollTop가 먹히지 않기 때문이더라.<br /> 이 경우 document.body.scrollTop는 항상 0.<br /> <br /> 이럴 땐,<br /> document.documentElement.scrollTop 으로!<br /> <br /> 마찬가지로<br /> document.body.scrollLeft는<br /> document.documentElement.scrollLeft<br /> <br /> - achor no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/23 span inline-block http://achor.net/board/ae_scrap/22 그간 구문이나 단어를 정리하고 표현할 때 span tag를 많이 활용했었는데<br /> 웹표준을 따르고자 하니 문제가 되더라.<br /> <br /> span의 경우 inline element이기 때문에 공간의 개념이 없고,<br /> 따라서 width나 margin 등의 style을 쓸 수 없는 상황.<br /> <br /> 찾아보니 이런 방법이 있더군.<br /> <br /> style 속성 중 display 값을 inline-block로 설정하여<br /> inline element를 block element로 변경하는 것.<br /> <br /> ex.<br /> &lt;span style=&quot;display:inline-block; width:200px; background-color:#CCCC&quot;&gt;가나다라&lt;/span&gt;마바사아<br /> <br /> 그 외 div나 p 등의 태그를 쓴 후 float를 left로 해도 된다고 하는데 해보지는 않았노라.<br /> <br /> - achor no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/22 Open Sumo Paint (Web Photoshop) http://achor.net/board/ae_scrap/21 라이센스 문제 등으로 포토샵을 쓸 수 없을 때<br /> 가벼운 그래픽 작업을 위한 웹사이트!<br /> <br /> Open Sumo Paint<br /> <a href=http://www.sumopaint.com/app/ target=_blank>http://www.sumopaint.com/app/</a><br /> <br /> - achor no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/21 WMV, FLV 간 파일 변환 http://achor.net/board/ae_scrap/20 WMV to FLV 파일변환 프로그램.<br /> <br /> <a href=http://www.asoftwareplus.com/media-converters.html target=_blank>http://www.asoftwareplus.com/media-converters.html</a><br /> 거의 모든 동영상 컨버터를 제공!<br /> <br /> - achor no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/20 Windows XP에서 네트워크 수준 인증(NLA) 활성화 http://achor.net/board/ae_scrap/19 Windows Vista의 원격 데스크톱 연결에는 네트워크 수준 인증(NLA)이 있는 원격 데스크톱만 연결을 허용할 수 있는 보안 기능이 추가되었다. 기본적으로 NLA는 Vista 이상에서만 지원되는데 XP SP3에서 NLA를 지원하도록 할 수 있다.<br /> Windows XP에서 NLA를 활성화하기 위해서는 먼저 XP SP3를 설치해야 한다. 다음으로 XP에서 NLA를 허용하는 레지스트리값을 변경한다.<br /> <br /> * 네트워크 수준 인증(NLA) 설정<br /> <br /> 1. [시작 ] > [실행] > regedit + 엔터 입력<br /> 2. 아래 레지스트리키로 이동<br /> HKEY_LOCAL_MACHINESYSTEMCurrentControlSetControlLsa<br /> 3. Security Packages 값에서 마우스 오른쪽 버튼 클릭, 수정 선택<br /> 4. 값 데이터에 tspkg 추가하고 확인(다른 값은 수정 안 함)<br /> 5. 아래 레지스트리키로 이동<br /> HKEY_LOCAL_MACHINESYSTEMCurrentControlSetControlSecurityProviders<br /> 6. SecurityProviders 값에서 마우스 오른쪽 버튼 클릭, 수정 선택<br /> 7. 값 데이터에 credssp.dll 추가하고 확인(다른 값은 수정 안 함)<br /> 8. 레지스트리 편집기 종료<br /> 9. 시스템 다시 시작<br /> <br /> 이제 원격 데스크톱 연결을 실행해서 타이틀바 왼쪽 아이콘 메뉴의 정보를 클릭하면 '네트워크 수준 인증이 지원됩니다.'라고 메시지가 표시된다.<br /> no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/19 한글 Charset 파악 코드 http://achor.net/board/ae_scrap/18 if(iconv(&quot;UTF-8&quot;, &quot;CP949&quot;, &quot;ㅤㄱㅑㄳ됐&quot;)) echo &quot;T&quot;; else echo &quot;F&quot;;<br /> <br /> 송효진 <a href=http://phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=69133&page=2 target=_blank>http://phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=69133&page=2</a><br /> <br /> - achor no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/18 Windows7 부팅USB 제작 http://achor.net/board/ae_scrap/17 1. Windows 7이나 Windows Vista에서 명령어 창에서 cmd를 입력해서 도스 창을 엽니다. <br /> 2. diskpart를 입력하고 엔터를 누릅니다. <br /> 3. diskpart에 들어가서 <br /> list disk (여기서 USB 메모리의 파티션 번호를 확인한다.)<br /> select disk 1 (위에서 확인한 번호를 넣는다.)<br /> clean<br /> create partition primary<br /> select partition 1<br /> active<br /> format fs=ntfs quick<br /> assign<br /> exit (여기까지 하면 diskpart를 빠져 나옵니다.)<br /> <br /> 4. xcopy x:\ y:\ /cherky (여기서 x:\는 Windows7 DVD가 들어 있는 경로 y:\는 USB메모리의 경로를 입력하시면 됩니다.)<br /> <br /> <a href=http://winkey.tistory.com/253 target=_blank>http://winkey.tistory.com/253</a><br /> <a href=http://arch7.net/119 target=_blank>http://arch7.net/119</a> no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/17 ISO, LCD 간 파일 변환 http://achor.net/board/ae_scrap/16 ISO, LCD 간 파일 변환 프로그램입니다.<br /> <br /> <br /> ISO LCD Converter<br /> <br /> CDSpace 5.0 추출된 'ISO LCD Converter'자료입니다.<br /> 모든 저작권은 'Space International'에 있습니다.<br /> <br /> Copyright (C) 2001 - 2002<br /> Space International, lnc. <br /> <a href=http://www.cdspace.com target=_blank>http://www.cdspace.com</a><br /> <br /> - achor no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/16 BMP, JPG 간 파일 변환 http://achor.net/board/ae_scrap/15 BMP to JPG Converter v1.0<br /> <br /> BMP 파일을 일괄 JPG 파일로 변환해 주는 프로그램<br /> 설치 필요 없으며, JPG 화질 선택 가능<br /> <br /> 제작사: David Aguirre Grazio <a href=http://www.mcrenox.com.ar/downloads/ target=_blank>http://www.mcrenox.com.ar/downloads/</a><br /> <br /> - achor no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/15 Windows Server 2008에서의 디스크정리 http://achor.net/board/ae_scrap/14 대개의 MS OS에서 보조프로그램&gt; 시스템도구&gt; 디스크정리 혹은 /windows/system32/cleanmgr.exe 로 들어있는<br /> 디스크정리가 Windows Server 2008에서는 도무지 찾을 수가 없더군요.<br /> <br /> 알아본 결과<br /> Windows Server 2008에서는 기본적으로는 설치되지 않는다고 하네요.<br /> Desktop Experience를 추가적으로 설치하시면 됩니다.<br /> <br /> - achor<br /> <br /> <br /> <br /> <a href=http://social.technet.microsoft.com/Forums/en-US/winservergen/thread/c85b9dc7-5ae2-497f-b28a-80d0f648417f/ target=_blank>http://social.technet.microsoft.com/Forums/en-US/winservergen/thread/c85b9dc7-5ae2-497f-b28a-80d0f648417f/</a><br /> <br /> Sherif Talaat - Posted on 2007년 10월 5일 금요일 오후 6:38:28<br /> <br /> Hello Daniel,<br /> <br /> <br /> <br /> In windows server 2008 alot of windows features are not installed by default like (WM Player, Desktop Theme , Disk Cleanup or even a photo management software), I met this problem until I got the solution. simply, you just need to install a feature called &quot; Desktop Experience&quot;. to install desktop experience, open Server Manager and choose Add feature, then select Desktop Experience to be installed. no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/14 Using FastCGI to Host PHP Applications on IIS 7.0 http://achor.net/board/ae_scrap/13 <p><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/" target='_blank'>http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/</a><br /> <br /> This article explains how to configure the FastCGI module and PHP to host PHP applications on IIS 7.0</p> <p><strong> IMPORTANT</strong>: This article provides instructions on how to install and use the FastCGI component on Windows Server 2008 and Windows Vista <strong>SP1</strong>. Please note: SP1 is <strong>required</strong> on Windows Vista.</p> <h2>Table of Content</h2> <ul> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#Overview">Overview</a></li> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#EnableFastCGI">Enabling FastCGI support in IIS 7.0</a> <ul> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#Windows_Server_2008:_">Windows Server 2008</a></li> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#Windows_Vista_SP1">Windows Vista SP1</a></li> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#Update_for_FastCGI_module">Update for the FastCGI module</a></li> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#Install_Administration_Pack_for_IIS_7.0">Administration Pack for IIS 7.0</a></li> </ul> </li> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#InstallPHP">Install and Configure PHP</a></li> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#Configure_handler_mapping">Configure IIS to handle PHP requests</a> <ul> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#Using_IIS_Manager_">Using IIS Manager</a></li> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#Using_command_line">Using command line</a></li> </ul> </li> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#BestPractices">Best practices for configuring FastCGI and PHP</a> <ul> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#Security_Isolation">Security Isolation</a></li> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#PHP_Recycling_Behavior">Process recycling</a></li> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#PHP_Versioning">PHP versioning</a></li> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#PHP_Security_Recommendations_">Security recommendations</a></li> </ul> </li> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#Per-site_PHP_configuration">Per-site PHP configuration</a></li> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#Rewrite">URL rewriting for PHP applications</a></li> <li><a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#Related_resources_">Related Resources</a></li> </ul> <h2><a class="" title="Overview" name="Overview"></a>Overview</h2> <p>The FastCGI module in IIS enables popular application frameworks that support the FastCGI protocol to be hosted on the IIS web server in a high-performance and reliable way. FastCGI provides a high-performance alternative to the Common Gateway Interface (CGI), a standard way of interfacing external applications with Web servers that has been supported as part of the IIS feature-set since the very first release.</p> <p>CGI programs are executables launched by the web server for each request in order to process the request and generate dynamic responses that are sent back to the client. Because many of these frameworks do not support multi-threaded execution, CGI enables them to execute reliably on IIS by executing exactly one request per process. Unfortunately, it provides poor performance due to the high cost of starting and shutting down a process for each request.</p> <p>FastCGI addresses the performance issues inherent in CGI by providing a mechanism to reuse a single process over and over again for many requests. Additionally, FastCGI maintains compatibility with non-thread-safe libraries by providing a pool of reusable processes and ensuring that each process will only handle one request at a time.</p> <h2><a class="" title="EnableFastCGI" name="EnableFastCGI"></a>Enabling FastCGI Support in IIS 7.0</h2> <h3><a class="" title="Windows_Server_2008:_" name="Windows_Server_2008:_"></a>Windows Server 2008</h3> <p>Add the CGI role service by going to Server Manager -> Roles -> Add Role Services. This enables both the CGI and FastCGI services:</p> <p> </p> <h3><a class="" title="Windows_Vista_SP1" name="Windows_Vista_SP1"></a>Windows Vista SP1</h3> <p>Add the CGI feature by going to Control Panel -> Programs and Features -> Turn Windows features on or off. This enables both the CGI and FastCGI services.</p> <p> </p> <h3><a class="" title="Update_for_FastCGI_module" name="Update_for_FastCGI_module"></a> IMPORTANT: Install the update for FastCGI module</h3> <p>The update for IIS 7.0 FastCGI module fixes several known compatibility issues with popular PHP applications. Install the update from one of the following locations:</p> <ul> <li><a title="Update for Windows Server 2008" target="_blank" href="http://www.microsoft.com/downloads/info.aspx?na=22&p=1&SrcDisplayLang=en&SrcCategoryId=&SrcFamilyId=&u=%2fdownloads%2fdetails.aspx%3fFamilyID%3dd0343911-1775-4aef-8c99-5f13862ac386%26DisplayLang%3den">Update for Windows Server 2008</a></li> <li><a title="Update for Windows Server 2008 x64 Edition" target="_blank" href="http://www.microsoft.com/downloads/info.aspx?na=22&p=3&SrcDisplayLang=en&SrcCategoryId=&SrcFamilyId=&u=%2fdownloads%2fdetails.aspx%3fFamilyID%3d70278393-3291-4aa1-870b-0e9b0907bddf%26DisplayLang%3den">Update for Windows Server 2008 x64 Edition</a></li> <li><a title="Update for Windows Server 2008 for Itanium-based Systems" target="_blank" href="http://www.microsoft.com/downloads/info.aspx?na=22&p=5&SrcDisplayLang=en&SrcCategoryId=&SrcFamilyId=&u=%2fdownloads%2fdetails.aspx%3fFamilyID%3d98e06637-0f00-45d5-83c5-ed1b41fd6a7b%26DisplayLang%3den">Update for Windows Server 2008 for Itanium-based Systems</a></li> <li><a title="Update for Windows Vista" target="_blank" href="http://www.microsoft.com/downloads/info.aspx?na=22&p=2&SrcDisplayLang=en&SrcCategoryId=&SrcFamilyId=&u=%2fdownloads%2fdetails.aspx%3fFamilyID%3d19600729-8470-4956-a276-200450d814bd%26DisplayLang%3den">Update for Windows Vista SP1</a></li> <li><a title="Update for Windows Vista for x64 based Systems" target="_blank" href="http://www.microsoft.com/downloads/info.aspx?na=22&p=4&SrcDisplayLang=en&SrcCategoryId=&SrcFamilyId=&u=%2fdownloads%2fdetails.aspx%3fFamilyID%3dc7066c3b-dcf7-4441-87bc-f7dcb51067d0%26DisplayLang%3den">Update for Windows Vista SP1 for x64 based Systems</a></li> </ul> <h3><a class="" title="Install_Administration_Pack_for_IIS_7.0" name="Install_Administration_Pack_for_IIS_7.0"></a>Install Administration Pack for IIS 7.0</h3> <p><strong>NOTE:</strong> This step is optional.</p> <p>Among other useful features Administration Pack for IIS 7.0 has a very convenient user interface for configuring FastCGI settings. Administration Pack can be installed from these locations:</p> <ul> <li><a href="http://www.iis.net/downloads/default.aspx?tabid=34&i=1682&g=6">Administration Pack for IIS 7.0 CTP2 - x86</a></li> <li><a href="http://www.iis.net/downloads/default.aspx?tabid=34&i=1683&g=6">Administration Pack for IIS 7.0 CTP2 - x64</a></li> </ul> <h2><a class="" title="InstallPHP" name="InstallPHP"></a>Install and Configure PHP</h2> <p> </p> <p>It is recommended to use a non-thread safe build of PHP with IIS 7.0 FastCGI. A non-thread safe build of PHP provides significant performance gains over the standard build by not doing any thread-safety checks, which are not necessary, since FastCGI ensures a single threaded execution environment.</p> <ol> <li>Download the latest non-thread safe zip package with binaries of PHP from <a href="http://www.php.net/downloads.php">http://www.php.net/downloads.php</a>.</li> <li>Unpack the files to a directory of your choice (e.g. C:PHP). Rename the php.ini-recommended to php.ini.</li> <li>Open the php.ini file, then uncomment and modify settings as follows: <ul> <li>Set <strong>fastcgi.impersonate = 1</strong>. FastCGI under IIS supports the ability to impersonate security tokens of the calling client. This allows IIS to define the security context that the request runs under.</li> <li>Set <strong>cgi.fix_pathinfo=1</strong>. cgi.fix_pathinfo provides *real* PATH_INFO/PATH_TRANSLATED support for CGI. PHP's previous behavior was to set PATH_TRANSLATED to SCRIPT_FILENAME, and to not care what PATH_INFO is. For more information on PATH_INFO, see the cgi specs. Setting this to 1 will cause PHP CGI to fix its paths to conform to the spec</li> <li>Set <strong>cgi.force_redirect</strong> = 0.</li> <li>Set <strong>open_basedir</strong> to point to a folder or network path where the content of the web site(s) is located.</li> <li>Set <strong>extension_dir</strong> to point to a location where PHP extensions reside. Typically, for PHP 5.2.X that would be set as <strong>extension_dir = "./ext"</strong></li> <li>Enable the required PHP extension by un-commenting corresponding lines, for example: <br /> <br /> extension=php_mssql.dll<br /> extension=php_mysql.dll</li> </ul> </li> <li>To test if the PHP installation is successful, run the following from the command line prompt:</li> </ol> <p><samp>C:PHP>php –info</samp></p> <p>If PHP was installed correctly and all its dependencies are available on the machine, then this command will output the current PHP configuration information.</p> <h2>Configure IIS 7.0 to Handle PHP Requests</h2> <p>In order for IIS 7.0 to host PHP applications, it is necessary to add a handler mapping that tells IIS to pass all PHP specific requests to the PHP application framework via FastCGI protocol.</p> <h3>Using IIS Manager</h3> <p>Open IIS Manager and then select and open “Handler Mappings” at the server level:</p> <p> </p> <p>Select the “Add Module Mapping” action and specify the configurations settings as below:</p> <p> </p> <ul> <li>Request path: <strong>*.php</strong></li> <li>Module: <strong>FastCgiModule</strong></li> <li>Executable: <strong>"C:[Path to your PHP installation]php-cgi.exe"</strong></li> <li>Name: <strong>PHP via FastCGI</strong></li> </ul> <p>Click OK. A dialog box appears asking if you want to create a FastCGI application for this executable. Click Yes.</p> <p> </p> <p>Test that the handler mapping works correctly by creating a phpinfo.php file in the C:inetpubwwwroot folder that contains the following code:</p> <p><samp><?php phpinfo(); ?></samp></p> <p>Open a browser and navigate to <span class="hyperlinktext">http://localhost/phpinfo.php</span>. If everything was setup correctly, then you will see the standard PHP information page:</p> <p> </p> <p><strong>NOTE</strong>: If you do not see "FastCgiModule" in the "Modules:" drop-down list then it means that the module is not registered or not enabled. To check if FastCGI module is registered open the IIS configuration file %WINDIR%windowssystem32configapplicationHost.config and check that the following line is present in <globalModules> section:</p> <p><samp><add name="FastCgiModule" image="%windir%System32inetsrviisfcgi.dll" /></samp></p> <p>Also, in the same file, check that the FastCGI module is added to the <modules> section:</p> <p><samp><add name="FastCgiModule" /></samp></p> <h3>Using command line</h3> <p>Alternatively, the above mentioned steps can be completed by using command line tool <strong>appcmd</strong>.</p> <p>To create the FastCGI application process pool, run the following command:</p> <p><samp>C:>%windir%system32inetsrvappcmd set config /section:system.webServer/fastCGI /+[fullPath='c:{php_folder}php-cgi.exe']</samp></p> <p>After that, create the handler mapping:</p> <p><samp>C:>%windir%system32inetsrvappcmd set config /section:system.webServer/handlers /+[name='PHP_via_FastCGI',path='*.php',verb='*',modules='FastCgiModule',scriptProcessor='c:{php_folder}php-cgi.exe',resourceType='Unspecified']</samp></p> <p><strong>Note: </strong>If you are using PHP version 4.X, instead of php-cgi.exe, you can use php.exe.</p> <h2>Best Practices for Configuring FastCGI and PHP</h2> <p>This <a class="" title="Hosting PHP" mce_href="http://download.microsoft.com/download/A/2/F/A2F199C0-672E-44E6-BF1D-878E233C3F08/hostingPHPonIIS7.zip" href="http://download.microsoft.com/download/A/2/F/A2F199C0-672E-44E6-BF1D-878E233C3F08/hostingPHPonIIS7.zip">download</a> contains a summary presentation on Best Practices for hosting PHP in a shared hosting environment.</p> <h3>Security Isolation for PHP Web Sites</h3> <p>The recommendation for isolating PHP web sites in a shared hosting environment is consistent with all general security isolation recommendations for IIS 7.0. In particular, it is recommended to:</p> <ul> <li>Use one application pool per web site</li> <li>Use a dedicated user account as an identity for the application pool</li> <li>Configure anonymous user identity to use the application pool identity</li> <li>Ensure that FastCGI impersonation is enabled in the php.ini file (fastcgi.impersonate=1)</li> </ul> <p>For more details about security isolation in a shared hosting environment, refer to <a class="" title="Isolating Sites with Application Pools" target="_blank" href="http://learn.iis.net/page.aspx/214/isolating-sites-with-application-pools/">Isolating Sites with Application Pools</a>.</p> <h3>PHP Process Recycling Behavior</h3> <p>Make sure that FastCGI always recycles the php-cgi.exe processes before the native PHP recycling kicks in. The FastCGI process recycling behavior is controlled by the configuration property <strong>instanceMaxRequests</strong>. This property specifies how many requests the FastCGI process will process before recycling. PHP also has a similar process recycling functionality that is controlled by an environment variable <strong>PHP_FCGI_MAX_REQUESTS</strong>. By setting <strong>instanceMaxRequests</strong> to be smaller or equal to <strong>PHP_FCGI_MAX_REQUESTS</strong>, you can ensure that the native PHP process recycling logic will never kick in.</p> <p>The FastCGI settings can be configured either by using IIS Manager or by using the command line tool <strong>appcmd</strong>.</p> <h4>Using IIS manager</h4> <p>To configure FastCGI recycling settings by using IIS Manager, you need to install <a href="http://learn.iis.net/page.aspx/246/using-fastcgi-to-host-php-applications-on-iis-70/#Install_Administration_Pack_for_IIS_7.0">Administration Pack for IIS 7.0</a> and then select FastCGI settings at the server level:</p> <p> </p> <p>Next select the FastCGI application that you want to configure and click "Edit..." in the Actions pane on right hand side:</p> <p> </p> <p>In the "Edit FastCGI application" dialog, set <strong>instanceMaxRequest</strong> to 10000 and then click on the browse button next to the <strong>EnvironmentVariables</strong> setting:</p> <p> </p> <p>Add the <strong>PHP_FCGI_MAX_REQUESTS</strong> environment variable and set its value to 10000:</p> <p> </p> <p><strong>Note: </strong>If you do not configure these settings, then the following default settings are used: <strong>instanceMaxRequests</strong> = 200, <strong>PHP_FCGI_MAX_REQUESTS</strong> = 500 (on most PHP builds).</p> <h4>Using command line</h4> <p>To configure the recycling behavior of FastCGI and PHP via <strong>appcmd</strong>, use the following commands:</p> <p><samp>C:>%windir%system32inetsrvappcmd set config -section:system.webServer/fastCgi /[fullPath='c:{php_folder}php-cgi.exe'].instanceMaxRequests:10000<br /> <br /> C:>%windir%system32inetsrvappcmd.exe set config -section:system.webServer/fastCgi /+"[fullPath='C:{php_folder}php-cgi.exe'].environmentVariables.[name='PHP_FCGI_MAX_REQUESTS',value='10000']"</samp></p> <h3>PHP Versioning</h3> <p>Many PHP applications may rely on functions or features available only in certain versions of PHP. If such applications are to be hosted on the same server then different PHP versions must be enabled and running side-by-side. The IIS 7.0 FastCGI handler fully supports running multiple versions of PHP on the same web server.</p> <p>For example, let’s assume that on your web server you plan to support PHP 4.4.8, PHP 5.2.1 and PHP 5.2.5 non-thread safe. To enable that, you must place corresponding PHP binaries in separate folders on the file system (e.g. C:php448, C:php521 and C:php525nts) and then create FastCGI application process pools for each version:</p> <p><samp>C:>%windir%system32inetsrvappcmd set config /section:system.webServer/fastCGI /+[fullPath='c:php448php.exe']<br /> <br /> C:>%windir%system32inetsrvappcmd set config /section:system.webServer/fastCGI /+[fullPath='c:php521php-cgi.exe']<br /> <br /> C:>%windir%system32inetsrvappcmd set config /section:system.webServer/fastCGI /+[fullPath='c:php525ntsphp-cgi.exe']</samp></p> <p>Now, if you have 3 web sites (site1, site2, site3) where each site needs to use a different PHP version, you can define handler mappings on each of those sites to reference a corresponding FastCGI application process pool.</p> <p><strong>Note:</strong> Each FastCGI process pool is uniquely identified by a combination of fullPath and arguments properties.</p> <p><samp>C:>%windir%system32inetsrvappcmd set config site1 –section:system.webServer/handlers /+”..[name=’PHP448_via_FastCGI’,path=’*.php’,verb=’*’,modules=’FastCgiModule’,scriptProcessor=’c:php448php.exe’,resourceType=’Either’]<br /> <br /> C:>%windir%system32inetsrvappcmd set config site2 –section:system.webServer/handlers /+”..[name=’PHP521_via_FastCGI’,path=’*.php’,verb=’*’,modules=’FastCgiModule’,scriptProcessor=’c:php521php-cgi.exe’,resourceType=’Either’]<br /> <br /> C:>%windir%system32inetsrvappcmd set config site3 –section:system.webServer/handlers /+”..[name=’PHP525nts_via_FastCGI’,path=’*.php’,verb=’*’,modules=’FastCgiModule’,scriptProcessor=’c:php525ntsphp-cgi.exe’,resourceType=’Either’]<br /> </samp></p> <h3>PHP Security Recommendations</h3> <p>The following settings can be used to tighten the security of a PHP installation. To make the recommended changes locate and open the php.ini file and edit the configuration settings as described below:</p> <p> <table style="width: 100%"> <tbody> <tr> <th class="">Setting</th> <th class="">Description</th> </tr> <tr> <td class="">allow_url_fopen=Off<br /> allow_url_include=Off</td> <td class="">Disable remote URLs for file handling functions, which may cause code injection vulnerabilities.</td> </tr> <tr> <td class="">register_globals=Off</td> <td class="">Disable register_globals.</td> </tr> <tr> <td class="">open_basedir="c:inetpub"</td> <td class="">Restrict where PHP processes can read and write on a file system.</td> </tr> <tr> <td class="">safe_mode=Off<br /> safe_mode_gid=Off</td> <td class="">Disable safe mode</td> </tr> <tr> <td class="">max_execution_time=30<br /> max_input_time=60</td> <td class="">Limit script execution time</td> </tr> <tr> <td class="">memory_limit=16M<br /> upload_max_filesize=2M<br /> post_max_size=8M<br /> max_input_nesting_levels=64</td> <td class="">Limit memory usage and file sizes</td> </tr> <tr> <td class="">display_errors=Off<br /> log_errors=On<br /> error_log="C:pathofyourchoice"</td> <td class="">Configure error messages and logging</td> </tr> <tr> <td class="">fastcgi.logging=0</td> <td class="">IIS FastCGI module will fail the request when PHP sends any data on stderr by using FastCGI protocol. Disabling FastCGI logging will prevent PHP from sending error information over stderr, and generating 500 response codes for the client.</td> </tr> <tr> <td class="">expose_php=Off</td> <td class="">Hide presence of PHP</td> </tr> </tbody> </table> </p> <h2>Enabling per-site PHP configuration</h2> <p>The section describes the recommended way of enabling per-site PHP configuration . Note that this recommendation was discovered and validated by Radney Jasmin with hosting provider <a href="http://www.godaddy.com/">GoDaddy.com</a> who now offers PHP hosting on Windows Server 2008 via FastCGI.</p> <h3>Per-site PHP process pools</h3> <p>When each web site has its own application pool (which is a recommended practice on IIS 7.0), it is possible to associate a dedicated FastCGI process pool with each web site. A FastCGI process pool is uniquely identified by the combination of <strong>fullPath</strong> and <strong>arguments</strong> attributes. So, if it is necessary to create several FastCGI process pools for the same process executable, such as php-cgi.exe, the <strong>arguments</strong> attribute can be used to distinguish process pools definitions. In addition, with php-cgi.exe processes the command line switch "-d" can be used to define an INI entry for PHP process. This switch can be used to set a PHP setting that makes the arguments string unique.</p> <p>For example, if there are two web sites "website1" and "website2" that need to have their own set of PHP settings, the FastCGI process pools can be defined as follows:</p> <p><samp><fastCgi><br /> <application fullPath="<strong>C:PHPphp-cgi.exe</strong>" arguments="<strong>-d open_basedir=C:WebsitesWebsite1</strong>" /><br /> <application fullPath="<strong>C:PHPphp-cgi.exe</strong>" arguments="<strong>-d open_basedir=C:WebsitesWebsite2</strong>" /><br /> </fastCgi></samp></p> <p>In this example the PHP setting <strong>open_basedir</strong> is used to distinguish between process pool definitions. In addition it enforces that the PHP executable for each process pool can perform file operations only within the root folder of the corresponding web site.</p> <p>Then website1 can have the PHP handler mapping as follows:</p> <p><samp><system.webServer><br /> <handlers accessPolicy="Read, Script"> <br /> <add name="PHP via FastCGI" path="*.php" verb="*" modules="FastCgiModule" scriptProcessor="<strong>C:PHPphp-cgi.exe|-d </strong><strong>open_basedir=C:WebsitesWebsite1</strong>" resourceType="Unspecified" requireAccess="Script" /><br /> </handlers><br /> </system.webServer></samp></p> <p>and website2 can have the PHP handler mapping as follows:</p> <p><samp><system.webServer><br /> <handlers accessPolicy="Read, Script"> <br /> <add name="PHP via FastCGI" path="*.php" verb="*" modules="FastCgiModule" scriptProcessor="<strong>C:PHPphp-cgi.exe|-d </strong><strong>open_basedir=C:WebsitesWebsite2</strong>" resourceType="Unspecified" requireAccess="Script" /><br /> </handlers><br /> </system.webServer></samp></p> <h3>Specifying php.ini location</h3> <p>When the PHP process starts it determines the location of the configuration php.ini file by using various settings. <a href="http://www.php.net/manual/en/configuration.php">The PHP documentation</a> provides detailed description of the PHP start up process. Note that one of the places where PHP process searches for php.ini location is the PHPRC environment variable. If PHP process finds a php.ini file in the path specified in this environment variable then it will use it, otherwise it will revert to default location of php.ini. This environment variable can be used to allow hosting customers to use their own versions of php.ini files.</p> <p>For example if there are two websites: website1 and website2; located at the following file paths: C:WebSiteswebsite1 and C:WebSiteswebsite2 then the php-cgi.exe process pools in the <fastCgi> section of applicationHost.config can be configured as below:</p> <p><samp><fastCgi><br /> <application fullPath="C:PHPphp-cgi.exe" arguments="-d open_basedir=C:WebsitesWebsite1"><br /> <environmentVariables><br /> <environmentVariable name="PHPRC" value="C:WebSiteswebsite1" /><br /> </environmentVariables><br /> </application><br /> <application fullPath="C:PHPphp-cgi.exe" arguments="-d open_basedir=C:WebSitesWebsite2"><br /> <environmentVariables><br /> <environmentVariable name="PHPRC" value="C:WebSiteswebsite2" /><br /> </environmentVariables><br /> </application><br /> </fastCgi></samp></p> <p>This way website1 can have its own version of php.ini in the C:WebSiteswebsite1, while website2 can have its own version of php.ini located in C:WebSiteswebsite2. This configuration also ensures that if there is no php.ini found in location specified by PHPRC environment variable then PHP will fall back to using the default php.ini file located in the same folder where php-cgi.exe is located.</p> <h2>Providing URL rewriting functionality for PHP applications</h2> <p>The majority of popular PHP applications rely on the URL rewriting functionality in web servers to enable user friendly and search engine friendly URL's. IIS 7.0 provides URL rewriting capabilities via the <a class="" title="URL rewrite module" href="http://learn.iis.net/page.aspx/460/using-url-rewrite-module/">URL rewrite module</a>.</p> <p>Refer to the following articles for more information on how to use the URL Rewrite Module:</p> <ul> <li><a href="http://go.microsoft.com/fwlink/?linkid=120200&clcid=0x409">Microsoft URL Rewrite Module Walkthroughs.</a> Describes how to use the URL Rewrite Module</li> <li><a href="http://go.microsoft.com/fwlink/?linkid=120201&clcid=0x409">Microsoft URL Rewrite Module configuration reference.</a> Explains the functionality of the module and provides descriptions of all configuration options.</li> <li>Configuring popular PHP application to work with the URL Rewrite Module: <ul> <li><a target="_blank" href="http://learn.iis.net/page.aspx/280/wordpress-on-iis/">WordPress</a></li> <li><a target="_blank" href="http://learn.iis.net/page.aspx/299/mediawiki-on-iis/">MediaWiki</a></li> <li><a target="_blank" href="http://learn.iis.net/page.aspx/274/b2evolution-on-iis/">b2Evolution</a></li> <li><a target="_blank" href="http://learn.iis.net/page.aspx/279/mambo-on-iis/">Mambo</a></li> <li><a href="http://learn.iis.net/page.aspx/505/drupal-on-iis/">Drupal</a></li> </ul> </li> </ul> <h2>Related resources</h2> <p>For more information regarding hosting PHP applications on IIS refer to the following resources:</p> <ul> <li><a href="http://learn.iis.net/page.aspx/271/php-applications-on-iis/">Popular PHP applications on IIS</a></li> <li><a href="http://learn.iis.net/page.aspx/248/configuring-fastcgi-extension-for-iis60/">Configuring FastCGI extension for IIS 6.0</a></li> <li><a href="http://learn.iis.net/page.aspx/247/using-fastcgi-to-host-php-applications-on-iis-60/">Using FastCGI extension to host PHP on IIS 6.0</a></li> <li><a href="http://learn.iis.net/page.aspx/335/installing-fast-cgi-support-on-server-core/">Installing FastCGI support on Windows Server 2008 Core</a></li> </ul> <h2 id="ctl00_ctl00_ContentPlaceHolder_ContentBody_RelatedPages1_relatedContentLabel"><span>Related Content</span></h2> <div class="related_content_container"> <div id="ctl00_ctl00_ContentPlaceHolder_ContentBody_RelatedPages1_articlePanel"> <div class="column first"> <h3 class="sprite icon_article">Articles</h3> <ul class="list"> <li><a href="http://learn.iis.net/page.aspx/375/setting-up-fastcgi-for-php/">Setting up FastCGI for PHP</a></li> <li><a href="http://learn.iis.net/page.aspx/272/installing-php-on-windows-vista-with-fastcgi/">Installing PHP on Windows Vista with FastCGI</a></li> <li><a href="http://learn.iis.net/page.aspx/293/php-questions/">PHP Questions</a></li> <li><a href="http://learn.iis.net/page.aspx/335/installing-fast-cgi-support-on-server-core/">Installing FastCGI Support On Server Core</a></li> </ul> </div> </div> </div> no_email@example.com (achor) WindowsServer2008 Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/13 파일명 일괄 변경 http://achor.net/board/ae_scrap/12 <span style="font-weight: bold; color: rgb(0,0,0)">Renamer (by den4b)</span> (<a href="http://www.den4b.com/" target="_blank"><font color="#c45050">http://www.den4b.com</font></a>)<br /> <br /> <div class="imageblock center" style="clear: both; text-align: center"><img height="411" src="/acwebs/upload/ae_scrap/200807/den4b_renamer1.png" width="500" /></div> <br /> 아주 복잡한 변경 작업까지 가능한 유틸리티입니다.<br /> 여러가지 명령들을 순서에 알맞게 조합하여 사용하는 방식이므로 처음엔 사용법이 복잡해 보이지만 한번 익숙해지기 시작하면 사용자의 조합능력에 따라 수많은 방법으로 응용할 수가 있습니다.<br /> <br /> <div class="imageblock center" style="clear: both; text-align: center"><img height="313" src="/acwebs/upload/ae_scrap/200807/den4b_renamer2.png" width="569" /></div> <br /> 변경과정은 지정한 명령의 순서에 따라 순차적으로 이루어지므로 앞의 명령에 의한 결과값을 받아 뒤의 명령으로 다시 짜집기 할 수가 있습니다. 명령의 순서에 따라 다양한 변수가 생기므로 마치 프로그램을 짜듯이 적절한 배치를 해야 합니다.<br /> 다만, 사소한 변경작업도 여러 과정을 거쳐야 하므로 간단한 작업은 오히려 비효율적일 수도 있습니다. 다른 프로그램으로 바꾸기 곤란한 불규칙한 파일들이나 복잡한 작업에 쓰는 게 적당한 프로그램입니다. no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/12 FLV, AVI 간 파일 변환 http://achor.net/board/ae_scrap/11 FLV와 AVI 등 일반 동영상 파일간의 파일변환 프로그램입니다.<br /> <br /> 별도의 설치과정 없이 압축 해제 후 쓰면 되고,<br /> 또한 프리웨어입니다.<br /> <br /> <a href=http://www.pazera-software.com/ target=_blank>http://www.pazera-software.com/</a><br /> 상기 사이트에 가시면 다양한 동영상 포맷 변환 프로그램들이 더 있더군요.<br /> <br /> ps.<br /> 이번에 이사 이후 서버 재설치를 하였는데<br /> MIME 설정을 해놓질 않아서 그간 flv가 제대로 보여지지 않았더군요.<br /> 간혹 인터넷에선 x-flv 등으로 설정하면 된다고 되어있던데<br /> adobe의 공식적인 건 flv-application/octet-stream 이네요.<br /> <a href=http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_19439&sliceId=1 target=_blank>http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_19439&sliceId=1</a><br /> <br /> - achor no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/11 구글 애드센스(AdSense) 수표 현금으로 바꾸기 http://achor.net/board/ae_scrap/5 다음은 일전에 받은 구글 수표를 환전하면서 도움이 됐던 문서입니다.<br /> <br /> 전 우리은행 상암DMC지점으로 갔었는데 담당 은행원은 매우 버벅댔습니다.<br /> 덕분에 당일 처리 못한 채 본점 FAX 문의 후 익일 처리하였답니다. -__-;<br /> <br /> 아무튼 중요한 건 가급적 기업은행에서 환전을~!<br /> <br /> 참고사이트: 구글 애드센스 포럼 <a target="_blank" href="http://adsystem.kr/">http://adsystem.kr/</a><br /> <br /> - achor<br /> <br /> <br /> <br /> 어느덧 $100가 넘어 구글로부터 수표가 날라오기는 했으나 생전 처음 보는 이 물건을 어찌해야 하는지 알 수 없었다. 어찌어찌해서 결국 돈으로 바꾸기는 했으나 당연히 시행착오가 있었다. 특히, <strong>수수료</strong>를 1만원씩이나 물은 것이 가장 가슴 아프다.<br /> <br /> 소 잃고 외양간 고치는 격이지만 뒤늦게나마 외화수표에 대해 알아보았다. 앞으로 구글 수표를 받게 될 분들께 이 글을 바친다.<br /> <br /> 일단, 지급은행으로 되어있는 <strong>시티은행</strong>으로 그 수표를 들고 가는 것은 권하지 않는다. 적어도 한국의 시티은행들에서는 그 수표를 별로 반기지 않는다.<br /> <br /> 시티은행에 계좌가 있으며 최소 6개월 이상 거래가 있어야 그 수표를 바꿔줄 수 있다는 것이 내가 그들로부터 들은 말이다. (게다가 시티은행 계좌 개설은 약간 까다롭다.)<br /> <br /> 국내 다른 시중은행에서는 저렇게 빡빡하게 굴지 않는다. 물론 돈을 입금 받을 계좌는 있어야 하지만, 계좌가 없으면 개설하면 된다.<br /> <br /> 외화수표를 돈으로 바꾸는 데는 2가지 방법이 있다. 외화수표매입(추심전지급)과 외화수표추심(추심후지급)이다.<br /> <br /> 고객으로부터 외화수표를 받은 은행은 그 수표에 적힌 지급은행으로 수표를 보내 지급청구절차를 거친다. - 추심 -<br /> 추심이 받아들여져 지급은행에서 수표대금이 지불되면 그 돈을 고객에게 지급한다. 이 과정은 1달 정도 소요된다(지급은행이 미국 소재 은행일 경우). 이와 같은 방법이 외화수표추심(추심후지급)이다.<br /> <br /> 은행이 고객으로부터 일단 외화수표를 사들인 후 추심에 들어가는 것을 외화수표매입(추심전지급)이라 한다. 고객 입장에서는 추심에 소요되는 기간을 기다릴 필요 없이 수표대금을 바로 받을 수 있다는 장점이 있다. 반면 은행 입장에서는 추심이 거절당할 경우에 대한 리스크를 안게 되므로, 신용도가 낮은 고객에게는 매입을 해주지 않는다.<br /> <br /> 자신의 주거래은행이 있다면, 그 은행을 찾아가 <strong>외화수표 매입</strong>을 받도록 하자.<br /> <br /> 본인처럼 주거래은행이라 할만한 게 없는 사람은 <strong>외화수표 추심</strong>을 이용하면 된다. 이때는 아무 은행을 찾아가도 되나, 될 수 있으면 추심 수수료가 싼 은행을 찾아가면 되겠다.<br /> <br /> 대부분의 은행이 100불 이하의 수표에 대해 최저 수수료를 부과하고 있다. 즉, 100불 수표와 101불 수표의 추심 수수료가 다르다. 하지만, <strong>기업은행</strong>은 최저 기준이 300불 이하다. 따라서, 보통 100불이 약간 넘는 구글 수표는 기업은행에서 바꾸는 것이 유리할 것이다.<br /> <br /> 수수료(추심 수수료 + 환가료)와 더불어 우편료를 부과하는 은행도 <s>있다.</s> 많다.<br /> <br /> 각 은행의 외화수표 관련 수수료 자료(2005.06.15)를 아래에 첨부함.<br /> 수수료는 언제든 변경될 수 있으므로 정확한 정보는 각 은행 홈페이지에서 확인할 것. <br /> <br /> 마지막으로 한가지.<br /> 구글수표는 발행일(Issue date)로부터 <strong>6개월</strong> 이내에 현금화해야 한다고 한다. 혹시 수표를 집에 고이 모셔놓고 있다면, 기한 내에 바꾸는 것 잊지 말 것.<br /> <font color="#8e8e8e">* 발행일로부터 3개월 -> 발행일로부터 6개월로 수정했습니다. (diki님 감사합니다)</font><br /> <br /> 2005/06/15<br /> - 산업, 경남, 광주, 대구, 부산, 전북, 제주 은행 추가.<br /> - 우편료 관련 정보 일부 추가.<br /> <br /> <br /> <table style="border-collapse: collapse" border="1"> <tbody> <tr> <th style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; font: 9pt Gulim; padding-top: 10px" bgcolor="#eeeeee"><font color="#000000">은행</font></th> <th style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; font: 9pt Gulim; padding-top: 10px" bgcolor="#eeeeee"><font color="#000000">외화수표매입 수수료</font></th> <th style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; font: 9pt Gulim; padding-top: 10px" bgcolor="#eeeeee"><font color="#000000">외화수표추심 수수료</font></th> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px" rowspan="2"><font color="#000000"><a target="_blank" href="http://fex.kbstar.com/quics?page=A008561">국민</a></font></td> <td style="padding-right: 100px; padding-left: 100px; padding-bottom: 10px; padding-top: 10px" colspan="2"><font color="#000000"> <pre style="margin-bottom: 0px">100불 이하 : 5,000원 1,000불 이하 : 10,000원 1,000불 초과 : 20,000원</pre> </font></td> </tr> <tr> <td style="padding-right: 100px; padding-left: 100px; padding-bottom: 10px; padding-top: 10px" colspan="2"><font color="#000000"> <pre style="margin-bottom: 0px">우편료 (지급지가 미국이고 지급통화가 미화인 경우 면제 가능) 500불 이하 : 1,500원 1,000불 이하 : 3,000원 1,000불 초과 : 5,000원</pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px" rowspan="2"><font color="#000000"><a href="http://www.ibk.co.kr/popup/fee/fx.jsp">기업</a></font></td> <td style="padding-right: 100px; padding-left: 100px; padding-bottom: 10px; padding-top: 10px" colspan="2"><font color="#000000"> <pre style="margin-bottom: 0px">300불 이하 : 5,000원 500불 이하 : 7,500원 1,000불 이하 : 10,000원 1,0000불 이하 : 15,000원 1,0000불 초과 : 20,000원</pre> </font></td> </tr> <tr> <td style="padding-right: 100px; padding-left: 100px; padding-bottom: 10px; padding-top: 10px" colspan="2"><font color="#000000"> <pre style="margin-bottom: 0px">우편료 면제</pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px" rowspan="2"><font color="#000000"><a target="_blank" href="http://banking.nonghyup.com/etc/eg/gc/new_eggcr0203.html">농협</a></font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">300불 이하 : 2,500원 500불 이하 : 5,000원 1,000불 이하 : 7,500원 1,000불 초과 : 10,000원</pre> </font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">수표금액 × 0.1 (최저 5,000원 ~ 최고 20,000원)</pre> </font></td> </tr> <tr> <td style="padding-right: 100px; padding-left: 100px; padding-bottom: 10px; padding-top: 10px" colspan="2"><font color="#000000"> <pre style="margin-bottom: 0px">우편료 5,000원</pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"><a target="_blank" href="http://www.kdb.co.kr/screen/jsp/IHCen/IHCenUCmm05020001K.jsp">산업</a></font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px"><font color="#8e8e8e">창구 문의</font></pre> </font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">수표금액 × 0.1 (최저 5,000원 ~ 최고 15,000원)</pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"><a target="_blank" href="http://www.shinhan.com/customer/info/ctm_inf_fefee_source.jsp">신한</a></font></td> <td style="padding-right: 100px; padding-left: 100px; padding-bottom: 10px; padding-top: 10px" colspan="2"><font color="#000000"> <pre style="margin-bottom: 0px">100불 이하 : 5,000원 500불 이하 : 7,000원 1,000불 이하 : 10,000원 1,000불 초과 : 20,000원</pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px" rowspan="2"><font color="#000000"><a target="_blank" href="http://ebank.keb.co.kr/IBS/b2c/cshopping/csrate/csra014r_1_pop.jsp">외환</a></font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">100불 이하 : 5,000원 500불 이하 : 7,000원 1,000불 이하 : 10,000원 1,000불 초과 : 15,000원</pre> </font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">100불 이하 : 5,000원 500불 이하 : 10,000원 1,000불 이하 : 15,000원 1,000불 초과 : 20,000원</pre> </font></td> </tr> <tr> <td style="padding-right: 100px; padding-left: 100px; padding-bottom: 10px; padding-top: 10px" colspan="2"><font color="#000000"> <pre style="margin-bottom: 0px">우편료 면제</pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px" rowspan="2"><font color="#000000"><a target="_blank" href="http://pot.wooribank.com/pot/center/info/wcgud107_04c.jsp">우리</a></font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">100불 이하 : 5,000원 5,000불 이하 : 10,000원 10,000불 이하 : 15,000원 10,000불 초과 : 20,000원</pre> </font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">수표금액 × 0.1 × 매매기준율 (최저 5,000원 ~ 최고 20,000원)</pre> </font></td> </tr> <tr> <td style="padding-right: 100px; padding-left: 100px; padding-bottom: 10px; padding-top: 10px" colspan="2"><font color="#000000"> <pre style="margin-bottom: 0px">우편료 소정액?</pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"><a target="_blank" href="http://www.kfb.co.kr/newweb/private/rate/charge/foreign.jsp?leftno=rt_DP35045">제일</a></font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">100불 이하 : 5,000원 500불 이하 : 7,000원 1,000불 이하 : 10,000원 1,000불 초과 : 15,000원</pre> </font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">100불 이하 : 5,000원 500불 이하 : 10,000원 1,000불 이하 : 15,000원 1,000불 초과 : 20,000원</pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px" rowspan="2"><font color="#000000"><a target="_blank" href="http://www.chb.co.kr/kor/customer/useinfo/02_commision/commision0601.asp">조흥</a></font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">100불 이하 : 5,000원 500불 이하 : 7,000원 1,000불 이하 : 10,000원 1,000불 초과 : 20,000원</pre> </font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">100불 이하 : 10,000원 500불 이하 : 12,000원 1,000불 이하 : 15,000원 1,000불 초과 : 20,000원</pre> </font></td> </tr> <tr> <td style="padding-right: 100px; padding-left: 100px; padding-bottom: 10px; padding-top: 10px" colspan="2"><font color="#000000"> <pre style="margin-bottom: 0px">우편료 2,000원</pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px" rowspan="2"><font color="#000000"><a target="_blank" href="http://www.hanabank.com/online/contents/center/fee/fee_03/index.html">하나</a></font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">20불 이하 : 면제 100불 이하 : 5,000원 500불 이하 : 7,000원 1,000불 이하 : 10,000원 1,000불 초과 : 15,000원</pre> </font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">20불 이하 : 면제 100불 이하 : 5,000원 500불 이하 : 10,000원 1,000불 이하 : 15,000원 1,000불 초과 : 20,000원</pre> </font></td> </tr> <tr> <td style="padding-right: 100px; padding-left: 100px; padding-bottom: 10px; padding-top: 10px" colspan="2"><font color="#000000"> <pre style="margin-bottom: 0px">우편료 달러화수표 : 2,000원 기타통화수표 : 5,000원</pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px" rowspan="2"><font color="#000000"><a target="_blank" href="http://my.goodbank.com/gbweb/pb/foreign_exchange/foreign_cms06.jsp">Citibank</a></font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">1,000불 이하 : 8,000원 1,000불 초과 : 15,000원</pre> </font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">1,000불 이하 : 10,000원 1,000불 초과 : 20,000원</pre> </font></td> </tr> <tr> <td style="padding-right: 100px; padding-left: 100px; padding-bottom: 10px; padding-top: 10px" colspan="2"><font color="#000000"> <pre style="margin-bottom: 0px">우편료 면제 (단, 수수료 면제의 경우 : 2,000원)</pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px" rowspan="2"><font color="#000000"><a target="_blank" href="http://www.kr.hsbc.com/kr/korean/whatsnew/tariff/charge.htm">HSBC</a></font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">10,000원, 15,000원, 25,000원</pre> </font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">5,000원 10,000원 20,000원</pre> </font></td> </tr> <tr> <td style="padding-right: 100px; padding-left: 100px; padding-bottom: 10px; padding-top: 10px" colspan="2"><font color="#000000"> <pre style="margin-bottom: 0px">수표금액에 상관없이, 고객등급에 따라 수수료 책정</pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"><a target="_blank" href="http://www.knbank.co.kr/su/desk/SUACF000H.html">경남</a></font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">100불 이하 : 5,000원 5,000불 이하 : 10,000원 10,000불 이하 : 15,000원 10,000불 초과 : 20,000원</pre> </font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">수표금액 × 0.1 (최저 4,000원 ~ 최고 10,000원)</pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"><a target="_blank" href="http://www.kjbank.com/banking/service/guide_3300.jsp">광주</a></font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">취급 건당 10,000원 (금액제한없음)</pre> </font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">5,000불 이하 : 10,000원 5,000불 초과 : 20,000원</pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"><a target="_blank" href="http://www.daegubank.co.kr/foreign/for0802t1.html">대구</a></font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">100불 이하 : 5,000원 500불 이하 : 7,000원 1,000불 이하 : 10,000원 1,000불 초과 : 15,000원</pre> </font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">100불 이하 : 5,000원 500불 이하 : 10,000원 1,000불 이하 : 15,000원 1,000불 초과 : 20,000원</pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"><a target="_blank" href="http://www.pusanbank.co.kr/pages/H001428.asp">부산</a></font></td> <td style="padding-right: 100px; padding-left: 100px; padding-bottom: 10px; padding-top: 10px" colspan="2"><font color="#000000"> <pre style="margin-bottom: 0px">100불 이하 : 3,000원 1,000불 이하 : 7,000원 1,000불 초과 : 10,000원</pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"><a target="_blank" href="http://www.jbbank.co.kr/jb4/jb43/06_01.htm">전북</a></font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">100불 이하 : 5,000원 500불 이하 : 10,000원 1,000불 이하 : 15,000원 1,000불 초과 : 20,000원</pre> </font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px"><font color="#8e8e8e">창구 문의</font></pre> </font></td> </tr> <tr> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"><a target="_blank" href="http://www.e-jejubank.com/ps/Genr/fee/network/psGenr_fee_exchange.jsp">제주</a></font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">수표금액 × 0.1 (최저 2,500원 ~ 최고 20,000원)</pre> </font></td> <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px"><font color="#000000"> <pre style="margin-bottom: 0px">수표금액 × 0.1 (최저 10,000원 ~ 최고 20,000원)</pre> </font></td> </tr> </tbody> </table> <br /> <br /> 출처: <a target="_blank" href="http://debug.ssam.biz/tt/index.php?pl=28">http://debug.ssam.biz/tt/index.php?pl=28</a> no_email@example.com (achor) Google,adsense Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/5 LG Data Manager v1.3 http://achor.net/board/ae_scrap/4 LG휴대폰의 파일전송 프로그램입니다.<br /> 흔히 막아놓은 LG휴대폰의 벨소리 용량제한을 넘어설 수 있게끔 하는 데 쓰이지요.<br /> 제작자는 알 길이 없네요.<br /> <br /> LG전자에서 공식적으로 배포하는 것이 아닌,<br /> 한 개인이 만든 것이므로 사용시 이상증상에 대한 보상은 어디에서도 받을 수 없으니 주의하셔야 합니다.<br /> 함께 설치되는 설명서를 필히 읽어보시길. -__-;<br /> <br /> mp3를 알송 등의 프로그램을 이용하여 mmf 파일로 변환시킬 수 있고,<br /> (알송: <a href=http://www.altools.co.kr/Download/ALSong.aspx target=_blank>http://www.altools.co.kr/Download/ALSong.aspx</a> )<br /> 그 변환된 파일을 이 프로그램을 통해 LG 휴대폰으로 전송할 수 있으며,<br /> 이후 휴대폰에서 그것을 벨소리로 설정해 주시면 됩니다.<br /> <br /> - achor no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/4 HDD 로우포맷 http://achor.net/board/ae_scrap/3 하드디스크를 로우포맷 해주는 프로그램입니다.<br /> <br /> 지원가능한 하드디스크도 많을 뿐더러 안정성도 괜찮은 듯 싶더군요.<br /> <br /> <a href=http://hddguru.com/content/en/software/2006.04.12-HDD-Low-Level-Format-Tool/ target=_blank>http://hddguru.com/content/en/software/2006.04.12-HDD-Low-Level-Format-Tool/</a><br /> <br /> - achor no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/3 지워지지 않는 파일 삭제 http://achor.net/board/ae_scrap/2 <img alt="" src="/acwebs/upload/ae_scrap/200712/_01174346_1401564514.png" /><br /><br /> 여러가지 이유로 지워지지 않는 파일을 삭제할 때 매우 편리한 프로그램입니다.<br /> <a target="_blank" href="http://ccollomb.free.fr/unlocker/">http://ccollomb.free.fr/unlocker/</a> 에서 최신판을 다운로드 받으실 수 있습니다.<br /> <br /> <br /> 사용방법<br /> <br /> 1. 삭제하려는 폴더 또는 파일 위에서 오른쪽 마우스 클릭 후 'Unlocker' 메뉴 선택.<br /> 2. 파일이나 폴더가 잠겨있으면 'Unlocker'의 리스트 창이 나타납니다.<br /> 3. 원하는 셀렉트 메뉴 선택후 원하는 버튼 클릭해주면 끝!<br /> <br /> ※ 셀렉트창 메뉴<br /> 동작없음 : 아무런 동작도 수행하지 않는다. 즉 버튼만 사용한다.<br /> 삭제 : 버튼 동작을 수행하면서 동시에 파일을 삭제한다.<br /> (예) Delete 선택후 Kill Process 클릭하면 해당 프로세스를 죽임과 동시에 파일을 삭제한다.<br /> 이름변경 : 버튼 동작을 수행하면서 파일의 이름을 변경한다.<br /> 이동 : 버튼 동작을 수행하면서 파일을 다른 폴더로 이동한다.<br /> no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/2 UTF-8, ANSI 간 파일 변환 http://achor.net/board/ae_scrap/1 <a href=http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=55165 target=_blank>http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=55165</a><br /> phpschool의 재서니이 님이 제작한 프로그램입니다.<br /> <br /> 리눅스에서는 간단한 일이겠지만<br /> 윈도우에서는 때때로 중노동이 될 수도 있는<br /> UTF-8과 ANSI 간 파일변경을<br /> 일괄적으로 해주는 프로그램이지요.<br /> <br /> 최근 대세가 UTF-8이라서 저 역시도 홈페이지를 UTF-8로 변경을 하였는데<br /> 문제 없이 잘 되더군요.<br /> <br /> - achor WEbs. achor no_email@example.com (achor) Wed, 14 May 2025 02:32:19 +0900 http://achor.net/board/ae_scrap/1