출처 : https://blog.naver.com/hp-wonju/221556714441

출처 : https://www.itworld.co.kr/news/280537

쇼핑할 때나 자료 조사를 할 때, 친구와의 논쟁을 끝내려고 할 때 대부분 사람은 구글을 가장 먼저 찾는다. 하지만 수십억 개의 검색 결과 중에서 필요한 정보를 찾는 일은 건초더미에서 바늘을 찾는 것처럼 느껴질 수 있다. 

여기서는 훨씬 효율적이고 효과적으로 구글 검색을 할 수 있는 몇 가지 요령을 소개한다. 정확히 원하는 것을 찾는 데 도움이 될 것이다. 
 

ⓒ Bastian Riccardi/Unsplash

특정 웹사이트에서 특정 키워드 검색

검색 기능이 제공되지 않는 일부 웹사이트에서는 원하는 정보를 찾기 어렵다. 정교한 검색 엔진인 구글을 사용하면 이런 웹사이트에서도 특정한 키워드를 검색할 수 있다. site:사이트주소 키워드 쿼리를 사용한다. 예를 들어, ITWorld에서 ‘보안’을 검색하려면 다음과 같이 입력한다.

검색어 예시 : site:itworld.co.kr 보안

검색 결과는 ITWorld 사이트에서 ‘보안’이 포함된 페이지를 제시한다. 영어로 security를 검색할 때는 secure 같은 변형 키워드까지 반영된다. 

정확한 구문 검색

검색어와 정확하게 일치하는 키워드를 반환하도록 요청하면 검색 범위를 좁힐 수 있다. 해당 콘텐츠가 있는 사이트 주소는 모르지만 검색어를 정확히 알고 있는 상황에서 유용하다. 검색어를 큰따옴표 안에 넣으면 된다. 

검색어 예시 : “punched papaer tape reader”

이렇게 검색하면 큰따옴표 안에 입력한 것과 동일한 단어가 포함된 결과만 반환된다. 즉, ‘punched tape’이나 ‘paper tape’ 같은 문구만 포함된 결과는 제공하지 않는다.

특정 가격대의 상품 찾기

이 검색어는 특정 예산의 제품을 구매하려는 사람에게 적합하다. 원하는 최저 및 최고 금액 사이에 마침표 2개를 삽입하면 가격 범위에 속하는 항목의 결과만 반환된다. 예산을 초과하는 제품을 바로 제외할 수 있으므로 시간을 절약할 수 있다. 예를 들어, 10달러에서 45달러 사이의 플래시 드라이브를 검색할 때는 다음과 같이 입력한다.

검색어 예시 : flash drives $10..$45

45달러 이상의 플래시 드라이브가 있더라도 원하는 가격대의 플래시 드라이브가 있는 페이지가 반환된다.

검색 결과에서 특정 단어 제외

무언가를 검색하고 싶지만 검색 결과에서 특정한 단어를 제외하고 싶은 경우가 있다. 예를 들면, 델 제품을 제외한 노트북을 검색하고 싶을 때는 검색어 끝에 하이픈(-)을 입력해 제외하면 된다.

검색어 예시 : 노트북 -델

검색 결과에서 델 노트북은 제외된다. 단, 이런 검색어는 광고에는 적용되지 않는다. 델이 ‘노트북’ 검색어와 관련해 광고 캠페인을 진행하는 경우에는 검색 결과 상단에 델 노트북이 노출된다. 

특정한 파일 확장자 검색

인터넷은 콘텐츠로 가득 차 있다. 이로 인해 검색 결과가 다른 웹페이지나 이미지 등으로 표시되는 경우가 많으므로 특정 문서를 찾기 어려울 수 있다. 그러나 filetype 쿼리를 사용하면 특정 파일 형식의 결과만 반환하도록 구글에 지시할 수 있다. 검색 범위를 훨씬 좁힐 수 있다. 예를 들어, 시스코의 연례 보고서를 PDF 형식으로 찾으려면 다음과 같은 쿼리를 입력한다.

검색어 예시 : 시스코 연례 보고서 filetype:pdf

PDF 파일로 연결되는 검색 결과가 나타날 것이다. 

여러 검색 쿼리를 동시에 수행

한 번에 여러 검색 쿼리를 수행하는 것도 효율적인 검색에 도움이 된다. 두 검색어 사이에 OR을 추가하면 된다. 두 검색어에 대한 결과가 섞여서 제공된다. 예를 들어, 1TB HDD와 1TB SSD를 동시에 검색하려면 다음과 같이 입력한다.

검색어 예시 : “1TB HDD” OR “1TB SSD”

이때 키워드를 입력한 순서는 결과에 영향을 미치지 않는다. 또한 OR과 같은 불리언 연산자(AND, OR, NOT, AROUND)는 모두 대문자로 입력해야 한다. 

여러 키워드가 조합된 검색 결과 얻기

이 검색 팁은 OR 검색과 비슷한 방법으로, AND 연산자를 사용해 두 가지 검색어가 모두 포함된 검색 결과를 요청한다. 1TB HDD와 1TB SSD에 대한 결과가 한 페이지에 모두 담긴 결과를 원한다면 다음과 같이 입력한다.

검색어 예시 : “1TB HDD” AND “1TB SSD”

둘 중 하나의 키워드만 포함된 페이지는 결과에서 제외된다. 

특정 날짜 이전/이후에 게시된 결과 찾기

무언가를 검색했는데 결과가 너무 오래됐거나 너무 새로워서 당황한 적 있을 것이다. 이런 경우 before 혹은 after 쿼리를 사용해 결과를 필터링할 수 있다. 가령 효율적인 재택근무 팁을 검색하고 싶은데 2021년 이후에 게시된 기사만 보려면 다음과 같이 검색하면 된다. 

검색어 예시 : 효율적인 재택근무 팁 after:2021

이렇게 검색하면 2021년 이후에 게시된 글만 표시된다. 또는 원격근무가 광범위하게 확산하기 이전에 게시된 글 중에서 검색을 하려면 다음과 같이 검색하면 된다. 

검색어 예시 : 효율적인 재택근무 팁 before:2020

다른 사이트로 연결되는 콘텐츠 찾기

마지막은 잘 알려지지 않은 팁이다. 누군가 다른 웹사이트에서 기사를 인용했는지 궁금할 때처럼 극히 일부 상황에서만 실제로 활용할 수 있다. 예를 들어, ITworld의 기사 링크가 공유된 웹사이트를 보려면 다음을 입력한다.

검색어 예시 : link:itworld.co.kr

광범위한 예시지만, 특정 기사나 보고서 등 원하는 URL을 쿼리에 넣어서 검색하면 꽤 유용한 인사이트를 얻을 수 있을 것이다.
editor@itworld.co.kr

출처 : http://blog.plura.io/?p=9647

오픈소스 웹 방화벽 WebKnight

WebKnight는 AQTRONIX사에서 개발한 IIS 웹서버에 설치할 수 있는 공개용 웹 방화벽입니다.
WebKnight는 ISAPI 필터 형태로 동작하며, IIS 서버 앞단에 위치하여 웹서버로 전달되기 이전에
IIS 웹서버로 들어온 모든 웹 요청에 대해 웹서버 관리자가 설정한 필터 룰에 따라 검증을 하고
SQL Injection 공격 등 특정 웹 요청을 사전에 차단합니다.

 

1.설치 방법

• 아래 URL에서 WebKnight를 다운로드 받습니다.
  http://www.aqtronix.com/?PageID=136

• 설치 전 IIS의 ISAPI필터를 설치합니다.

• 압축을 푼 뒤 사용자의 시스템 종류에 맞는 폴더의 WebKnight.msi를 실행하여 설치를 진행합니다.

 

• 기본 설치를 하면 C:Program FilesAQTRONIX WebKnight 폴더에 WebKnight설치가 됩니다.
  동시에 인터넷 정보 서비스에 Global Filter로 ISAPI Filter에 자동 등록됩니다.

• IIS를 재시작 합니다.

• IIS 재시작 후에 관리자에서 정상적으로 설치가 완료되었을 경우 다음과 같이 WWW 서비스 마스터
  속성에서 “ISAPI 필터” 탭에 다음과 같이 WebKnight 필터가 정상적으로 적용이 된 것을 확인할
  수 있습니다.

• 주요 파일

◦ Config.exe : WebKnight의 설정파일을 읽어들여 조작 할 수 있게 해주는 파일
◦ denied.htm : 설정에서 ‘Response Directly’ 옵션을 통해 보여지는 기본 차단 메시지
◦ LogAnalysis.exe : 로그 분석기
◦ Robots.xml : User-Agent에 대한 DB 파일
◦ WebKnight.dll : ISAPI Filter 파일, WebKnight가 실제 동작하는 파일
◦ WebKnight.xml : WebKnight 동작을 제어할 수 있는 설정 파일

 

2.설정 방법

• Config.exe를 실행시켜 WebKnight.xml을 열어줍니다.

 

• 사용자의 환경에 맞춰 수정을 합니다.
  자세한 수정 항목들은 참고 사이트의 pdf를 참고하여 작성합니다.

• 탐지 된 로그는 LogAnalysis.exe를 통해 확인할 수 있습니다.

참고 사이트

http://www.kisa.or.kr/public/laws/laws3_View.jsp?mode=view&p_No=259&b_No=259&d_No=42

휴.... 나도 오늘 CPU 점유율이랑 메모리 때문에 ㅠ_ㅠ;;;;

출처 : https://oneul-losnue.tistory.com/130

문제 상황

요즘 부쩍 노트북이 버벅거리는 경우가 잦다 싶었는데 오늘 유난히 말썽을 부리길래 각 잡고 탐험을 시작했다.

가장 먼저 확인한 건 역시 작업 관리자! 메모리 사용량을 보고 내 눈을 의심했다.

네?! 97%요???

세상에 이게뭐람

뭐 원래 이것저것 다 펼쳐두고 하는 스타일이긴 한데 이게 맞나? 싶어서 모든 프로그램을 종료하고 재부팅까지 하고 확인했지만 절대 90% 밑으로 떨어지지 않았다. 심지어 재부팅되는 속도도 느려짐; 메모리의 과대한 사용량이 표시되는 원인은 굉장히 다양한데 일단 내가 문제 해결을 위해 시도한 방법은 2가지다.

해결 방법

1. Windows Network Data Usage Monitoring Driver(NDU) 종료하기

메모리 세부 모니터링 프로그램이라고 한다. 이 기능을 종료하기 위해서는 레지스트리 편집기를 이용해 값을 수정해줘야 한다. 먼저 윈도우키 + R을 눌러 실행창을 열고 regedit을 입력해 레스트리 편집창을 실행한다.

레지스트리 편집기에 HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Services\Ndu 다음의 경로를 입력하고 Start 값을 2 → 4로 변경한다.

재부팅을 하고 나면..?!

메모리 사용률이 97% → 65%로 30% 정도 감소한 것을 확인할 수 있다.

체감할 정도의 효과가 있었지만 이왕 파헤친 김에 더 방법을 찾아보자 싶어서 다음 방법을 시도해보았다.

2. ClearPageFileAtShutdown 설정 변경하기

컴퓨터를 종료하면서 가상 메모리 페이지 파일을 비울 수 있도록 설정 값을 변경해주는 방법이다. 마찬가지로 레지스트리 편집창에서 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager\Memory Management 다음의 경로를 입력한다.

ClearPageFileAtShutdown 값을 0 → 1로 변경한다.

해결 끝!

클릭 한 번 하고 10초씩 기다리는 게 얼마나 힘든 일인지 깨닫는 하루였다. 이제 사용하는 데에는 크게 문제가 없지만 아무래도 메모리 8GB는 좀 부족한 것 같아서 추가로 8GB를 더 장착할 예정이다. 이상 크롬 브라우저 10개씩 열어놓는 사람의 탐험 끝.

아니 브라우저 창은 7~8개가 기본 아닌가여?!

출처 : https://dorudoru.tistory.com/2149

오랫만에 자가격리에서 해제되서 컴퓨터를 하는데, 컴퓨터가 엄청 느려졌습니다.

프로세스 관리자를 보니 WMI Provider Host가 CPU 점유율 100%를 차지하면서 느리게 하고 있습니다.

1. WMI Provider host란?

윈도우의 업데이트와 각각의 관리정보를 가지고 있는 프로세스 입니다.

저의 경우에 아래와 같이 WMI Provider Host가 CPU 사용율을 모두 가지고 있고, 이에 따라

CPU 사용율이 100%가 되서 너무 느려졌습니다.

원인을 해결하기 위해서 인터넷에서 찾은 방법을 순차적으로 적용해봤습니다.

2. 1. WMI Provider HOST 재기동

윈도우키 + R을 통해 실행을 실행한 다음

Services.msc를 실행합니다.

그리고 서비스 중에 Windows Management Instrumentation을 다시 시작(E)를 통해서 재시작합니다.

이후 컴퓨터를 재부팅하면 된다고 하는데요.

저는 해당 방법으로는 해결하지 못했습니다.

3. 2. 윈도우 업데이트 하기

가장 많이 알려진 방법인데요. 윈도우 업데이트와 관련된 프로세스이기 때문에

윈도우 업데이트를 시도 때도 없이 진행하여 느려질 수 있다고 합니다.

그래서 하단에 위치한 추가 7일 동안 업데이트를 일시 중지 하거나,

지금 업데이트를 하여 가장 최근 버전을 설치하면 된다고 합니다.

저의 경우 격리되는 8일동안 컴퓨터를 하지 못해서, 처음 부팅하는거라 업데이트가 많긴 했는데요.

업데이트를 모두 완료하여도 느린것이 계속 되었습니다.

4. 3. WMI Provider Host를 많이 사용하는 프로그램 찾기

인터넷에 찾아보니 윈도우 로그에 WMI Provider Host를 많이 사용하는 이벤트로그를 확인하여

조치하면 된다고 해서 한번 확인해보았습니다.

먼저 윈도우키 + X를 누른 후 이벤트 뷰어를 클릭합니다.

이벤트 뷰어는 컴퓨터에서 일어나는 모든 로그를 기록하는 프로그램인데요.

이벤트(상황)이 발생하면 모두 기록하고 있기 때문에, 어떤 프로그램이 WMI를 지속적으로 호출하는지 알수 있습니다.

이벤트 뷰어가 실행되면, 보기 -> 분석 및 디버그 로그 표시를 클릭합니다.

이 후 순서대로 아래 위치로 이동합니다.

응용 프로그램 및 서비스 로그 -> Microsoft -> Windows -> WMI-Activity -> Operational 

WMI-Activity를 호출하는 프로세스를 알려주는데요.

저의 경우 수많은 오류 메시지가 나오는 것을 보니 이 프로그램 때문에 에러가 발생한 것으로 보입니다.

거의 매초마다 에러가 발생하고 있으니 컴퓨터가 느려질 수 밖에 없는데요.

더블클릭하여 하단에서 에러원인을 찾으시면 됩니다.

해외 블로그에서도 해당 방법을 잘 설명해 주고 있습니다.

저의 경우 키보드 프로그램인 ArmouryCrate가 문제가 있네요.

해당 프로그램을 실행하니 업데이트가 되지 않아서 문제가 발생하는 것으로 보이는데요.

업데이트를 해보고 그래도 에러가 발생하면 삭제하고 재설치해야겠네요.

저의 경우 업데이트를 모두 완료한 다음에는 정상적인 CPU 점유율로 느려짐이 깨끗하게 해결 되었습니다.

오랫만에 컴퓨터를 해서 컴퓨터도 코로나에 걸린게 아닌가 했는데요.

간단한 방법으로 해결할 수 있어서 다행입니다.

이 방법까지 해도 CPU 점유율이 수정되지 않는다면

예전에 포스팅한 CPU 100% 해결하는 방법을 참고하여 수정해보시기 바랍니다.

2021.09.13 - [Tip & Tech/Computer] - CPU 사용율 100% 문제 해결하기

원문 : http://www.jacklmoore.com/colorbox/

npm install jquery-colorbox

// Format:
$(selector).colorbox({key:value, key:value, key:value});

// Examples:
// Image links displayed as a group
$('a.gallery').colorbox({rel:'gal'});

// Ajax
$('a#login').colorbox();

// Called directly, without assignment to an element:
$.colorbox({href:"thankyou.html"});

// Called directly with HTML
$.colorbox({html:"<h1>Welcome</h1>"});

// Colorbox can accept a function in place of a static value:
$("a.gallery").colorbox({rel: 'gal', title: function(){
  var url = $(this).attr('href');
  return '<a href="' + url + '" target="_blank">Open In New Window</a>';
}});

// Example of using an event listener and public method to build a primitive slideshow:
$(document).bind('cbox_complete', function(){
  setTimeout($.colorbox.next, 1500);
});

몇년에 한번 하는 작업인데.. 이번에 하면서.. 반대쪽 ㅠ_ㅠ 메모리 슬롯에 삽잘한 껀이 발생하여....
자료 찾아서 정리해둠....

출처 : https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=inpiniti10&logNo=220310836991

안녕하세요, 블로거 여러분

인피니티 입니다.

오늘의 주제는 HP 서버에 메모리 장착에 대한 내용 입니다.

대부분 알고 계시겠지만 간혹 문의가 오고는 합니다.

메모리 슬롯은 많은데 아무데나 장착해도 되는 것인지, 아니면 순서가 따로 있는지 말이죠.

위 그림에는 P1, P2로 나누어져 있고 흰색, 검정색, 푸른색으로 메모리 슬롯이 보입니다.

메모리 슬롯당 1,2,3... 12 숫자가 써져 있고, 아래는 C,G,K,D.H,L ...A 가 써 있습니다.

문의 내용 중에는 1번부터 차례대로 메모리를 장착하면 되는 것인지,

아니면 A,B,C,D 순서대로 장착하면 되는 것인지를 여쭤보는 것이었는데요.

CPU가 P1에 되어 있다면, 메모리는 A,B,C,D 순서대로 장착하여야 합니다.

CPU가 P1과 P2 양쪽 모두에 되어 있다면,

메모리는 P1과 P2 양쪽 동일한 사양과 갯수로 A,B,C,D 순서로 장착되어야 합니다.

오늘의 포스팅은 여기까지 입니다.

서버, 메모리. 하드디스크 등 문의가 있으시면 저희 인피니티로 연락 주시기 바랍니다.

[출처] tcping 사용법|작성자 엔클라우드24

 

새로 작성할까 하다가... ^^;; 잘 정리해놓으신 분이 있어서 펌으로 처리하네...
오랜만에 다시 웹개발을 하려니.... 힘드네요 ㅎㅎㅎ

* 출처 : https://velog.io/@qhsh866/JS-%EC%9B%B9%ED%81%AC%EB%A1%AC%EC%97%90%EC%84%9C-%EB%94%94%EB%B2%84%EA%B9%85%ED%95%98%EA%B8%B0

평소 코딩을 하면서 특정 부분에서 생기는 오류를 잡기 위해
console.log() 를 사용하거나 vs code의 디버거를 주로 이용해왔는데,
브라우저에서 바로 디버깅할 수 있는 방법을 발견해 정리해 보았다.

🧩 디버깅이란

스크립트 내에서 발생하는 버그(에러)를 검출, 제거하는 과정을 말한다.
대부분의 모던 브라우저 환경은 개발자 도구 내에 디버깅 툴이 존재하는데, 오늘은 크롬을 기준으로 알아보려고 한다.

Firefox 디버거 알아보기
Chrome 디버거 알아보기

🧩 크롬 디버거로 디버깅 하기

크롬에서 제공하는 테스트용 코드를 이용해 디버깅 해보자.
테스트 코드로 이동

1. 오류(버그) 확인

두 수의 입력을 받아 계산해주는 프로그램을 작성하였으나, 아래와 같이 두 수를 문자열 형식으로 더해주는 프로그램이 완성되었다. 버그 확인 후 처음의 의도대로 두 수의 계산을 출력하는 프로그램으로 수정해보려고 한다.

---

2. Sources 패널 확인하기

개발자 도구를 켜고 (Command+Option+I (Mac) or Control+Shift+I ) Sources 패널을 클릭한다.

Sources 패널은 크게 3개 영역으로 구분할 수 있다.
1. 파일 시스템 : 현재 페이지에서 요청하는 모든 리소스들이 트리 형태로 나타난다.
2. 코드 에디터 : 파일 시스템에서 선택한 파일의 내용을 보여준다. 코드 에디터를 통해 소스 코드를 편집할 수도 있다.
3. 자바스크립트 디버거 : 해당 페이지의 자바스크립트 디버깅을 위해 필요한 다양한 기능을 제공한다.

(만약 Sources 패널에서 파일 시스템이나 디버거 패널이 안보인다면 파란색으로 표시된 영역 클릭)

이제 자바스크립트 디버거의 다양한 기능을 알아보자.

---

3. 중단점 설정하기 - breakpoint

✨ 중단점 : 코드 내에서 자바스크립트의 실행이 중단되는 지점, 해당 지점의 변수 값 등을 파악할 수 있다.

페이지 내의 소스코드가 어떻게 동작하는 지 자세히 알아보려면 중단점을 설정해줘야 한다.
코드의 라인 번호를 클릭해서 중단점을 설정할 수 있다.
(코드에서 확인하고 싶은 줄마다 중단점을 설정해줘야 한다.)

중단점을 여러 개 설정한 경우 위 사진과 같이 디버거 패널의 체크박스를 통해 중단점을 활성화/활성화 할 수 있다.

✨ 혹은 다음과 같이 스크립트 내부에 degubber 명령어를 추가해 중단점을 설정할 수 있다.

위에서 발견한 버그의 경우 값을 입력하는 과정까지는 별다른 문제가 없으므로 계산을 위해 버튼을 클릭 하였을 때 작동하는 과정에서 문제가 생겼을 것이라는 추측 할 수 있다.
따라서 버튼 클릭 이벤트가 발생했을 때의 코드 동작을 확인하기 위해 디버거 패널의 Event Listener Breakpoints 를 이용해야 한다.
해당 메뉴에서 이벤트 리스너와 관련된 다양한 중단점을 간편하게 설정할 수 있다.

중단점 설정 후 다시 웹 페이지에서 Add 버튼을 클릭해보았다.
click 이벤트에 중단점을 설정했기 때문에 버튼을 클릭하자마자 코드가 중단되고, 에디터에서 해당 지점, 즉 onClick() 부분에서 중단되었음을 표시되는 것을 확인할 수 있다.

---

4. 본격적으로 검사(디버깅)하기

중단점에서 코드가 멈추면 한 줄 한 줄, 혹은 함수 단위로 실행을 조절해가며 변수, 실행 순서 등이 예상대로 진행되고 있는지 확인한다. 의도와 다르게 흘러가는 부분을 찾아내는 과정이라고 할 수 있다.
특히 디버거 패널에서 Watch Call Stack Scope 패널들의 변화를 파악하는 과정에서 버그를 발견할 수 있을 것이다.

4.1 디버깅 패널 버튼 확인

1. Resume (F8) : 직접 설정한 중단점에서만 중단하며 디버깅
   스크립트 다시 실행 시작. 추가 중단점이 없는 경우, 디버거 동작 없이 실행이 이어진다.

1. Step (F9) : 문 단위로 다음 명령어 실행, 비동기 동작은 무시.

1. Step into (F11) : Step 과 비슷하게 동작하지만 Step into 는 비동기 동작을 담당하는 코드로 진입하고, 필요하다면 비동기 동작이 완료될 때까지 대기한다. (비동기에 대해 배우고 내용을 추가하려고 한다.)

1. Step over (F10) : 함수 내부 진입 없이 다음 명령어 실행.
   Step 과 비슷하게 다음 문을 실행하지만, 만약 다음 문이 함수일 경우 함수 내부로 진입없이 코드가 실행된다. 함수 내부에 진입하고 중단하는 과정을 생략할 뿐, 함수가 실행되지 않는 것은 아니다.
   함수 실행이 끝난 위치에서 멈추기 때문에 함수 내부의 동작 과정을 알 필요 없을 경우 사용할 수 있다.
   (Step 명령어의 경우 함수 내부로 들어가 함수 바디 첫 번째 문에서 실행을 멈춤)

1. Step out (Shift + F11) : 함수 내부 진입 없이 다음 명령어 실행.
   현재 실행 중인 함수를 계속 실행하다가 함수 본문 마지막 줄에서 멈춘다.
   실수로 Step 을 눌러 중첩 함수로 진입한 경우, 현재 함수 실행을 끝내고 싶은 경우 사용한다.

1. 모든 breakpoint 활성/비활성화 : 모든 breakpoint를 일괄적으로 활성/비활성 시킬 때 사용.

4.2 디버깅 패널 정보 확인

1. Watch : 표현식을 평가하고 평가 결과를 나타낸다.
   + 모양의 Add Expression 버튼을클릭해 원하는 표현식을 입력한 후 Enter를 누르면 현재 중단점의 값을 확인할 수 있다. 설정한 표현식은 직접 삭제하기 전까지 새로고침해도 지워지지 않는다.

1. Scope : 현재 중단점을 기준으로 정의된 모든 변수 정보를 나타낸다.
   Local : 지역 변수와 관련된 정보 확인.
   Global: 전역 변수와 관련된 정보 확인.

1. Call Stack : 코드의 실행 경로를 나타낸다.
   현재 중단점으로 오기까지의 실행 경로가 역순으로 쌓인다. 콜 스택을 클릭할 경우 해당 코드 위치로 디버거가 이동된다.

---

5. 오류 발견

위에서 코드를 한 줄 씩 실행해가는 과정을 통해 updateLabel() 함수 내에서 두 값의 더하기 연산이 일어날 때 문제가 있음을 발견했다.
Watch 패널에서 typeof sum 을 입력해 각 식별자들의 데이터 타입을 확인해보니 문자열로 평가되어 문자열을 더한 결과가 반영되고 있었다.

---

6. 오류 수정

버그(오류)의 원인을 올바르게 파악했는지 알아보기 위해 코드 에디터 에서 문자열을 숫자로 바꿔주는 코드를 추가한 뒤 다시 디버깅 해보았다.

원하는 대로 숫자들의 덧셈으로 결과를 반환하는 것을 확인할 수 있다.

( 주의 : 이때 수정한 코드는 저장되지 않기 때문에 새로고침 할 경우 지워지게 된다. 이를 방지하기 위해 로컬의 소스코드와 연동시켜 수정할 수 있는 크롬 개발자 도구 워크 플레이스, VS Code 연동 기능도 있다.)

---

7. 마무리

console.log VS 웹 디버깅 툴
1. 디버깅 툴을 사용하면 코드 구성을 정확히 몰라도 원하는 시점에서 중단하고 확인 할 수 있다.
2. console.log()를 이용할 경우 검사할 값을 명시적으로 지정해야하는 반면, 디버깅 툴을 이용할 경우 해당 중단점의 모든 변수 값을 확인할 수 있다.

위에서 말했듯이 평소 console.log()를 자주 사용했었는데 개발자 도구의 디버깅 툴을 통해서 이러한 불편을 어느정도 해소할 수 있을 듯 하다. 특히 버튼 클릭, 값 입력 등의 이벤트가 발생할 때 상태를 자세히 관찰할 수 있기 때문에 유용하게 활용할 수 있을 것 같다.

---

참고
크롬 개발자 페이지

출처: https://softore.tistory.com/3 [소프토어]

안녕하세요 ^.^

중소기업에 필요한 무료 보안 소프트웨어로 한국인터넷진흥원에서 권장하고있는 WebKnight 에 대해서 포스팅합니다.

설치 프로그램 및 메뉴얼은 아래의 링크에서 다운로드 받으시면 됩니다.

2016년 4월 28일 현재 무료로 다운로드 받을 수 있는 버젼은 WebKnight 4.4 버젼입니다.

(4.5 버젼이 최신버젼이지만 결제를 해야하는것같네요;;)

WebKnight 다운로드

 - AQTRONIX - 홈페이지(다운로드 게시판)

 - 주소 : http://www.aqtronix.com/?PageID=136

기본 설치 메뉴얼

 - 한국인터넷진흥원 - KISA 보호나라 (자료실-보안공지 게시판)

 - 주소 : http://www.krcert.or.kr/data/secNoticeList.do

위의 설치가 정상적으로 완료되었고, 현재 아무런 세팅도 변경을 하지 않은 상태라면 자신의 웹페이지 접속 시 아래와 같은 문구가 나옵니다.

설치는 비교적 간단하고 위의 링크된 메뉴얼로도 충분하다고 생각하기 때문에 생략하겠습니다.

이제 부터가 정말 셋팅의 시작인데요. 적응하는데 한참 걸렸습니다. 모두 영문이기 때문에 거부감이 먼저 듭니다.

1. WebKnight 실행 (WebKnight 설정)

WebKnight 가 설치된 경로(C:\Program Files\AQTRONIX Webknight) 의 Config.exe 를 실행합니다.

그리고 아래와 같이 설정을 하나씩 맞추어 가면서 자신의 홈페이지를 확인해 주세요.

권장하는 방법은 먼저 차단되는 것을 확인 후 설정을 바꾸어 차단이 풀리는지 체크해 나가는 것이 효율적입니다.

2. Log Analysis 실행 (WebKnight 로그 뷰어)

WebKnight 가 설치된 경로(C:\Program Files\AQTRONIX Webknight) 의 LogAnalysis.exe 를 실행합니다.

설정파일을 선택하는 창이 뜨는데 "WebKnight.xml" 를 선택하시면 됩니다.

아마도 처음에 위의 경고문구가 뜬 이유는 아래와 같은 메세지로 차단되었을 가능성이 큽니다.

바로 폴더목록에 자신의 웹사이트 루트경로가 포함되지 않았기 때문입니다.

[차단 사유]
BLOCKED: Not in allowed path list 'C:\www\xe'

아래의 에러조치 참고하세요.

이런식으로 로그뷰어에서의 BLOCKED 된 내용을 확인하며, WebKnight 설정을 하나씩 진행해야 합니다.

이제 아래 내용 참고하셔서 하나씩 진행해보세요.

// 기본설정 : 기본적인 세팅입니다.

내용 : 한국 시간대를 사용하기위해
조치 : [Logging] Use GMT 언체크

내용 : IIS + PHP 기반이기 때문에 사용 체크
조치 : [Wep Applications] Allow ASP - 체크, Allow ASP NET - 체크, Allow PHP - 체크

내용 : 대부분의 웹서버에서 부모 경로는 사용하지 않기 때문에
조치 : [URL Scanning] Url Parent Path - Disabled 설정

내용 : 웹사이트에서 한글을 사용한다면... (url 또는 파일(이미지)에 한글이 포함되는 경우 차단됨)
조치 : [URL Scanning] Url High Bit Shellcode - Disabled
조치 : [URL Scanning] RFC Compliant Url - Disabled
조치 : [URL Scanning] RFC Compliant HTTP Url - Disable
조치 : [Referrer] Referrer URL RFC Compliant - Disabled
조치 : [Referrer] URL RFC HTTPCompliant - Disabled
조치 : [Host] RFC Compliant Host Header - Disabled

내용 : IIS 6.0 세팅
조치 : [Global Filter Capabilities] Is Installed As Global Filter - 언체크
조치 : [Logging] Per Process Logging - 체크 (단, IIS5 고립모드라면 언체크)

// 에러조치 : 기본 세팅 후 WebKnight 에서 차단되는 항목에 대해서 설정변경

현상 : 윈도우 웹브라우져에서 접속차단됨
에러 : BLOCKED: Not in allowed path list 'c:\www\xe'
조치 : [Mapped Path] Allowed Paths - c:\www\xe 추가 (www\xe 는 자신의 index.php 가 위치한 경로라고 보시면 됩니다.)

※ 위 경로(c:\www\xe) 는 보안을 위해 예로 설명드린 것입니다.

현상 : 안드로이드폰(G-PRO2)에서 접속차단됨
에러 : BLOCKED: '=http://' not allowed in cookie
조치 : [Cookie] Denied Cookie Sequences - =http:// 항목 삭제

에러 : BLOCKED: accessing/running '.dat' file
조치 : [Requested File] Denied Extensions - .dat 항목 삭제

에러 : BLOCKED: Content-Type 'text/xml' not allowed
조치 : [Content Type] Allowed Content Types - text/xml 항목 추가

에러 : BLOCKED: Content-Type 'application/json' not allowed
조치 : [Content Type] Allowed Content Types - application/json 항목 추가

현상 : 회원가입 시 마지막에 등록 버튼 클릭시 발생
에러 : BLOCKED: Content-Type 'multipart/form-data; boundary=---------------------------7e01032a20594' not allowed
조치 : [Content Type] Allowed Content Types - multipart/form-data 항목 추가

현상 : Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html) 구글봇 차단된듯
에러 : BLOCKED: Content-Type 'text/plain' not allowed
조치 : [Content Type] Allowed Content Types - text/plain 항목 추가

현상 : 새로고침을 여러번 할경우 블랙리스트에 등록
에러 : BLOCKED: Blacklisted IP address (multiple HTTP client errors)
조치 : [Response Monitor] HTTP Client Errors - Disabled

현상 : 파일명(이미지)에 /admin 이 포함되어 차단
에러 : BLOCKED: '/admin' not allowed in URL
조치 : [URL Scanning] Denied Url Sequences - /admin 항목 삭제 (/admin_/ , /_admin/ 도 있지만 삭제하지 않음)

현상 : 게시글 삭제 시 발생
에러 : BLOCKED: '.php' not allowed in querystring
조치 : [Querystring] Denied Querystring Sequences - .php 항목 제거

현상 : 게시글 삭제 시 발생
에러 : BLOCKED: Encoding exploit in querystring (embedded encoding)
조치 : [Querystring] Querystring Encoding Exploits - Disabled

현상 : XE 통합검색 시 발생 & 구글봇 발생
에러 : BLOCKED: 'style=' not allowed in querystring

에러 : BLOCKED: 'style=' not allowed in headers

조치 : [Querystring] Denied Querystring Sequences - style= 항목제거

조치 : [Header] Denied Header Sequences - style= 항목제거

현상 : 관리자 페이지 쉬운설치 업데이트 시 발생

에러 : BLOCKED: Encoding exploit in data (embedded encoding)

조치 : [Post] Postdata Encoding Exploits - Disabled

에러 : ALERT: '&' not allowed in URL (running multiple CGI processes in single request)
조치 : [Url Scanning] Url Running Multiple CGI - Disabled

현상 : 장문의 글작성 시 (짧은글 작성시에는 차단이 없었음) - 본 현상은 현재 문서 작성시에 발생함 -.-

에러 : BLOCKED: Possible SQL injection in data: ;`,--,min(
에러 : BLOCKED: 'style=' not allowed in data
에러 : BLOCKED: '=http://' not allowed in data

에러 : BLOCKED: 'style=http://' not allowed in data

에러 : BLOCKED: 'data:' not allowed in data
에러 : BLOCKED: 'XSS style' regex not allowed in data
에러 : BLOCKED: 'href http' regex not allowed in data
에러 : BLOCKED: 'href' regex not allowed in data

조치 : [SQL Injection] SQL Injection Keywords - ; , ` , -- , min(  4개 항목제거  

조치 : [Post] Denied Post Sequences - style= 항목제거

조치 : [Post] Denied Post Sequences - =http:// 항목제거

조치 : [Post] Denied Post Sequences - style=http:// 항목제거

조치 : [Post] Denied Post Sequences - data: 항목제거

조치 : [Post] Denied Post Regular Expressions - XSS Style <.+?(\b|\n|[\f\v"'`/])style(\b|\n|[\f\v])*= 항목제거
조치 : [Post] Denied Post Regular Expressions - href http <.+?(\b|\n|[\f\v"'`/])href(\b|\n|[\f\v])*=(\b|\n|[\f\v])*("|')*http 항목제거
조치 : [Post] Denied Post Regular Expressions - href      <.+?(\b|\n|[\f\v"'`/])href(\b|\n|[\f\v])*= 항목제거
조치 : [Querystring] Denied Querystring Regular Expressions - href      <.+?(\b|\n|[\f\v"'`/])href(\b|\n|[\f\v])*= 항목제거

현상 : 웹사이트 초기 접속시 발생

에러 : BLOCKED: '/scripts' not allowed in URL

조치 : [URL Scanning] Denied Url Sequences - /scripts 항목제거
 

현상 : 관리자 페이지에서 회원삭제 시 url에 member_srls[] 가 들어가는데 '[]' 이부분이 차단됨
에러 : BLOCKED: Parameter name not valid 'member_srls[]'
조치 : [Post] Postdata Parameter Name Require Regular Expression - Monitor

현상 : 특정 게시판에 글 작성시에 다음파일 참조 시 발생 (/common/js/plugins/jquery.fileupload/js/jquery.fileupload.js)
에러 : BLOCKED: accessing/running 'upload' file
조치 : [Requested File] Denied Files - upload 항목제거

[2016-04-28] 추가 사항

현상 : 간혹 검색하거나 새로고침 시 발생 (이유모름)
에러 : BLOCKED: Parameter pollution in querystring
조치 : [Querystring] Querystring Parameter Pollution - Monitor

현상 : 관리자 페이지에서 회원가입 정보 수정 후 저장 시 발생 (Post Message 가 너무 길어서 발생한듯 하다)
에러 : BLOCKED: Maximum variable length exceeded in data
조치 : [Post] Maximum Postdata Variable Length - Disabled

[2016-04-29] 추가 사항

현상 : 특정 이미지 파일에 .. 이 포함된 경우 루트경로로 오인

에러 : BLOCKED: Parent Path attempt ('..')

조치 : [Mapped Path] Parent Path - Disabled

현상 : 누리고 표준결제 시스템 결제 진행 중 취소/완료 시 발생

에러 : BLOCKED: 'charset=' not allowed in data

조치 : [Post] Denied Post Sequences - charset= 항목제거

현상 : 게시판 장문의 글 작성 시 발생

에러 : BLOCKED: 'XSS charset' regex not allowed in data

조치 : [Post] Denied Post Regular Expressions - XSS charset      <.+?(\b|\n|[\f\v"'`/])charset(\b|\n|[\f\v])*= 항목제거

현상 : XpressEngine 신규 설치 시 초기 화면로드가 안됨

에러 : BLOCKED: '/install/' not allowed in URL

조치 : [URL Scanning] Denied Url Sequences - /install/ 항목제거

현상 : XpressEngine 신규 설치 시 SQL 세팅 후 NEXT 클릭 시 발생

에러 : BLOCKED: Parameter pollution in data

조치 : [Post] Postdata Parameter Pollution - Disabled

현상 : phpMyAdmin 접속 시 백지화 현상 (실제 phpMyAdmin 폴더이름과 무관함)

에러 : BLOCKED: '/phpmyadmin' not allowed in URL

에러 : BLOCKED: Parameter pollution in querystring
에러 : BLOCKED: Parameter name not valid 'scripts[],scripts[],scripts[],scripts[],scripts[],scripts[],scripts[],scripts[],scripts[],scripts[],scripts[],scripts[],scripts[],scripts[],scripts[],scripts[],scripts[],scripts[],scripts[],scripts[]'

조치 : [URL Scanning] Denied Url Sequences - /phpmyadmin 항목 삭제

조치 : [Querystring] Querystring Parameter Pollution - Disabled

조치 : [Querystring] Querystring Parameter Name Require Regular Expression - Disabled

현상 : 누리고 표준결제 시스템 가상계좌 발급 최종 완료 시 발생

에러 : BLOCKED: '=https://' not allowed in data

조치 : [Post] Denied Post Sequences - =http:// 항목제거

[2016-04-30] 추가 사항

현상 : 윈도우10 누리고 표준결제 진행 시 발생
에러 : BLOCKED: Payload not allowed (Content-Type header not allowed for this method)
조치 : [Methods] Denied Payload - Disabled
조치 : [Methods] Allowed Verbs - Disabled

에러 : BLOCKED: 'onmessage' not allowed in querystring

에러 : BLOCKED: 'onmessage' not allowed in data
조치 : [Querystring] Denied Querystring Sequences - onmessage 항목제거

조치 : [Post] Denied Post Sequences - onmessage 항목제거

현상 : 스케치북5 게시판 모듈 스킨에 shadow 가 포함된 이미지 차단
에러 : BLOCKED: accessing/running 'shadow' file
조치 : [Requested File] Denied Extensions - shadow 항목제거

현상 : 관리자 쇼핑몰 결제관리 페이지 접근시 차단
에러 : BLOCKED: 'Visa' information disclosure
에러 : BLOCKED: 'Mastercard' information disclosure
조치 : [Response Monitor] Information Disclosure - Disabled

[2016-05-13] 추가 사항
현상 : XE 파일첨부 시 100% 후 증발현상 및 업로드 속도가 현저하게 느림

에러 : 에러 메시지 발생 없음

조치 : [Post] Denied Post Sequences - Monitor
조치 : [Post] Denied Post Regular Expressions - Disabled

[2016-05-17] 추가 사항

현상 : XE 로그아웃 시 발생

에러 : BLOCKED: 'onmessage' not allowed in headers

에러 : BLOCKED: 'onsearch' not allowed in headers

조치 : [Header] Denied Header Sequences - onmessage 항목제거

조치 : [Header] Denied Header Sequences - onsearch 항목제거

자신의 홈페이지 특성에 따라 위와같은 현상과 에러가 나올수도 있고 더많은 현상이 있을 수 있습니다.

참고하시길 바랍니다.

PS. WebKnight 를 처음 접해보기 때문에 내용이 부족할 수 있습니다.

추가로 부족한 부분이나 수정할 부분이 있다면 댓글 남겨주시면 적극 반영하도록 하겠습니다.