김태환 팬클럽

BSTR CString char* CComVariant VARIANT

2011-01-11T16:18:00.000+09:00

BSTR <-> CString

CString BSTRToCString(BSTR bstr)
{
char* pbstr;
USES_CONVERSION; // <atlconv.h>, convert를 위한 macro
pbstr = OLE2A(bstr); // BSTR -> char
return CString(bstr);
}

BSTR CStringToBSTR(CString str)
{
return str.AllocSysString(); // CString to BSTR
}

BSTR <-> char*

// BSTR to char*
BSTR bstr
char* pbstr;
USES_CONVERSION; // <atlconv.h>, convert를 위한 macro
pbstr = OLE2A(bstr); // BSTR -> char

// char to BSTR
TCHAR szString[512];
_bstr_t bstr_string = szString;
BSTR bstr
*bstr = bstr_string.copy();

CString <-> CComVariant

// CString -> CComVariant
CString str;
CComVariant out(str.AllocSysString());
or
CComVariant out(str);

// CComVariant -> CString
str = out.bstrVal;

VARIANT

VARIANT BSTRToVARIANT(BSTR bstr)
{
VARIANT var;
VariantInit(&var)
V_BSTR(&var) = SysAllocString(&bstr);
V_VT(&var) = SysAllocString(&bstr);
return var;
}

javascript 바탕화면 아이콘 생성

2010-11-12T10:08:00.000+09:00

<HTML>

<HEAD>

var g_bSwitch = false; //페이지 오픈시 물어보기 설정값.[true:onload시 물어봄.]

if( g_bSwitch ) window.onload = fnIconCreate;

function fnIconCreate() {

if( confirm("바탕화면에 바로가기 아이콘을 만드시겠습니까?") ) {

var WshShell = new ActiveXObject("WScript.Shell");

Desktoptemp = WshShell.Specialfolders("Desktop"); //path

var sIconNm = "TEST"; //바탕 화면에 생성될 아이콘 명.

var sName = WshShell.CreateShortcut(Desktoptemp + "\\" + sIconNm + ".URL");

sName.TargetPath = "http://naver.co.kr";

sName.Save();

}

</script>

</HEAD>

<BODY>

if( !g_bSwitch )

document.write("<input type='button' value='바탕화면 아이콘생성' onclick='fnIconCreate();'>");

</script>

</BODY>

</HTML>

InstallScript 문법

2010-09-06T14:10:00.000+09:00

어떤 프로그램이던지 (스크립트, VB,C/C++등등) 조금이라도 해보신분은 금방 아하~ 하고 아실테지만 아니신 분들은..이게뭐지..싶을지도 모르겠습니다.

사용자 함수 추가

스크립트에 함수를 추가 하기 위해서는 prototype을 정의 하고

function body를 작성합니다.

//프로토 타입 정의

protype GetPathParts(STRING, BYREF STRING, BYREF STRING, BYREF STRING);

//function block 작성

function GetPathParts(szFullPath, svDrv, svPath, svName)
LONG lResult; //사용할 변수를 정의 합니다.
begin // 함수의 실제 내용 시작
lResult = ParsePath(svDrv, szFullPath, DISK);
if (lResult = 0) then
lResult = ParsePath(svPath, szFullPath, DIRECTORY);
endif;

if (lResult = 0) then
lResult = ParsePath(svName, szFullPath, FILENAME);
endif;

return lResult;
end; //함수의 끝

리턴값은 주로 함수의 에러값을 리턴하며, 숫자값이 아니거나 여러개일경우 함수에 넘겨주는 변수 값을 BYREF 를 이용해서 정의 합니다.(

즉 기본적으로 인스톨쉴드는 By Value방식으로 값을 전달 합니다

////////////////////////////////////////////////////////////////////////

정의방법

// Constant definitions
#define PRODUCT "InstallShield"
#define LIMIT 100

// Variable declarations
CHAR cVal;
NUMBER nVal;
STRING szName;

// Function declarations
prototype DisplayMsg (NUMBER, STRING);
prototype GetName (BYREF STRING);

////////////////////////////////////////////////////////////////////////

Data Type

여러가지 데이타 타입이 있는데 세가지만 설명합니다.

숫자 데이타는 NUMBER

문자데이터는 STRING

리스트데이터는 LIST

가장 많이 쓰는 데이타 타입입니다. 나머지 타입은 Help를 참조해주시기 바랍니다.

//////////////////////////////////////////////////////////////////////

기타 많이 쓰는 문법구문(예제는 Help에서 가져왔습니다.)

IF문

if (condition) then
// statements to be executed if condition is true
endif;

FOR문

for iCount = 1 to 10
MessageBox ("This appears ten times.", INFORMATION);
endfor;
for iCount = 10 to 100 step 10
MessageBox ("This appears ten times.", INFORMATION);
endfor;

WHILE문
nCount = 1;

while (nCount < 5)
MessageBox ("This is still true.", INFORMATION);
nCount = nCount + 1;
endwhile;

SWITCH문
STRING szMsg, svResult;
NUMBER nvResult;

GetSystemInfo (VIDEO, nvResult, svResult);

switch (nvResult)
case IS_UNKNOWN:
szMsg = "The user's video is unknown.";
case IS_EGA:
szMsg = "EGA resolution.";
case IS_VGA:
szMsg = "VGA resolution.";
case IS_SVGA:
szMsg = "Super VGA (800 x 600) resolution.";
case IS_XVGA:
szMsg = "XVGA (1024 x 768) resolution.";
case IS_UVGA:
szMsg = "Greater than 1024 x 768 resolution.";
default:
szMsg = "Error";
endswitch;

MessageBox (szMsg, INFORMATION);

XMLHTTP

2010-08-31T18:33:00.000+09:00

3.1 responseText 속성을속성을 이용한 단순 문자열 다루기

2장에 이어 이번에는 innerHTML 속성을 이용한 샘플 코드를 살펴보자.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Using responseText with innerHTML</title>

<script type="text/javascript">
var xmlHttp;

function createXMLHttpRequest() {
ifif (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
   }
else if (window.XMLHttpRequest) {
   xmlHttp = new XMLHttpRequest();
}
}

function startRequest() {
createXMLHttpRequest();
xmlHttp.onreadystatechangexmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", "innerHTML.xml", true);
xmlHttp.send(null);
}}

function handleStateChange() {
if(xmlHttp.readyState == 4)4) {
if(xmlHttp.status == 200) {
   document.getElementById("results").innerHTML = xmlHttp.responseText;
}
}
}
</script>
</head></head>

<3-1 innerHTML.html 의의 내용>

<table border="1">
<tbody>
<tr>
<th>Activity Name</th>
<th>Location</th>
<th>Time</th>
</tr>
<tr>
<td>Waterskiing</td>
<td>Dock #1</td>
<td>9:00 AM</td>
</tr>
<tr>
<td>Volleyball</td>
<td>East Court</td>
<td>2:00 PM</td>
</tr>
<tr>
<td>Hiking</td>
<td>Trail 3</td>
<td>3:30 PM</td>
</tr>
</tbody>
</table>

<3-2 innerHTML.xml 의 내용>

2장2장 <2-1> 와 <3-1>의 가장 큰 차이점이라면 XHR 객체의 responseText 속성값을 이용하여이용하여 div 엘리먼트에 문자열을 할당하는 부분이다. 아래 그림은 innerHTML.html 을 실행한 결과이다.결과이다.

<3-3 innerHTML 실행실행 결과>

3.2 responseXML 속성을 이용한 DOM 시작하기

지금까지의 예제에서는 간단하고 단순한 문자열을 처리하는데 적합한 XHR 객체의 resonseText 속성만을 살펴보았다. 하지만 대단히 복잡한 응답데이터의 경우는 단순한 문자열로 처리할 수 없으며 XML 형식으로 처리하는 것이 훨씬 논리적이고 효율적일 것이다. 그러면 어떻게 브라우저는 서버로부터 받은 XML 형식의 데이터를 처리할 수 있는 것일까? XML 문서는 W3C 의 DOM 을 이용해서 처리된다. DOM 을 지원하는 브라우저들은 당연히 XML 문서를 다루는 많은 API 를 구현하고 있기 때문이다.

DOM 은 HTML 과 XML 을 다루는 API 를 제공하고 있으며, 스크립트를 통해서 다큐먼트에 접근할 수 있도록 정의되어 있다. 자바스크립트는 DOM 에 접근할 수 있고 DOM 을 다룰수 있는 스크립팅 언어이다. 다큐먼트의 모든 요소들은 DOM 의 부분들이기 때문에 요소의 속성과 메소드들은 자바스크립트로 제어가 가능하다.

다음은 XML 문서를 처리하기 위한 DOM 요소의 속성을 살펴보도록 하자.

childNodes : 현재 요소의 자식을 배열로 표현한다.

firstChild : 현재 요소의 첫번째 자식이다.

lastChild : 현재 요소의 마지막 자식이다.

nextSibling : 현재 요소와 바로 다음의 요소를 의미한다.

nodeValue : 해당 요소의 값을 읽고 쓸 수 있는 속성을 정의한다.(=data)

parentNode : 해당 요소의 부모노드이다.

previousSibling : 현재 요소와 바로 이전의 요소를 의미한다.

다음은 XML 다큐먼트를 다루는 유용한 DOM 요소의 메소드를 살펴보자.

getElementById(id) : 다큐먼트에서 특정한 id 속성값을 가지고 있는 요소를 반환한다.

getElementsByTagName(name) : 특정한 태그 이름을 가지고 있는 자식 요소로 구성된 배열을 리턴한다.

hasChildNodes() : 해당 요소가 자식 요소를 포함하고 있는지를 나타내는 Boolean 값을 리턴한다.

getAttribute(name) : 특정한 name 에 해당하는 요소의 속성값을 리턴한다.

이번에는 XHR 객체의 responseXML 속성을 이용한 예제를 살펴봄으로써 XML 다큐먼트를 다루기 위한 DOM 객체의 속성과 메소드에 대해서 알아본다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Parsing XML Responses with the W3C DOM</title>

<script type="text/javascript">
var xmlHttp;
var requestType = "";

function listAllStates() {
var xmlDoc = xmlHttp.responseXML;
var allStates = xmlDoc.getElementsByTagName("state");

outputList("All States in Document", allStates);
}

function outputList(title, states) {
var out = title;
var currentState = null;
for(var i = 0; i < states.length; i++) {
currentState = states[i];
out = out + "\n- " + currentState.childNodes[0].nodeValue;
}

alert(out);
}
</script>
</head>

<body>
<h1>Process XML Document of U.S. States</h1>
<br/><br/>
<form action="#">
<input type="button" value="View All Listed States" onclick="startRequest('all');"/>
<br/><br/>
<input type="button" value="View All Listed Northern States" onclick="startRequest('north');"/>
</form>
</body>
</html>

<3-4 parseXML.html 의 내용>

<?xml version="1.0" encoding="UTF-8"?>
<states>
<north>
<state>Minnesota</state>
<state>Iowa</state>
<state>North Dakota</state>
</north>
<south>
<state>Texas</state>
<state>Oklahoma</state>
<state>Louisiana</state>
</south>
<east>
<state>New York</state>
<state>North Carolina</state>
<state>Massachusetts</state>
</east>
<west>
<state>California</state>
<state>Oregon</state>
<state>Nevada</state>
</west>
</states>

<3-5 parseXML.xml 의 내용>

일단 <3-4>의 실행결과를 살펴본 후 핵심원리를 파악해 보자

<3-6 parseXML.html 을 실행했을때의 그림>

그림 <3-6> 은 parseXML.html 을 실행했을 때의 화면으로 View All Listed States 버튼을 눌렀을때의 결과 및 View All Listed Northern States 버튼을 눌렀을때의 결과 화면을 아래에 표시하였다.

<3-7 View All Listed States 버튼을 눌렀을때의 결과 화면>

<3-8 View All Listed Northern StatesStates 버튼을 눌렀을때의 결과 화면>

예제 3-4 는는 다소 길어보이나 XHR 객체의 responseXML 속성을 이용한 DOM 객체를 다루는 속성속성 및 메소드를 다루고 있다는 면에서 반드시 이해하고 넘어가야만 한다. 소스 패턴은패턴은 지금까지의 예제와 비슷하므로 DOM 속성 및 메소드가 사용된 주요 부분만 설명하겠다.설명하겠다.

listAllStates() 메소드의 아래 라인을 주목해 보자.

var xmlDoc = xmlHttp.responseXML;

=>=> XHR 객체는 responseXML 속성을 이용해서 서버로부터의 XML 결과 다큐먼트를 다룰수 있는있는 DOM 속성 및 메소드를 사용할 수 있게 해준다는 것을 알 수수 있다.

var allStatesallStates = xmlDoc.getElementsByTagName("state");

=>XML 결과 다큐먼트로부터 state 자식 엘리먼트들로엘리먼트들로 구성된 배열을 얻어와 allStates 변수에 할당하는 로직이다.

listNorthStates()listNorthStates() 메소드를 살펴보자.

var northNode = xmlDoc.getElementsByTagName("north")[0];

=> XML 다큐먼트에서 north 앨리먼트는 유일하게 하나만 존재하므로존재하므로 자식 앨리먼트로 구성된 배열중에서 첫번째(0) 배열값을 얻어와야 한다. 위 식은 아래와아래와 같이 수정해도 결과는 같다.

var northNode == xmlDoc.getElementsByTagName("north").item(0);

outputList() 메소드를 살펴보자.

out = out + "\n- " + currentState.childNodes[0].nodeValue;currentState.childNodes[0].nodeValue;

=> 이부분은 각각의 state 앨리먼트의 첫번째첫번째 자식 노드의 값을 out 변수에 계속 연결하는 부분이다. state 앨리먼트의 값을값을 표현하고 있는 부분도 XML 에서는 하나의 text 엘리먼트이다. 따라서 각각의 statestate 엘리먼트의 첫번째 text 자식 엘리먼트를 childNodes[0] 으로 표시한 것이며 그 값을값을 가져오기 위해서 nodeValue 속성이 사용된 것이다. nodeValue 는 아래와 같이 datadata 속성을 사용해도 같은 결과를 얻는다.

out == out + "\n- " + currentState.childNodes[0].data;

3.3 Dynamic DOM 객체 다루기

지금까지는 DOMDOM 의 기초적인 속성 및 메소드들을 다루어 봤다. 이런 속성으로는 다이나믹한 웹페이지를웹페이지를 구성하는데 한계가 있다. 웹페이지 전체가 리로딩 되지 않고 적절한 시점에 필요한필요한 부분만 서버와 통신하여 데이터가 수정되는 동적인 웹페이지를 만들려면 더 다양한 DOMDOM 의 속성을 익혀야 한다. 자, 그럼 컨텐츠를 동적으로 생성할 수 있게있게 해주는 W3C DOM 의 속성과 메소드에는 어떤것들이 있는지 알아보자.

document.createElement(tagName) : tagName 으로된 엘리먼트를 생성한다.생성한다. div 를 메소드 파라미터로 입력하면 div 엘리먼트가 생성된다.

document.createTextNode(text) : 정적 텍스트를 담고 있는 노드를노드를 생성한다.

<element>.appendChild(childNode) : 특정특정 노드를 현재 엘리먼트의 자식 노드에 추가시킨다. (예를들어 select 엘리먼트에 option 엘리먼트엘리먼트 추가)

<element>.getAttribute(name) : 속성명이속성명이 name 인 속성값을 반환한다.

<element>.setAttribute(name, value)value) : 속성값 value 를 속성명이 name 인 곳에 저장한다.저장한다.

<element>.insertBefore(newNode, tartgetNode) : newNodenewNode 를 tartgetNode 전에 삽입한다.

<element>.removeAttribute(name) : 엘리먼트에서 name 속성을 제거한다.

<element>.removeChild(childNode) : 자식 엘리먼트를 제거한다.

<element>.replaceChild(newNode, oldNode) : oldNode 를 newNode 로 치환한다.치환한다.

<element>.hasChildNodes() : 자식 노드가노드가 존재하는지 여부를 판단한다. 리턴형식은 Boolean 이다.

여기서 한가지 짚고 넘어갈 부분이있다. 현재 거의 모든 브라우저는 DOM 을을 지원하고 있으며 API 또한 비슷하게 동작하도록 구현되어 있다. 정확히 말하자면 DOMDOM API 의 구현이 브라우저마다 다소 차이가 있다는 말이다. 가장가장 호환이 안되는 브라우저는 다름아닌 인터넷 익스플로어다. AJAX 의 핵심은핵심은 XMLHttpRequest 객체이고 가장 먼저 이 객체를 구현하고 제공한 브라우저가 IE5임을 감안할때감안할때 상당히 아이러니컬하지 않은가? 2000년 IE 가 전세계 브라우저의 시장점유율 95% 차지할차지할 즈음, IE 에 대적할 만한 브라우저는 존재하지 않았다. 마이크로소프트가 다양한 웹표준웹표준 구현을 포기했던 시점이 바로 이때부터다. 이때까지 XHR 의 사용은 당연히 저조할저조할 수밖에 없었다. 하지만 모질라와 사파리가 잇따라 광범위하게 지원을 시작하게 되자 상황은상황은 변하기 시작했고, 사용율이 극히 부진했던 XHR 객체는 W3C 의 표준으로까지 자리매김하게자리매김하게 되었다. 더우기 구글맵, 구글 Suggest, Gmail, Flickr, Netflix 등에서 AJAX 를를 사용하자 이제는 명실상부한 웹의 표준으로 거듭나게 되었다. 너무 늦었지만 Microsoft 쪽에서도쪽에서도 많은 분발을 촉구한다. 그러면 IE 에서 문제가 되고 있는 DOM 객체의객체의 특징을 간략히 살펴보자.

첫째, IE 에서는 <table> 에에 <tr> 을 추가할때 appendChilde() 메소드를 사용하더라도 <tr> 은 나타나지 않는다. 따라서따라서 <tr> 을 <tbody> 에 추가해 주는 방식을 사용해야 모든 브라우저에서 동작하는동작하는 코드를 작성할 수 있다.

둘째, IE 에서는 setAttribute()setAttribute() 메소드에 class 속성을 이용할 수 없다. setAttribute("class", "newClassName") 한 후에 다시다시 setAttribute("className", "newClassName") 을 해야 모든 브라우저의 호환성을 보장할 수 있다.

셋째, IE 에서는 style 속성에 setAttribute() 메소드를 이용할 수수 없다. <element>.setAttribute("style, font-weight:bold;") 라고 하는 대신에 <element>.style.cssText = "font-weight:bold" 라고 해해 줘야 모든 브라우저에서 제대로 작동한다.

다음은다음은 DOM 의 동적 속성 및 메소드를 이용해서 다이나믹한 웹페이지를 생성하는 예제를예제를 다루어 보겠다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTMLXHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dynamically EditingEditing Page Content</title>

function createXMLHttpRequest() {{
if (window.ActiveXObject) {
xmlHttp == new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest)(window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
   }
}

function doSearch() {
createXMLHttpRequest();createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", "dynamicContent.xml", true);
   xmlHttp.send(null);
}

function handleStateChange() {
   if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200)200) {
clearPreviousResults();
   parseResults();
}
   }
}

function clearPreviousResults() {
var header == document.getElementById("header");
if(header.hasChildNodes()) {
header.removeChild(header.childNodes[0]);
}

var tableBodytableBody = document.getElementById("resultsBody");
while(tableBody.childNodes.length > 0) {
tableBody.removeChild(tableBody.childNodes[0]);
}
}

function parseResults() {
var results = xmlHttp.responseXML;

var property = null;
var address = "";"";
var price = "";
var comments == "";

var properties = results.getElementsByTagName("property");
for(varfor(var i = 0; i < properties.length; i++) {
   property = properties[i];
address = property.getElementsByTagName("address")[0].firstChild.nodeValue;
price = property.getElementsByTagName("price")[0].firstChild.nodeValue;
   comments = property.getElementsByTagName("comments")[0].firstChild.nodeValue;

   addTableRow(address, price, comments);
}

   var header = document.createElement("h2");
var headerText == document.createTextNode("Results:");
header.appendChild(headerText);
document.getElementById("header").appendChild(header);

document.getElementById("resultsTable").setAttribute("border", "1");"1");
}

function addTableRow(address, price, comments) {
var row = document.createElement("tr");
var cell == createCellWithText(address);
row.appendChild(cell);

cellcell = createCellWithText(price);
row.appendChild(cell);

cell = createCellWithText(comments);
row.appendChild(cell);row.appendChild(cell);

document.getElementById("resultsBody").appendChild(row);
}

function createCellWithText(text) {
var cell == document.createElement("td");
var textNode = document.createTextNode(text);
cell.appendChild(textNode);

return cell;
}}
</script>
</head>

<body>
<h1>Search Real Estate Listings</h1>

<form action="#">
Show listings from
   <select>
<option value="50000">$50,000</option>value="50000">$50,000</option>
<option value="100000">$100,000</option>
   <option value="150000">$150,000</option>
</select>
to
<select><select>
<option value="100000">$100,000</option>
   <option value="150000">$150,000</option>
   <option value="200000">$200,000</option>
</select>
<input<input type="button" value="Search" onclick="doSearch();"/>
</form>

<span<span id="header">

</span>

<table id="resultsTable" width="75%" border="0">border="0">
<tbody id="resultsBody">
</tbody>
</table>
</body>
</html></html>

<3-9 dynamicContent.html 의 내용>

<?xml version="1.0" encoding="UTF-8"?>
<properties>
<property>
   <address>812 Gwyn Ave</address>
<price>$100,000</price>
   <comments>Quiet, serene neighborhood</comments>
</property>
   <property>
<address>3308 James Ave S</address>
   <price>$110,000</price>
<comments>Close to schools, shopping,shopping, entertainment</comments>
</property>
<property>
   <address>98320 County Rd 113</address>
<price>$115,000</price><price>$115,000</price>
<comments>Small acreage outside of town</comments>
   </property>
</properties>

<3-10 dynamicContent.xml 의의 내용>

<3-10 샘플 3-9의 실행결과 화면>

샘플 3-9를 보면 동적 메소드가 적용된 부분은 굵게 표시를 해 놓았다.놓았다. 이부분을 이전 샘플들과 비교해 가면서 보면 코드를 이해하는데 큰 어려움은 없으리라없으리라 생각한다. 실행결과는 3-10 그림에 나와있다. Search 버튼을 누르면 dynamicContent.xml 의 내용을내용을 테이블로 표시한다. Search 버튼을 누르면 기존에 존재하는 테이블 row 를 동적으로동적으로 제거한 후에 동적으로 다시 그린다. 이번 예제는 이 부분이 핵심으므로 가장가장 중요한 코드만을 설명하겠다.

function createCellWithText(text) {
var cell = document.createElement("td");
var textNode = document.createTextNode(text);
cell.appendChild(textNode);

return cell;
}

위 메소드는 테이블 컬럼(<td></td>)에 해당하는 정보를 생성하는 메소드이다. 3-103-10 그림을 보면 하나의 row 에는 3개의 컬럼 요소가 있으며 동적으로 하나의하나의 행을 생성하기 위해서는 address, price, comments 에 해당하는 td 요소를 각각각각 생성해야 한다.

function addTableRow(address, price, comments) {
var row = document.createElement("tr");
var cell = createCellWithText(address);createCellWithText(address);
row.appendChild(cell);

cell = createCellWithText(price);createCellWithText(price);
row.appendChild(cell);

cell = createCellWithText(comments);createCellWithText(comments);
row.appendChild(cell);

document.getElementById("resultsBody").appendChild(row);
}

위 메소드는 테이블 행(<tr></tr>)에 해당하는 정보를 생성해서 테이블에 추가하는추가하는 메소드이다. 바로 위에서 언급했듯이 행을 구성하고있는 3개의 컬럼 요소를 각각 만들어서만들어서 row 변수에 추가한 후, 이 변수를 다시 tbody 속성에 추가하면 그림그림 3-10과 같은 화면이 완성되는 것이다.

3.4 요청 파라미터를 서버로 보내기

지금까지는 ajax를 이용하여 요청을 서버로 보내는 방법과방법과 서버로부터 받은 결과 정보를 파싱해서 처리하는 여러 특징들에 대해서 살펴보았다. 하지만하지만 이것만으로는 부족하다. xml 의 고정된 정보를 다루는 것이 실증나지 않는가? 요청을요청을 보낼때 특정 파라미터를 실어서 서버에 보내고, 서버는 요청정보를 바탕으로 특화된 응답정보를응답정보를 보내야만 쓸만해 진다.

XMLHttpRequest(XHR) 은 고전적 웹의웹의 GET/POST 방식과 흡사하게 동작한다. GET 방식은 name=value 쌍의 파라마터를 url 에에 실어서 서버로 전송한다. 물론 name=value 쌍은 리소스 url 의 끝을 의미하는의미하는 ? 이후에 구분자(&) 를 사이사이에 끼고 주욱 붙는다.

POST 방식은 GET 방식과 마찬가지로 name=value 쌍의 형태로 데이터를 전달한다. 물론물론 같은 구분자 (&)를 사용한다. 하지만 POST 방식은 폼 요소의 데이터를 인코딩하여인코딩하여 Http Request 객체의 body 에 저장해서 보낸다.

또 다른 차이점이 있다면 서버로 보낼 수 있는 요청정보의 크기인데, GETGET 방식으로는 name1=value1&name2=value2&name3=value3... 이런 문자열의 길이가, 브라우저마다 차이가 있지만, 대략 2000 bytebyte 이상이면 불가능하다. 불가능하다는 의미가 무엇이냐 하면 브라우저는 요청정보를 보내려고 시도는 하지만하지만 처리가 안되기 때문에 프러세스는 중단되고 만다. 따라서 서버로 보내는 파라미터가 많을많을 때는 POST 방식을 사용해야 한다. 일반적으로 데이터를 fetch(검색) 할때는 GET 방식을방식을 사용하고 그 이외의 작업(추가, 수정, 삭제)에는 POST 방식을 주로 사용한다. 예를예를 들어 클릭해서 현재 이 글을 읽고 있는 경우는 GET 방식이 사용되었을사용되었을 것이고, 이 글을 수정할때는 POST 방식이 사용될 것이다.

Ajax와 관련된 차이점이라면 GET 방식은 파라미터가 인코딩되어 url 에 붙어가기붙어가기 때문에 해당 url 을 통째로 재사용(bookmark) 가능하지만 ajax 특성상 이런 북마킹북마킹 기능은 불가능 하다. HTML 폼 요소에는 method 속성이 있는데 개발자는 GETGET 또는 POST 방식을 선택할 수 있다. 요청 데이터들은 서버로 submit 될때될때 method속성에 알맞도록 자동으로 인코딩되지만 XHR 객체는 이런 내장 알고리즘이 없기 때문에때문에 개발자가 쿼리 스트링을 작성해야 한다. 쿼리 스트링을 작성하는 방법은 GET 또는또는 POST 방식에 상관없이 동일하다. 유일한 차이점이 있다면 GET 방식의 쿼리 스트링은스트링은 요청 url 에 붙어서 서버로 전송되지만 POST 방식의 쿼리 스트링은 XHRXHR 객체의 send(쿼리 스트링) 메소드가 호출될때 파라미터로 전송된다. 샘플을 살펴보면서 ajax 에서에서 GET 및 POST 방식을 어떻게 사용하는지 알아보자. 이번에는 결과화면을 먼저 소개한다.소개한다.

<3-11 GET/POST 방식 샘플 화면>

위 그림 3-11 은 브라우저에서 First name, Middle name, Birthday 를 입력한 후 Send parameters using GET 버튼 혹은 Send parameters using POST 버튼을 눌렀을 때의 결과가 바로 아래 부분에 표시되는 형태의 단순한 예제이다. 위 샘플을 실행시켜 보기 위해서는 getAndPostExample.html 과 서버 프로그램인 GetAndPostExample.java 가 필요하다. 하지만 이번 예제의 주요 핵심은 서버 프로그램이 아니다. XHR 객체가 GET/POST 방식을 어떻게 사용하는지를 이해하는 것이 중요하다. 클라이언트 및 서버 프로그램 코드를 기술한 후 XHR 의 주요코드에 대해서 설명을 하겠다.

function doRequestUsingGET() {
createXMLHttpRequest();

var queryString = "GetAndPostExample?";
queryString = queryString + createQueryString()
+ "&timeStamp=" + new Date().getTime();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", queryString, true);
xmlHttp.send(null);
}

function parseResults() {
var responseDiv = document.getElementById("serverResponse");
if(responseDiv.hasChildNodes()) {
responseDiv.removeChild(responseDiv.childNodes[0]);
}

var responseText = document.createTextNode(xmlHttp.responseText);
responseDiv.appendChild(responseText);
}

</script>
</head>

<body>
<h1>Enter your first name, middle name, and birthday:</h1>

<table>
<tbody>
<tr>
<td>First name:</td>
<td><input type="text" id="firstName"/>
</tr>
<tr>
<td>Middle name:</td>
<td><input type="text" id="middleName"/>
</tr>
<tr>
<td>Birthday:</td>
<td><input type="text" id="birthday"/>
</tr>
</tbody>

</table>

<form action="#">
<input type="button" value="Send parameters using GET" onclick="doRequestUsingGET();"/>

<br/><br/>
<input type="button" value="Send parameters using POST" onclick="doRequestUsingPOST();"/>
</form>

<br/>
<h2>Server Response:</h2>

</body>
</html>

<3-12 getAndPostExample.html 의 전체 소스 코드>

package ajaxbook.chap3;

import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;

public class GetAndPostExample extends HttpServlet {

/**
*
*/
private static final long serialVersionUID = 1L;

protected void processRequest(HttpServletRequest request,
HttpServletResponse response, String method)
throws ServletException, IOException {

//Set content type of the response to text/xml
response.setContentType("text/xml");

//Get the user's input
String firstName = request.getParameter("firstName");
String middleName = request.getParameter("middleName");
String birthday = request.getParameter("birthday");

//Create the response text
String responseText = "Hello " + firstName + " " + middleName
+ ". Your birthday is " + birthday + "."
+ " [Method: " + method + "]";

//Write the response back to the browser
PrintWriter out = response.getWriter();
out.println(responseText);

//Close the writer
out.close();
}

protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//Process the request in method processRequest
processRequest(request, response, "GET");
}

protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//Process the request in method processRequest
processRequest(request, response, "POST");
}
}

<3-13 GetAndPostExample.java 의 전체 소스 코드>

3-123-12 의 샘플 코드는 이전 예제와 비교해 봤을때 크게 어려운 부분은 없을없을 것이다. 3-13 의 프로그램은 단순한 에코성 문자열을 생성해서 다시 클라이언트로 보내는보내는 것이므로 특별한 설명은 필요하지 않을 듯 싶다. 이번 예제의 핵심은 ajaxajax 에서 GET 및 POST 방식으로 서버에 파라미터를 보내는 방법이다.

function createQueryString() {
var firstName = document.getElementById("firstName").value;
var middleName = document.getElementById("middleName").value;
var birthday = document.getElementById("birthday").value;

var queryString = "firstName=" + firstNamefirstName + "&middleName=" + middleName
+ "&birthday=" ++ birthday;

return queryString;
}

먼저 위 코드는 GET 및 POST 방식에 있어서 쿼리 스트링을스트링을 만들어 공통으로 사용하기 위한 메소드이다. 전에도 설명했듯이 name=value 쌍의 파라미터를 한줄의한줄의 String 데이터로 만들고 있다. 각 name=value 쌍은 & 로 구분지어야 한다.한다. name=value 쌍의 순서는 상관없다.

function doRequestUsingGET() {
createXMLHttpRequest();

var queryString == "GetAndPostExample?";
queryString = queryString + createQueryString()
+ "&timeStamp=" + new Date().getTime();Date().getTime();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", queryString, true);
xmlHttp.send(null);
}

위의 코드는 ajax 를 활용하여 GET 방식으로 파라미터를 서버에서버에 보내는 코드이다. XHR 객체 생성후 쿼리 스트링을 생성한다. var queryString == "GetAndPostExample?"; 라인에서 GetAndPostExample 은 ajaxbook.chap3.GetAndPostExample 서브렛을 호출하기 위해서 서브렛 이름과 매핑된매핑된 url 이름이다. 이 부분은 해당 컨텍스트의 web.xml 에 다음과 같이 기술되어기술되어 있어야 한다.

<web-app>
<servlet>
<servlet-name>GetAndPostExample</servlet-name>
<servlet-class>ajaxbook.chap3.GetAndPostExample</servlet-class>
</servlet>

<servlet-mapping>
<servlet-name>GetAndPostExample</servlet-name>
<url-pattern>/GetAndPostExample</url-pattern>
</servlet-mapping>

</web-app>

쿼리 스트링을 만들때만들때 "&timeStamp=" + new Date().getTime(); 부분을 넣은 이유는 다음과 같다. 몇몇 브라우저들은브라우저들은 명확하지 않은 조건하에서 똑같은 url 로 XHR 멀티 요청을 보냈을때 서버의서버의 결과를 캐싱하는 경향을 보인다. 비록 같은 url 이지만 응답이 다를경우엔 캐싱하는캐싱하는 경향이 오히려 예상치 못한 결과의 원인이 될 수도 있기때문에 되도록이면 uniqueunique 한 url을 생성하기 위한 방법을 택한것이다. 이렇게 생성한 쿼리 스트링을 openopen 메소드에 넣어주고 send 메소드에는 null 값을 설정한다. 다음은 POST 방식에 대해서대해서 살펴보자.

function doRequestUsingPOST() {
createXMLHttpRequest();

var url = "GetAndPostExample?timeStamp=" + newnew Date().getTime();
var queryString = createQueryString();

xmlHttp.open("POST", url, true);
   xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.send(queryString);
}

POST 방식도 GET 방식과 마찬가지로 같은 쿼리 스트링을 사용한다. 하지만 용도는용도는 다르다. GET 방식은 url 과 쿼리 스트링을 합쳐서 open 메소드에 넣어서넣어서 사용한 반면, POST 방식은 위 코드처럼 send 메소드에 파라미터로 넣어준다. 또또 다른 차이점이라면 POST 방식은 HTTP Request 객체의 바디에 파라미터가 저장되는 것이므로것이므로 헤더에도 Content-Type 을 반드시 정의해 줘야 한다. 정의를 해주지 않으면 서버에서는서버에서는 클라이언트에서 보낸 파라미터를 얻지 못한다.

3.5 XML 을 요청 파라미터로 사용하기사용하기

예제 3-13은 ajax를 이용하여 브라우저의 파라미터를파라미터를 서버로 전송하고 그 결과를 처리하는 부분을 주로 살펴보았다. 하지만 파라미터를 name=valuename=value 쌍으로 보내는 것은 초보나 하는 짓으로 보일 수 있고 좀더 확정성과확정성과 유연성 그리고 가독성을 높이는 방향으로 노력을 해보자. 파라미터를 xml 로 변환해서변환해서 처리하도록 하는 것이다. 흥미진진하지 않은가? 그렇다고 이 방식이 완벽한 해결책이 되는되는 것은 아니다. 이번 예제도 물론 실험적이고 기초적인 코드를 가지고 그 활용도를활용도를 모색할 것이다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.01.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sending an XMLXML Request</title>

var xmlHttp;

function createXMLHttpRequest() {{
if (window.ActiveXObject) {
xmlHttp == new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest)(window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
   }
}

function createXML() {
   var xml = "<pets>";

var optionsoptions = document.getElementById("petTypes").childNodes;
var option = null;
for(varfor(var i = 0; i < options.length; i++) {
   option = options[i];
if(option.selected) {
   xml = xml + "<type>" ++ option.value + "<\/type>";
}
}}

xml = xml + "<\/pets>";
   return xml;
}

function sendPetTypes() {
   createXMLHttpRequest();

var xml = createXML();
   var url = "PostingXMLExample?timeStamp=" + new Date().getTime();

xmlHttp.open("POST", url, true);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.send(xml);
}

function handleStateChange() {
   if(xmlHttp.readyState == 4) {
if(xmlHttp.status ==== 200) {
parseResults();
   }
}
}

function parseResults() {{
var responseDiv = document.getElementById("serverResponse");
if(responseDiv.hasChildNodes()) {
responseDiv.removeChild(responseDiv.childNodes[0]);
}

var responseText = document.createTextNode(xmlHttp.responseText);
responseDiv.appendChild(responseText);
}

</script>
</head>

<body>
<h1>Select the types of pets inin your home:</h1>

<form action="#">
<select id="petTypes"id="petTypes" size="6" multiple="true">
<option value="cats">Cats</option>
   <option value="dogs">Dogs</option>
<option value="fish">Fish</option>
   <option value="birds">Birds</option>
<option value="hamsters">Hamsters</option>
   <option value="rabbits">Rabbits</option>
</select>

<br/><br/>
<input type="button" value="Submit Pets" onclick="sendPetTypes();"/>
   </form>

<h2>Server Response:</h2>

</body></body>
</html>

<3-14 postingXML.html 의 전체 소스 코드>

package ajaxbook.chap3;

importimport java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
import javax.xml.parsers.DocumentBuilderFactory;
import javax.xml.parsers.ParserConfigurationException;
import org.w3c.dom.Document;org.w3c.dom.Document;
import org.w3c.dom.NodeList;
import org.xml.sax.SAXException;

public class PostingXMLExample extends HttpServlet {{

/**
*
*/
private static finalfinal long serialVersionUID = 1L;

protected void doPost(HttpServletRequest request, HttpServletResponse response)response)
throws ServletException, IOException {

   String xml = readXMLFromRequestBody(request);
Document xmlDoc == null;
try {
   xmlDoc =
   DocumentBuilderFactory.newInstance().newDocumentBuilder()
   .parse(new ByteArrayInputStream(xml.getBytes()));
}
   catch(ParserConfigurationException e) {
   System.out.println("ParserConfigurationException: " + e);
}
   catch(SAXException e) {
   System.out.println("SAXException: " + e);
}

/* Note how the Java implementation ofof the W3C DOM has the same methods
* as the JavaScript implementation, such as getElementsByTagName and
      * getNodeValue.
   */
   NodeList selectedPetTypes = xmlDoc.getElementsByTagName("type");
StringString type = null;
String responseText = "Selected"Selected Pets: ";
for(int i = 0; ii < selectedPetTypes.getLength(); i++) {
   type == selectedPetTypes.item(i).getFirstChild().getNodeValue();
   responseText = responseText + "" " + type;
}

response.setContentType("text/xml");
response.getWriter().print(responseText);
}}

private String readXMLFromRequestBody(HttpServletRequest request){
StringBuffer xml = new StringBuffer();
String lineline = null;
try {
BufferedReader reader = request.getReader();
while((line = reader.readLine()) != null) {
xml.append(line);
}
}
catch(Exception e) {
System.out.println("Error reading XML: " + e.toString());
}
return xml.toString();
}
}

<3-15 PostingXMLExample.java 의 전체 소스 코드>

3-14는 완전 html 날코딩이라 실망할 수도 있겠다. 파라미터를 담고 있는 xml 을 스트링 조합으로 생성해서 서버로 전송한다. 전송방식은 샘플 3-12 의 POST 방식과 동일하다. 3-15 는 서브릿으로써 브라우저에서 request 객체의 body 에 실어보낸 xml 을 파싱해서 데이터를 추출한 후 일정한 형식의 문자열로 변환하여 다시 클라이언트로 보내주는 방식이다. 이번 서버 프로그램역시 xml 을 파싱하고 정보를 추출하는 부분에 대해서는 특별한 설명을 하지는 않겠다. 하지만 서블릿에서 한가지 짚고 넘어가자면 클라이언트로부터 받은 xML 을 파싱할때 Document 인터페이스를 사용하는데, 이 는 W3C 가 구체화한 것으로 DOM 객체에 존재하는 같은 기능의 메소드인 getElementsByTagName("type") 을 사용하고 있다는 점이다. 나의 주요 논점은 어디까지나 클라이언트이다. 핵심 코드는 아래와 같다.

핵심 로직이지만 너무 간단해서 설명할 것도 없을 것 같다. 위 부분은 xml을 String 형식의 쿼리 스티링을 생성하는 부분이다. petTypes 는 select box 에서 option 엘리먼트 값을 추출하여 문자열을 만드는 부분이다.

function sendPetTypes() {
createXMLHttpRequest();

var xml = createXML();
var url = "PostingXMLExample?timeStamp=" + new Date().getTime();

xmlHttp.open("POST", url, true);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.send(xml);
}

위 코드 역시 이전 샘플에서 다루었기 때문에 특별하게 설명한 부분은 없다. 하지만 한가지 짚고 넘어갈 부분이 있는데, send() 메소드의 파라미터에는 문자열 및 DOM 객체를 설정하는 것이 가능하다. 하지만 왜 이번 예제에서는 DOM 객체 대신에 문자열을 넣었을까? 아쉽게도 지금까지 브라우저간 DOM 객체를 생성해서 공통적으로 사용할 수 있는 방법이 없기 때문이다. IE 의 경우는 ActiveXObject 컨트롤을 통해서, 모질라는 native 자바스립트를 통해서 제공하며, 심지어 이런 방법조차 지원하지 않는 브라우저도 존재한다. 따라서 어쩔수 없이 스트링값을 설정한 것이다.

다음은 위 프로그램을 실행한 결과 화면이다.

<3-16 postingXML.html 의 실행 결과 화면>

3.6 JSON 을 활용하여 데이터를 서버로 보내기

바로 이전의 3-14 샘플은 브라우저의 파라미터를 XML 형식으로 변환하여 서버로 보내는 방법을 제시했었다. 데이타 포맷의 표준이 되서버린 XML을 이용한다는 전체적인 맥락은 그럴싸했지만 사실 XML을 만드는 과정이 복잡한 쿼리 스트링 조합작업이라면 누가 하려하겠는가 말이다. 나 자신도 이런 작업은 정말 싫어한다.

XML 을 생성하기 위한 javascript 날코딩의 대안으로 JSON(Javascript Object Notation, www.json.org) 을 소개한다. JSON 은 텍스트 포맷기반의 경량 데이터 변환 포맷이다. 프로그래밍 언어에 독립적며, C 언어계열에 익숙한 데이터 구조 형식을 취하고 있다. JSON은 두가지 텍스트 포맷을 가지고 있는데, 첫번째는 name/value 쌍의 컬렉션 데이터 구조로 프로그래밍 언어로 따지면 object, record, struct 쯤 되겠다. 두번째는 정렬된 value 의 리스트형태로써 프로그래밍 언어로 비유하자면 배열이라고 보면 될 것이다.

JSON 의 데이터 구조는 많은 프로그램 언어에 의해서 지원되고 있기때문에 XML 보다는 이기종 시스템간의 이상적인 선택이 될 것이다. 추가적으로 JSON 은 표준 자바스크립트의 부류이므로 모든 웹 브라우저간에도 양립할 수 있는 것이다.

<3-17 JSON 오브젝트구조도(출처 : www.json.org)>

위 그림은 JSON의 데이터 구조를 나타내고 있다.

Object는 {} 으로 표시한다. 오브젝트에는 name/value 쌍이 콜론(:) 혹은 콤마(,) 로 구분되어져 있으며 순서는 없다.

Array 는 [] 으로 표시한다. 배열은 정렬된 value 가 콤마(,) 에 의해서 구분되어져 있으며, value 값은 스트링("" 으로 둘러싸야 함), 숫자, true or false, null, object , array 가 올수 있으므로 배열의 구조는 계층적이라고 할 수 있다.

스트링은 유니코드 조합 및 백래쉬 이스케이프(\)를 사용할 수 있으며 '' 을 사용하여 character 를 표현할 수 있다.

스트링과 숫자는 C언어 혹은 자바의 스트링과 거의 흡사하지만 8진수 및 16진수 포맷은 지원하지 않는다. 공백을 name/value 쌍 사이사이에 사용할 수 있다.

하나의 예를 들어보자. Employ 라는 클래스(멤버로 firstName, lastName, employeeNumber, title)의 인스턴스를 JSON 을 이용해서 아래와 같이 표현해 볼 수 있다.

var employee = {
"firstName" : John,
"lastName" : Doe,
"employNumber" : 123,
"title" : "Manager"
}

그러면 위 표현을 오브젝트 속성을 이용해서 아래와 같이 다룰 수 있다.

var lastName = employee.lastName;//lastName 에 접근

var title = employee.title;//title 에 접근

employee.emplyeeNumber = 456;//employeeNumber 를 456 으로 수정

JSON 의 인코딩은 확실히 XML 인코딩보다 가볍다. 따라서 네트웍을 통해서 큰 데이터가 오고가는 상황에서는 많은 퍼포먼스의 차이가 발생할 것이다. JSON 싸이트에 가보면 적어도 14개 이상의 서버쪽 어플리케이션을 다루는 프로그래밍언어에서 JSON 을 사용할 수 있게끔 준비가 되어 있다.

이제 3장의 마지막 주제인 JSON 을 이용한 간단한 샘플을 살펴보자.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<title>JSON Example</title>

var xmlHttp;

function getCarObject() {
return new Car("Dodge", "Coronet R/T", 1968, "yellow");
}

function Car(make, model, year, color) {
this.make = make;
this.model = model;
this.year = year;
this.color = color;
}

</script>
</head>

<body>

<br/><br/>
<form action="#">
<input type="button" value="Click here to send JSON data to the server"
onclick="doJSON();"/>
</form>

<h2>Server Response:</h2>

</body>
</html>

<3-18 jsonExample.htm 의 전체 소스 코드>

package ajaxbook.chap3;

import java.io.*;
import java.net.*;
import java.text.ParseException;
import javax.servlet.*;
import javax.servlet.http.*;
import org.json.JSONObject;

public class JSONExample extends HttpServlet {

/**
*
*/
private static final long serialVersionUID = 1L;

protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String json = readJSONStringFromRequestBody(request);

//Use the JSON-Java binding library to create a JSON object in Java
JSONObject jsonObject = null;
try {
jsonObject = new JSONObject(json);
}
catch(ParseException pe) {
System.out.println("ParseException: " + pe.toString());
}

String responseText = "You have a " + jsonObject.getInt("year") + " "
+ jsonObject.getString("make") + " " + jsonObject.getString("model")
+ " " + " that is " + jsonObject.getString("color") + " in color.";

response.setContentType("text/xml");
response.getWriter().print(responseText);
}

private String readJSONStringFromRequestBody(HttpServletRequest request){
StringBuffer json = new StringBuffer();
String line = null;
try {
BufferedReader reader = request.getReader();
while((line = reader.readLine()) != null) {
json.append(line);
}
}
catch(Exception e) {
System.out.println("Error reading JSON string: " + e.toString());
}
return json.toString();
}
}

<3-19 JSONExample.java 의 전체 소스 코드>

마지막 예제에서 중요한 부분을 굵게 표시하였다. 이번 예제를 실행해 보기 위해서는 json.js 와 자바관련 json 라이브러리가 필요하다. 관련 파일들은 json 웹싸이트에서 다운받으면 된다. 우선 자바스크립트쪽 핵심코드를 먼저 살펴보자.

function getCarObject() {
return new Car("Dodge", "Coronet R/T", 1968, "yellow");
}

function Car(make, model, year, color) {
this.make = make;
this.model = model;
this.year = year;
this.color = color;
}

위 코드는 설명이 별로 필요치 않을 것 같다. Car 객체를 만들어 주는 메소드이다.

function doJSON() {
var car = getCarObject();

//Use the JSON JavaScript library to stringify the Car object
var carAsJSON = JSON.stringify(car);
alert("Car object as JSON:\n " + carAsJSON);

var url = "JSONExample?timeStamp=" + new Date().getTime();

createXMLHttpRequest();
xmlHttp.open("POST", url, true);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.send(carAsJSON);
}

위 코드를 보면 자바스크립트 car 객체를 생성한 후 JSON 자바스크립트 라이브러이의 stringify 를 사용해서 JSON 객체로 변환하고 있다. 나머지 로직은 POST 방식을 구현한 것이고 send(() 메소드에 JSON 객체를 넣어준다.

이번엔 서버쪽 프로그램을 확인해 보자.

JSONObject jsonObject = null;
try {
jsonObject = new JSONObject(json);
}
catch(ParseException pe) {
System.out.println("ParseException: " + pe.toString());
}

String responseText = "You have a " + jsonObject.getInt("year") + " "
+ jsonObject.getString("make") + " " + jsonObject.getString("model")
+ " " + " that is " + jsonObject.getString("color") + " in color.";

우선 서버 프로그램은 Http request 객체에서 JSON 문자열을 추출한다. 이렇게 추출된 문자열을 JSON 자바 라이브러리의 JSONObject 클래스를 생성할때 생성자의 파라미터로 입력된다. JSONObject 는 자동으로 JSON 문자열을 파싱하고 getXxx 메소드를 이용해서 여러 타입의 데이터를 추출할 수 있는 것이다. 정말 간단하지 않은가?

다음은 3-19 샘플을 실행한 결과 화면이다.

Click here to send JSON data to the server 버튼을 클릭하면 alert 창으로 JSON object 데이터 구조를 확인할 수 있다. 그리고 서버에서 처리된 결과문자열인 You have a 1968 Dodge Coronet R/T that is yellow in color. 을 확인 할 수 있을 것이다.

javascript 날짜 계산

2010-08-31T14:30:00.000+09:00

몇일부터 몇일까지의 날짜를 계산하기 위한 스크립트

-소스

-사용

assert의 사용

2010-08-06T09:27:00.000+09:00

ASSERT에 대해 살펴보자.

여러분은 얼마나 많이 ASSERT를 사용하나요? ASSERT를 얼마나 잘 사용했는지를 알아보기

위해서는 내 코드를 사용한 동료가 입력값을 잘못 입력했을 때, 또는 나의 모듈을 잘못 사용

했을 때 너무 많은 오류 메시지 상자 때문에 작업을 할 수 없다고 불평할 정도가 되어야 한다.

그만큼 모든 것을 Debug 빌드에서 확인할 수 있을 정도가 되어야 한다. 그렇다면 결국 우리는

''가능한 한 많이''라는 말을 머리에 항상 염두해 두어야 하겠다. 하지만 말이 아무리 좋다고

하더라도 사용하지 않으면 전혀 쓸모가 없는 법이다.

그래서 오늘은 ASSERT의 의미에 대해서 살펴보고, ASSERT를 사용하는 방법에 대해서

살펴보도록 하겠다. 이번 시간에는 C#을 다루도록 하겠다. 만약 여러분이 이 ASSERT를

제대로 사용할 줄 안다면 다른 언어(예를 들면, C++ 또는 VB .NET)에도 동일한 ASSERT

개념이 적용되기 때문에 레퍼런스를 활용하여 쉽게 활용하실 수 있을 것이다.

ASSERT는 무엇인가?

ASSERT는 프로그래머가 의도한 대로 입력 값 또는 결과가 정확하게 존재하는지를 확인

하기 위한 작업이다. 여기에서 가장 중요한 단어는 확인이다. 뒤에서 다시 한번 언급하겠지만,

ASSERT는 확인을 위한 과정이지 코드를 수행하기 위한 과정은 아니다. 만약 이에 대한 개념을

잘못 잡고 있다면 디버그 빌드와 릴리즈 빌드가 서로 다르게 작동하는 결과를 낳을 수도 있다.

ASSERT는 다음과 같이 사용한다.

Debug.Assert(조건, "오류 메시지");

만약 괄호안의 조건이 거짓이면 두번째 인자에 해당하는 "오류 메시지"를 표시한다. 매우 간단

하다. 백명중에 한명꼴로 ASSERT가 거짓인 조건을 검사한다고 이해하는 분도 있다. 그럼 완전히

반대의 상황이 발생해서 잘못된 값을 넣어주면 잘했다고 칭찬하고 제대로 된 값을 넣어주면 마구

마구 뭐라고 하는 청개구리 코드가 되어 버린다. 그런 분들이 왜 그렇게 이해했는지 얘기를 해

보니 ASSERT에 대한 개념을 외우려고 하다보니 그랬다라고 한다. 우리는 그냥 상식 선에서 생각

하자. 당연히 그게 맞는지 확인하려고하는거지, 틀린지 확인하지는 않을 것이다.

자, 그럼 간단한 예를 하나 들어보자.

public static void MyMethod(Object object)

{

Debug.Assert(object != null, "object 매개 변수가 null입니다.");

/* 작업 수행 */
}

이 코드에서는 매개 변수로 객체(Object 형식)가 넘어오기 때문에 이 객체를 사용하기 전에 null

인지 아닌지를 확인하는 코드이다. 물론 매개 변수로 넘어온 모든 객체에 대해서 null인지

확인해야 하느냐에 대한 질문에는 상황마다 다르다라고 말해줄 수 밖에 없다. 경우에 따라서

객체가 null이어도 전혀 문제가 없을 수 있기 때문이다. 하지만 기본적으로 매개 변수로 넘어온

객체를 이 메서드에서 사용한다라고 가정하고 있기 때문에, 예제와 같은 코드는 매우 흔히 볼 수

있는 ASSERT의 대표적인 경우라고 보면 되겠다. 자, 그럼 여러분은 이제 매개 변수로 넘어온

객체에 대해서 null인지 아닌지를 구분해야 한다라는 것을 알게 되었다.

ASSERT를 어떻게 사용할 것인가?

앞서 말했듯이, ASSERT는 굉장히 단순한 개념이다. 프로그래머가 확인하고 싶은 조건을 걸어두고

그냥 실행만 하면 조건에 맞지 않는 값이 들어왔을 때, 프로그래머가 디버깅을 하지 않아도 오류가

발생한 위치를 정확하게 알 수 있다. 일반적으로 ASSERT는 다음과 같은 상황에서 사용한다.

1. 내가 작성한 메서드에 넘어온 매개 변수를 확인하고 싶을 때
2. 내가 호출한 메서드에서 반환한 값을 확인하고 싶을 때
3. 내가 호출하는 메서드의 매개 변수를 확인하고 싶을 때

첫번째, ''내가 작성한 메서드에 넘어온 매개 변수를 확인하고 싶을 때''가 ASSERT를 사용하는

가장 흔한 경우이다. 앞에서 소개한 예제 코드도 바로 이런 경우에 속한다고 볼 수 있다.

이 경우에는 대부분 메서드의 코드 시작 부분에서 오류가 발생할 수 있는 모든 상황을 검증하는

것이 일반적이다. 왜냐하면 시작 부분에서 완벽하게 검증하지 않고 ASSERT 코드가 분산되어

있다면 매개 변수로 넘어온 값이 내가 작성한 코드에 의해서 영향을 받게 되어 ASSERT가 실패할

수 있기 때문이다. 이런 경우에는 비록 ASSERT로 오류가 발생하는 위치를 찾았다고 하더라도

디버깅하기 위해서 처음부터 코드를 다시 살펴봐야 하기 때문이다. 따라서 매개 변수는 함수

시작 부분에서 확인한다라고 알아두시면 되겠다.

두번째 ''내가 작성한 메서드에서 반환한 값을 확인하고 싶은 경우''는 우리가 잊어버리기가 굉장히

쉽다. 하지만 첫번째 상황보다는 ASSERT를 해야 한다라는 인식면에서 볼때 더 많이 알려진 경우

라고 볼 수 있다. 사실 프로그래머가 되면서 가장 많이 듣는 말이 리턴 값을 검사해야 한다는 말이다.

리턴 값을 넘기지 않는 함수들도 많지만, 함수가 제대로 작성되어 있다면 적어도 성공 또는 실패라는

정도는 알려주어야 한다고 생각한다. 리턴 값이 없는 함수들(리턴 값이 void인 함수들)을 작성한

프로그래머는 거의 모든 상황에서 함수가 성공하며 이 함수를 사용하는 사람은 함수의 성공 여부에

관심을 가질 필요가 없다라고 생각하기 때문일 것이다. 하지만 그건 함수를 작성하는 사람의 생각일

뿐이지, 함수가 리턴값으로 성공이라고 알려준다고 해도 전혀 해가 될것이 없고 언젠가는 함수의

결과를 확인해야 하는 순간이 올 수 있기 때문에 될 수 있으면 리턴 값을 넘기도록 함수를 작성하는

것이 좋다고 생각한다. 결국 내가 호출하는 어떠한 함수도 실패할 수 있고 내가 원하는 대로 함수가

작동하는지 확인해야 할 필요가 있기 때문에 함수의 리턴값은 함수를 호출한 다음 곧바로 검사할

수 있도록 해야한다.

마지막으로 ''내가 호출하는 메서드의 매개 변수를 확인하고 싶을 때''에는 일반적으로 자주 일어나는

경우는 아니지만, 다른 사람이 작성한 함수가 잘 작동할 수 있도록 배려하는 차원에서 확인한다고

보면 되겠다. 하지만 내가 아무리 정확하게 검증한다고 하더라도 해당 함수를 작성한 사람이 함수

안에서 내가 전달한 매개 변수를 검증하는 것보다는 확실하지 못할 것이다. 결국 첫번째 경우를

모두가 지켜준다면 세번째 경우는 필요가 없다.

출처 : 네이버 지식인

Visual Studio 2003 단축키

2010-07-30T11:03:00.000+09:00

일반 바로 가기 키

다음 바로 가기 키 조합은 IDE(통합 개발 환경) 내의 여러 위치에서 사용할 수 있습니다.

명령 이름	바로 가기 키	설명
편집.복사	Ctrl+C Ctrl+Ins	현재 선택한 항목을 시스템 클립보드에 복사합니다.
편집.잘라내기	Ctrl+X Shift+Del	현재 선택한 항목을 시스템 클립보드로 잘라냅니다.
편집.클립보드링순환	Ctrl+Shift+Ins Ctrl+Shift+V	도구 상자의 클립보드 링 탭에 있는 항목을 파일의 삽입 포인트에 붙여 넣고, 붙여 넣은 항목을 자동으로 선택합니다. 바로 가기 키를 반복해서 누르면 클립보드에 있는 각 항목을 검토할 수 있습니다.
편집.다음위치로이동	F8	커서를 다음 항목(예: 작업 목록 창에 있는 작업이나 찾기 결과 창에 있는 검색 결과 항목)으로 이동합니다. F8 키를 누를 때마다 목록의 다음 항목으로 이동합니다.
편집.이전위치로이동	Shift+F8	작업 목록 창이나 찾기 결과 창의 이전 항목으로 커서를 이동합니다.
편집.참조로이동	Shift+F12	코드에서 선택한 기호의 참조를 표시합니다.
편집.파일열기	Ctrl+Shift+G	기존 파일을 열 수 있는 파일 열기 대화 상자를 표시합니다.
편집.붙여넣기	Ctrl+V Shift+Ins	클립보드 내용을 삽입 포인트에 삽입합니다.
편집.다시실행	Ctrl+Shift+Z Ctrl+Y Shift+Alt+백스페이스	이전에 실행 취소된 작업을 복원합니다.
편집.선택취소	Esc	메뉴 또는 대화 상자를 닫거나, 진행 중인 작업을 취소하거나, 현재 문서 창에 포커스를 둡니다. .NET Framework 디자이너에서만 사용할 수 있습니다.
편집.실행취소	Alt+백스페이스 Ctrl+Z	마지막 편집 작업을 취소합니다.
파일.인쇄	Ctrl+P	프린터 설정을 변경할 수 있는 인쇄 대화 상자를 표시합니다.
파일.모두저장	Ctrl+Shift+S	현재 솔루션의 모든 문서 및 외부 파일 프로젝트의 모든 파일을 저장합니다.
파일.선택한항목저장	Ctrl+S	현재 프로젝트의 선택 항목을 저장합니다.
도구.명령줄로이동	Ctrl+/	캐럿을 표준 도구 모음의 찾기/명령 상자에 놓습니다.
보기.다음작업	Ctrl+Shift+F12	작업 목록 창의 다음 작업으로 이동합니다.
보기.찾아보기컨텍스트표시	Ctrl+Shift+8	찾아보기 동작이 마지막으로 수행된 위치로 되돌아갑니다. 개체 브라우저 또는 클래스 창에서 사용할 수 있습니다.
보기.코드보기	F7	선택한 항목을 편집기의 코드 뷰에 표시합니다.
보기.디자이너보기	Shift+F7	선택한 항목을 편집기의 디자인 뷰에 표시합니다.
보기.웹뒤로탐색	Alt+왼쪽 화살표	보고 있는 기록의 이전 페이지를 표시합니다. 웹 브라우저 창에서만 사용할 수 있습니다.
보기.웹앞으로탐색	Alt+오른쪽 화살표	보고 있는 기록의 다음 페이지를 표시합니다. 웹 브라우저 창에서만 사용할 수 있습니다.

HTML 디자이너 바로 가기 키

다음 바로 가기 키 조합은 HTML 디자이너에서 편집할 때만 사용할 수 있습니다. 일부 키 조합은 해당 디자이너의 특정 뷰에서만 사용할 수 있습니다.

명령 이름	바로 가기 키	설명
편집.멤버목록	Ctrl+J	코드 편집 시 문 완성을 위해 현재 클래스의 멤버를 나열합니다. HTML 디자이너의 HTML 뷰에서만 사용할 수 있습니다.
편집.매개변수정보	Ctrl+Shift+스페이스바	현재 언어에 따라 현재 매개 변수에 대한 설명이 포함된 도구 설명을 표시합니다. HTML 편집기의 HTML 뷰에서만 사용할 수 있습니다.
편집.뷰맨아래로	Ctrl+Page Down	현재 문서의 맨 아래로 이동합니다. HTML 디자이너의 HTML 뷰에서만 사용할 수 있습니다.
편집.뷰맨위로	Ctrl+Page Up(다른 이름으로 파일 저장)	현재 창의 맨 위로 이동합니다. HTML 디자이너의 HTML 뷰에서만 사용할 수 있습니다.
서식.굵게	Ctrl+B	선택한 텍스트를 굵은 글꼴로 표시하거나 보통 글꼴로 표시합니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.
서식.책갈피	Ctrl+Shift+L	즐겨찾기 대화 상자를 표시합니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.
서식.하이퍼링크로변환	Ctrl+L	텍스트가 선택되어 있으면 하이퍼링크 대화 상자를 표시합니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.
서식.내어쓰기	Ctrl+Shift+T	선택한 단락을 내어쓰기 한 단위 씩 내어씁니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.
서식.들여쓰기	Ctrl+T	선택한 단락을 들여쓰기 단위 하나씩 들여씁니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.
서식.기울임꼴	Ctrl+I	선택한 텍스트를 기울임꼴로 표시하거나 보통 글꼴로 표시합니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.
서식.요소잠그기	Ctrl+Shift+K	절대 위치로 배치된 요소가 실수로 옮겨지지 않도록 합니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.
서식.모눈표시	Ctrl+G	모눈 표시를 전환합니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.
서식.모눈에맞춤	Ctrl+Shift+G	보이지 않는 모눈을 사용하여 요소를 맞추도록 지정합니다. 옵션 대화 상자에 있는 HTML 디자이너 옵션의 디자인 창에서 모눈 간격을 설정할 수 있으며, 다음에 문서를 열 때 모눈이 변경됩니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.
서식.밑줄	Ctrl+U	선택한 텍스트를 밑줄로 표시하거나 보통 글꼴로 표시합니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.
테이블.왼쪽에열삽입	Ctrl+Alt+왼쪽 화살표	테이블의 현재 열 왼쪽에 열을 하나 추가합니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.
테이블.오른쪽에열삽입	Ctrl+Alt+오른쪽 화살표	테이블의 현재 열 오른쪽에 열을 하나 추가합니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.
테이블.위에행삽입	Ctrl+Alt+위쪽 화살표	테이블의 현재 행 위에 행을 하나 추가합니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.
테이블.아래에행삽입	Ctrl+Alt+아래쪽 화살표	테이블의 현재 행 아래에 행을 하나 추가합니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.
보기.자세히	Ctrl+Shift+Q	주석, 스크립트 및 절대 위치로 배치된 요소의 앵커와 같이 눈에 보이는 표시가 없는 HTML 요소의 신호 아이콘을 표시합니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.
보기.다음뷰	Ctrl+Page Down	디자인 뷰에서 HTML 뷰로, 또는 그 반대로 전환합니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.
보기.테두리표시	Ctrl+Q	테이블, 테이블 셀, 분할선과 같이 BORDER 특성을 지원하며 해당 특성이 0으로 설정된 HTML 요소의 주위에 1픽셀짜리 테두리를 표시합니다. HTML 디자이너의 디자인 뷰에서만 사용할 수 있습니다.

XML 디자이너 바로 가기 키

명령 이름	바로 가기 키	설명
스키마.축소	Ctrl+(-)	중첩 요소를 축소합니다. XML 디자이너의 스키마 뷰에서만 사용할 수 있습니다.
스키마.확장	Ctrl+(=)	중첩 요소를 확장합니다. XML 디자이너의 스키마 뷰에서만 사용할 수 있습니다.

컨트롤 조작 바로 가기 키

다음 바로 가기 키 조합은 디자인 화면에서 컨트롤을 이동하거나, 선택하거나, 크기를 변경할 때 사용할 수 있습니다.

명령 이름	바로 가기 키	설명
편집.컨트롤아래로이동	Ctrl+아래쪽 화살표	디자인 화면에서 선택한 컨트롤을 1단위씩 아래로 이동합니다.
편집.모눈아래로컨트롤이동	아래쪽 화살표	디자인 화면에서 선택한 컨트롤을 8단위씩 아래로 이동합니다.
편집.컨트롤왼쪽으로이동	Ctrl+왼쪽 화살표	디자인 화면에서 컨트롤을 1단위씩 왼쪽으로 이동합니다.
편집.모눈왼쪽으로컨트롤이동	왼쪽 화살표	디자인 화면에서 컨트롤을 8단위씩 왼쪽으로 이동합니다.
편집.컨트롤오른쪽으로이동	Ctrl+오른쪽 화살표	디자인 화면에서 컨트롤을 1단위씩 오른쪽으로 이동합니다.
편집.모눈오른쪽으로컨트롤이동	오른쪽 화살표	디자인 화면에서 컨트롤을 8단위씩 오른쪽으로 이동합니다.
편집.컨트롤위로이동	Ctrl+위쪽 화살표	디자인 화면에서 선택한 컨트롤을 1단위씩 위로 이동합니다.
편집.모눈위로컨트롤이동	위쪽 화살표	디자인 화면에서 선택한 컨트롤을 8단위씩 위로 이동합니다.
편집.다음컨트롤선택	Tab	페이지의 다음 컨트롤로 이동합니다.
편집.이전컨트롤선택	Shift+Tab	페이지에서 이전에 선택한 컨트롤로 다시 이동합니다.
편집.아래로컨트롤크기조정	Ctrl+Shift+아래쪽 화살표	디자인 화면에서 컨트롤의 높이를 1단위씩 높입니다.
편집.모눈아래로컨트롤크기조정	Shift+아래쪽 화살표	디자인 화면에서 컨트롤의 높이를 8단위씩 높입니다.
편집.왼쪽으로컨트롤크기조정	Ctrl+Shift+왼쪽 화살표	디자인 화면에서 컨트롤의 너비를 1단위씩 줄입니다.
편집.모눈왼쪽으로컨트롤크기조정	Shift+왼쪽 화살표	디자인 화면에서 컨트롤의 너비를 8단위씩 줄입니다.
편집.오른쪽으로컨트롤크기조정	Ctrl+Shift+오른쪽 화살표	디자인 화면에서 컨트롤의 너비를 1단위씩 늘립니다.
편집.모눈오른쪽으로컨트롤크기조정	Shift+왼쪽 화살표	디자인 화면에서 컨트롤의 너비를 8단위씩 늘립니다.
편집.위로컨트롤크기조정	Ctrl+Shift+위쪽 화살표	디자인 화면에서 컨트롤의 높이를 1단위씩 줄입니다.
편집.모눈위로컨트롤크기조정	Shift+왼쪽 화살표	디자인 화면에서 컨트롤의 높이를 8단위씩 줄입니다.

디버그 바로 가기 키

다음 바로 가기 키 조합은 코드를 디버깅할 때 사용할 수 있습니다.

명령 이름	바로 가기 키	설명
디버그.코드변경내용적용	Alt+F10	편집하며 계속하기를 시작하여 디버그 중인 코드에 변경 내용을 적용합니다.
디버그.자동	Ctrl+Alt+V, A	현재 프로시저에서 현재 실행되는 줄의 범위에 현재 포함된 변수의 값을 볼 수 있는 자동 창을 표시합니다.
디버그.모두중단	Ctrl+Alt+ Break	디버깅 세션의 모든 프로세스 실행을 일시 중지합니다. 실행 모드에서만 사용할 수 있습니다.
디버그.중단점	Ctrl+Alt+B	중단점을 추가하고 수정할 수 있는 중단점 대화 상자를 표시합니다.
디버그.호출스택	Ctrl+Alt+C	활성화된 모든 프로시저 목록이나 현재 실행 스레드에 대한 스택 프레임을 표시하는 호출 스택 창을 표시합니다. 실행 모드에서만 사용할 수 있습니다.
디버그.모든중단점지우기	Ctrl+Shift+F9	프로젝트의 모든 중단점을 지웁니다.
디버그.디스어셈블리	Ctrl+Alt+D	디스어셈블리 창을 표시합니다.
디버그.중단점설정	Ctrl+F9	현재 코드 줄에 중단점을 설정합니다.
디버그.예외	Ctrl+Alt+E	예외 대화 상자를 표시합니다.
디버그.직접실행	Ctrl+Alt+I	식을 계산하고 개별 명령을 실행할 수 있는 직접 실행 창을 표시합니다.
디버그.지역	Ctrl+Alt+V, L	현재 스택 프레임의 각 프로시저에 대한 변수 및 각 변수의 값을 볼 수 있는 지역 창을 표시합니다.
디버그.메모리1	Ctrl+Alt+M, 1	조사식 창 또는 변수 창에서는 잘 표시되지 않는 큰 버퍼, 문자열, 또는 기타 데이터를 볼 수 있는 메모리1 창을 표시합니다.
디버그.메모리2	Ctrl+Alt+M, 2	조사식 또는 변수 창에 제대로 표시되지 않는 큰 버퍼, 문자열 및 기타 데이터를 볼 수 있는 메모리 2 창을 표시합니다.
디버그.메모리3	Ctrl+Alt+M, 3	조사식 또는 변수 창에 제대로 표시되지 않는 큰 버퍼, 문자열 및 기타 데이터를 볼 수 있는 메모리 3 창을 표시합니다.
디버그.메모리4	Ctrl+Alt+M, 4	조사식 또는 변수 창에 제대로 표시되지 않는 큰 버퍼, 문자열 및 기타 데이터를 볼 수 있는 메모리 4 창을 표시합니다.
디버그.모듈	Ctrl+Alt+U	프로그램에서 사용하는 .dll 또는 .exe 파일을 볼 수 있는 모듈 창을 표시합니다. 다중 프로세스 디버깅에서 마우스 오른쪽 단추로 클릭하여 모든 프로그램에 대해 모듈 표시를 선택할 수 있습니다.
디버그.새중단점	Ctrl+B	현재 코드 줄에서 중단점을 하나 삽입하거나 삭제합니다.
디버그.간략한조사식	Ctrl+Alt+Q	선택한 식의 현재 값이 포함된 간략한 조사식 대화 상자를 표시합니다. 중단 모드에서만 사용할 수 있습니다. 조사식을 아직 정의하지 않은 변수, 속성 또는 기타 식의 현재 값을 확인하려면 이 명령을 사용합니다.
디버그.레지스터	Ctrl+Alt+G	네이티브 코드 응용 프로그램을 디버깅하기 위한 레지스터 내용을 표시하는 레지스터 창을 표시합니다.
디버그.다시시작	Ctrl+Shift+F5	디버깅 세션을 종료하고 다시 빌드한 다음 처음부터 다시 응용 프로그램 실행을 시작합니다. 중단 및 실행 모드에서 사용할 수 있습니다.
디버그.실행중인문서	Ctrl+Alt+N	현재 디버깅 프로세스에 있는 문서들을 표시하는 실행 중인 문서 창을 표시합니다. 실행 모드에서 사용할 수 있습니다.
디버그.커서까지실행	Ctrl+F10	중단 모드에서는 현재 문부터 선택한 문까지 코드 실행을 다시 시작합니다. 현재 실행 중인 줄의 여백 표시기가 여백 표시줄에 나타납니다. 디자인 모드에서는 디버거를 시작하고 커서 위치까지 코드를 실행합니다.
디버그.다음문설정	Ctrl+Shift+F10	선택한 코드 줄을 실행 지점으로 설정합니다.
디버그.다음문표시	Alt+Num *	다음에 실행할 문을 강조 표시합니다.
디버그.시작	F5	자동으로 디버거에 연결하고 <Project> 속성 대화 상자에 지정된 시작 폼에서 응용 프로그램을 실행합니다. 중단 모드에서는 계속으로 바뀝니다.
디버그.디버깅하지않고시작	Ctrl+F5	디버거를 호출하지 않고 코드를 실행합니다.
디버그.한단계씩코드실행	F11	한 번에 하나씩 코드를 실행한 다음 함수 호출을 실행합니다.
디버그.프로시저나가기	Shift+F11	현재 실행 지점에서 함수의 나머지 줄을 실행합니다.
디버그.프로시저단위실행	F10	다음 코드 줄을 실행하지만 함수 호출을 통한 실행은 제외됩니다.
디버그.디버깅중지	Shift+F5	프로그램에서 현재 응용 프로그램의 실행을 중단합니다. 중단 및 실행 모드에서 사용할 수 있습니다.
디버그.This	Ctrl+Alt+V, T	현재 메서드와 연결된 개체의 데이터 멤버를 볼 수 있는 이 창을 표시합니다.
디버그.스레드	Ctrl+Alt+H	현재 프로세스의 모든 스레드와 해당 스레드에 대한 정보를 볼 수 있는 스레드 창을 표시합니다.
디버그.중단점설정해제	F9	현재 줄에 중단점을 설정하거나 제거합니다.
디버그.디스어셈블리설정해제	Ctrl+F11	현재 소스 파일의 디스어셈블리 정보를 표시합니다. 중단 모드에서만 사용할 수 있습니다.
디버그.조사식1	Ctrl+Alt+W, 1	선택한 변수 또는 조사식의 값을 볼 수 있는 조사식 1 창을 표시합니다.
디버그.조사식2	Ctrl+Alt+W, 2	선택한 변수 또는 조사식의 값을 볼 수 있는 조사식 2 창을 표시합니다.
디버그.조사식3	Ctrl+Alt+W, 3	선택한 변수 또는 조사식의 값을 볼 수 있는 조사식 3 창을 표시합니다.
디버그.조사식4	Ctrl+Alt+W, 4	선택한 변수 또는 조사식의 값을 볼 수 있는 조사식 4 창을 표시합니다.
도구.프로세스디버그	Ctrl+Alt+P	한 솔루션에서 여러 프로그램을 디버깅할 수 있는 프로세스 대화 상자를 표시합니다.

찾기 및 바꾸기 바로 가기 키

다음 바로 가기 키 조합은 찾기, 바꾸기, 파일에서 찾기, 파일에서 바꾸기 대화 상자에서 사용할 수 있습니다.

명령 이름	바로 가기 키	설명
편집.찾기	Ctrl+F	찾기 대화 상자를 표시합니다.
편집.파일에서찾기	Ctrl+Shift+F	파일에서 찾기 대화 상자를 표시합니다.
편집.다음찾기	F3	이전에 검색한 텍스트를 계속 찾습니다.
편집.다음찾기선택	Ctrl+F3	문서에서 현재 선택한 텍스트를 계속 찾습니다.
편집.이전찾기	Shift+F3	검색 텍스트를 뒤로 찾습니다.
편집.이전찾기선택	Ctrl+Shift+F3	현재 선택한 텍스트 또는 캐럿의 단어를 뒤로 찾습니다.
편집.찾기콤보상자로이동	Ctrl+D	캐럿을 표준 도구 모음의 찾기/명령 줄에 놓습니다.
편집.숨겨진텍스트	Alt+F3, H	찾기 대화 상자의 숨겨진 텍스트 검색 옵션을 선택하거나 선택 취소합니다.
편집.증분검색	Ctrl+I	증분 검색을 시작합니다. 증분 검색이 시작되었지만 아직 아무 문자도 입력하지 않은 경우에는 이전 패턴을 다시 호출합니다. 텍스트를 찾으면 다음 항목을 검색합니다.
편집.대소문자구분	Alt+F3, C.	찾기 및 바꾸기 작업에 대해 대/소문자 구분 옵션을 선택하거나 선택 취소합니다.
편집.정규식	Alt+F3, R	찾기 및 바꾸기 작업에 특수 문자를 사용할 수 있는 정규식 옵션을 선택하거나 선택 취소합니다.
편집.바꾸기	Ctrl+H	바꾸기 대화 상자를 표시합니다.
편집.파일에서바꾸기	Ctrl+Shift+H	파일에서 바꾸기 대화 상자를 표시합니다.
편집.역방향증분검색	Ctrl+Shift+I	파일 맨 아래에서 시작하여 위로 검색하도록 증분 검색의 방향을 변경합니다.
편집.검색중지	Alt+F3, S	현재 파일에서 찾기 작업을 중단합니다.
편집.위로	Alt+F3, B	찾기 및 바꾸기 작업에 대해 Search Up 옵션을 선택하거나 선택 취소합니다.
편집.단어단위로	Alt+F3, W	찾기 및 바꾸기 작업에 대해 단어 단위로 옵션을 선택하거나 선택 취소합니다.
편집.와일드카드	Alt+F3, P	찾기 및 바꾸기 작업에 대해 와일드카드 옵션을 선택하거나 선택 취소합니다.

Visual Database Tools 바로 가기 키

다음 바로 가기 키 조합은 데이터베이스 디자이너나 쿼리 디자이너에서 사용할 수 있습니다.

명령 이름	바로 가기 키	설명
데이터베이스.실행	Ctrl+D	현재 활성화된 데이터베이스 개체를 실행합니다.
데이터베이스.선택영역실행	Ctrl+Q	SQL 편집기에서 현재 선택된 영역을 실행합니다.
데이터베이스.한단계씩코드실행	Alt+F5	현재 활성화된 데이터베이스 개체에 대해 한 단계씩 실행하여 디버그 모드로 들어갑니다.
쿼리.실행	Ctrl+R	쿼리를 실행합니다. 쿼리 디자이너에서만 사용할 수 있습니다.
보기.다이어그램	Ctrl+1	쿼리 디자이너의 다이어그램 창을 표시합니다. 쿼리 디자이너에서만 사용할 수 있습니다.
보기.모눈	Ctrl+2	쿼리 디자이너의 Grid 창을 표시합니다. 쿼리 디자이너에서만 사용할 수 있습니다.
보기.결과	Ctrl +4	쿼리 디자이너의 결과 창을 표시합니다. 쿼리 디자이너에서만 사용할 수 있습니다.
보기.SQL	Ctrl +3	쿼리 디자이너의 SQL 창을 표시합니다. 쿼리 디자이너에서만 사용할 수 있습니다.

텍스트 탐색 바로 가기 키

다음 바로 가기 키 조합은 텍스트 편집기에서 열려 있는 문서 내부를 이동할 때 사용할 수 있습니다.

명령 이름	바로 가기 키	설명
편집.왼쪽문자로	왼쪽 화살표	커서를 왼쪽으로 한 문자 이동합니다. .NET Framework 디자이너에서만 사용할 수 있습니다.
편집.오른쪽문자로	오른쪽 화살표	커서를 오른쪽으로 한 문자 이동합니다. .NET Framework 디자이너에서만 사용할 수 있습니다.
편집.문서끝으로	Ctrl+End	삽입 포인트를 문서의 마지막 줄로 이동합니다.
편집.문서시작으로	Ctrl+Home	삽입 포인트를 문서의 첫 줄로 이동합니다.
편집.이동	Ctrl+G	줄 이동 대화 상자를 표시합니다.
편집.중괄호로이동	Ctrl+]	삽입 포인트를 다음 중괄호로 옮깁니다.
편집.줄아래로	아래쪽 화살표	커서를 한 줄 아래로 이동합니다.
편집.줄끝으로	End	커서를 현재 줄의 끝으로 이동합니다.
편집.줄시작으로	Home	커서를 줄의 처음으로 이동합니다.
편집.줄위로	위쪽 화살표	커서를 한 줄 위로 이동합니다.
편집.다음책갈피	Ctrl+K, Ctrl+N	문서의 다음 책갈피로 이동합니다.
편집.페이지아래로	Page Down	편집기 창에서 한 화면 아래로 스크롤합니다.
편집.페이지위로	Page Up	편집기 창에서 한 화면 위로 스크롤합니다.
편집.이전책갈피	Ctrl+K, Ctrl+P	이전 책갈피로 이동합니다.
편집.요약정보	Ctrl+K, Ctrl+I	현재 언어에 따라 요약 정보를 표시합니다.
편집.아래로줄스크롤	Ctrl+아래쪽 화살표	한 줄 아래의 텍스트로 스크롤합니다. 텍스트 편집기에서만 사용할 수 있습니다.
편집.위로줄스크롤	Ctrl+위쪽 화살표	한 줄 위의 텍스트로 스크롤합니다. 텍스트 편집기에서만 사용할 수 있습니다.
편집.다음단어로	Ctrl+오른쪽 화살표	삽입 포인트를 한 단어 오른쪽으로 이동합니다.
편집.이전단어로	Ctrl+왼쪽 화살표	삽입 포인트를 한 단어 왼쪽으로 이동합니다.
보기.다음찾아보기	Ctrl+Shift+1	다음 정의, 선언 또는 항목 참조를 탐색합니다. 개체 브라우저 및 클래스 뷰 창에서 사용할 수 있습니다.
보기.이전찾아보기	Ctrl+Shift+2	이전 정의, 선언 또는 항목 참조를 탐색합니다. 개체 브라우저 및 클래스 뷰 창에서 사용할 수 있습니다.

텍스트 선택 바로 가기 키

다음 바로 가기 키 조합은 텍스트 편집기에서 열려 있는 문서의 텍스트를 선택할 때 사용할 수 있습니다.

명령 이름	바로 가기 키	설명
편집.왼쪽문자까지선택	Shift+왼쪽 화살표	커서를 왼쪽으로 한 문자 이동하여 선택 영역을 확장합니다. .NET Framework 디자이너에서만 사용할 수 있습니다.
편집.왼쪽문자까지열확장선택	Shift+Alt+왼쪽 화살표	커서를 왼쪽으로 한 문자 이동하여 열 선택 영역을 확장합니다.
편집.오른쪽문자까지선택	Shift+오른쪽 화살표	커서를 오른쪽으로 한 문자 이동하여 선택 영역을 확장합니다. .NET Framework 디자이너에서만 사용할 수 있습니다.
편집.오른쪽문자까지열확장선택	Shift+Alt+오른쪽 화살표	커서를 오른쪽으로 한 문자 이동하여 열 선택 영역을 확장합니다.
편집.문서끝까지선택	Ctrl+Shift+End	삽입 포인트부터 문서의 마지막 줄까지 텍스트를 선택합니다.
편집.문서시작까지선택	Ctrl+Shift+Home	삽입 포인트부터 문서의 첫 줄까지 텍스트를 선택합니다.
편집.중괄호로이동확장	Ctrl+Shift+]	삽입 포인트를 다음 중괄호로 이동하여 선택을 확장합니다.
편집.한줄아래까지선택	Shift+아래쪽 화살표	텍스트 선택 영역을 삽입 포인트가 있는 위치부터 시작해서 한 줄 아래로 확장합니다.
편집.한줄아래까지열확장선택	Shift+Alt+아래쪽 화살표	커서를 한 줄 아래로 이동해서 열 선택을 확장합니다.
편집.줄끝까지선택	Shift+End	삽입 포인트부터 현재 줄의 끝까지 텍스트를 선택합니다.
편집.줄끝까지열확장선택	Shift+Alt+End	삽입 포인트를 줄 끝으로 옮겨서 열 선택을 확장합니다.
편집.줄시작까지선택	Shift+Home	삽입 포인트부터 줄의 시작까지 텍스트를 선택합니다.
편집.줄시작까지열확장선택	Shift+Alt+Home	삽입 포인트를 줄의 처음으로 옮겨서 열 선택을 확장합니다.
편집.한줄위까지선택	Shift+위쪽 화살표	삽입 포인트 위치에서 시작하여 한 줄씩 위로 텍스트를 선택합니다.
편집.한줄위까지열확장선택	Shift+Alt+위쪽 화살표	커서를 한 줄 위로 이동해서 열 선택을 확장합니다.
편집.한페이지아래까지선택	Shift+Page Down	한 페이지 아래로 선택 영역을 확장합니다.
편집.한페이지위까지선택	Shift+Page Up	한 페이지 아래로 선택 영역을 확장합니다.
편집.모두선택	Ctrl+A	현재 문서의 모든 내용을 선택합니다.
편집.현재단어선택	Ctrl+W	삽입 포인트가 포함된 단어나 삽입 포인트의 오른쪽에 있는 단어를 선택합니다.
편집.이전위치까지선택	Ctrl+=	편집기의 현재 위치에서 편집기의 이전 위치까지 선택합니다.
편집.뷰맨아래까지선택	Ctrl+Shift+Page Down	커서를 뷰의 마지막 줄로 옮겨서 선택을 확장합니다.
편집.뷰맨위까지선택	Ctrl+Shift+Page Up	선택 영역을 현재 창의 맨 위로 확장합니다.
편집.다음단어까지선택	Ctrl+Shift+오른쪽 화살표	한 단어 오른쪽으로 선택 영역을 확장합니다.
편집.다음단어까지열확장선택	Ctrl+Shift+Alt+오른쪽 화살표	커서를 오른쪽으로 한 단어 이동하여 열 선택 영역을 확장합니다.
편집.이전단어까지선택	Ctrl+Shift+왼쪽 화살표	왼쪽으로 한 단어씩 선택을 확장합니다.
편집.이전단어까지열확장선택	Ctrl+Shift+Alt+왼쪽 화살표	커서를 왼쪽으로 한 단어 이동해서 열 선택을 확장합니다.

텍스트 조작 바로 가기 키

다음 바로 가기 키 조합은 텍스트 편집기에서 열려 있는 문서의 텍스트를 삭제하거나, 이동하거나, 서식을 지정할 때 사용할 수 있습니다.

명령 이름	바로 가기 키	설명
편집.구분선	Enter Shift+Enter	새 줄을 삽입합니다.
편집.문자바꾸기	Ctrl+T	삽입 포인트의 양쪽에 있는 문자를 바꿉니다. 예를 들어 AC\|BD를 AB\|CD로바꿉니다. 텍스트 편집기에서만 사용할 수 있습니다.
편집.책갈피지우기	Ctrl+K, Ctrl+L	현재 문서에서 명명되지 않은 책갈피를 모두 제거합니다.
편집.정의부분만보이기	Ctrl+M, Ctrl+O	프로시저와 같이 코드에 영역을 생성하기 위한 논리적 경계를 자동으로 결정한 후, 이를 숨깁니다.
편집.선택영역을주석으로처리	Ctrl+K, Ctrl+C	해당 프로그래밍 언어에 맞는 주석 구문을 사용하여 현재의 코드를 주석으로 표시합니다.
편집.단어자동완성	Alt+오른쪽 화살표 Ctrl+스페이스바	현재 언어에 따라 단어 완성을 표시합니다.
편집.삭제	Delete	커서의 오른쪽에 있는 문자 하나를 삭제합니다.
편집.뒤로삭제	백스페이스 Shift+백스페이스	커서의 왼쪽에 있는 문자 하나를 삭제합니다.
편집.가로공백삭제	Ctrl+K, Ctrl+\	선택 영역의 공백을 축소합니다. 선택 영역이 없으면 커서 주위의 공백을 삭제합니다.
편집.문서서식	Ctrl+K, Ctrl+D	옵션 대화 상자에 있는 텍스트 편집기 섹션의 해당 언어 서식 창에 지정된 대로 해당 언어에 대한 들여쓰기 및 공백 서식을 적용합니다.
편집.선택영역서식	Ctrl+K, Ctrl+F	코드의 주변 줄에 맞춰 선택한 줄을 들여씁니다.
편집.선택영역숨기기	Ctrl+M, Ctrl+H	선택한 텍스트를 숨깁니다. 신호 아이콘은 파일에서 숨겨진 텍스트의 위치를 표시합니다.
편집.탭삽입	Tab	텍스트 줄을 지정한 공백 수 만큼(예: 5) 들여씁니다.
편집.줄잘라내기	Ctrl+L	선택한 모든 줄을 클립보드에 잘라냅니다. 선택한 줄이 없는 경우에는 현재 줄을 잘라냅니다.
편집.줄삭제	Ctrl+Shift+L	선택한 모든 줄을 삭제합니다. 선택한 줄이 없는 경우에는 현재 줄을 삭제합니다.
편집.위쪽줄열기	Ctrl+Enter	삽입 포인트 위에 빈 줄을 삽입합니다.
편집.아래쪽줄열기	Ctrl+Shift+Enter	삽입 포인트 아래에 빈 줄을 삽입합니다.
편집.줄바꾸기	Shift+Alt+T	삽입 포인트가 포함된 줄을 한 줄 아래로 이동합니다.
편집.소문자로	Ctrl+U	선택한 텍스트를 소문자로 변경합니다.
편집.대문자로	Ctrl+Shift+U	선택한 텍스트를 대문자로 변경합니다.
편집.겹쳐쓰기모드	Insert	삽입 모드와 겹쳐쓰기 모드를 전환합니다. 텍스트 편집기에서 작업할 때에만 사용할 수 있습니다.
편집.현재숨기기중지	Ctrl+M, Ctrl+U	현재 선택한 영역에 대한 개요 정보를 제거합니다.
편집.개요표시중지	Ctrl+M, Ctrl+P	전체 문서에 대한 개요 정보를 모두 제거합니다.
편집.앵커바꾸기	Ctrl+R, Ctrl+P	현재 선택 영역의 앵커와 끝 점을 바꿉니다.
편집.왼쪽으로탭이동	Shift+Tab	선택한 줄을 탭 정지 하나만큼 왼쪽으로 이동합니다.
편집.전체개요표시숨기기	Ctrl+M, Ctrl+L	이전에 표시된 모든 숨겨진 텍스트 섹션을 숨김 상태와 표시 상태 사이에서 전환합니다.
편집.책갈피설정해제	Ctrl+K, Ctrl+K	현재 줄에 책갈피를 설정하거나 제거합니다.
편집.개요확장축소	Ctrl+M, Ctrl+M	현재 선택된 숨겨진 텍스트 섹션을 숨김 상태와 표시 상태 사이에서 전환합니다.
편집.작업목록바로가기설정해제	Ctrl+K, Ctrl+H	현재 줄에 바로 가기를 설정하거나 제거합니다.
편집.자동줄바꿈설정해제	Ctrl +R, Ctrl+R	편집기의 자동 줄 바꿈 기능을 활성화하거나 비활성화합니다.
편집.선택영역의주석처리제거	Ctrl+K, Ctrl+U	현재 코드 줄에서 주석 구문을 제거합니다.
편집.공백보기	Ctrl+R, Ctrl+W	공백 및 탭 기호를 표시하거나 숨깁니다.
편집.끝까지단어삭제	Ctrl+Del	삽입 포인트 오른쪽에 있는 단어를 삭제합니다.
편집.시작까지단어삭제	Ctrl+백스페이스	삽입 포인트 왼쪽에 있는 단어를 삭제합니다.
편집.단어바꾸기	Ctrl+Shift+T	삽입 포인트의 양쪽에 있는 단어를 서로 바꿉니다. 예를 들면 \|End Sub는 Sub End\|가 됩니다.

창 관리 바로 가기 키

다음 바로 가기 키 조합은 도구 및 문서 창을 이동하거나, 닫거나, 탐색할 때 사용할 수 있습니다.

명령 이름	바로 가기 키	설명
보기.전체화면	Shift+Alt+Enter	전체 화면 모드를 설정하거나 설정 해제합니다.
보기.뒤로탐색	Ctrl+-	탐색 기록에 있는 이전 문서 또는 창으로 돌아갑니다.
보기.앞으로탐색	Ctrl+Shift+-	탐색 기록에 있는 다음 문서 또는 창으로 이동합니다.
창.문서창활성화	Esc	메뉴 또는 대화 상자를 닫거나, 진행 중인 작업을 취소하거나, 현재 문서 창에 포커스를 둡니다.
창.문서창닫기	Ctrl+F4	현재 MDI 자식 창을 닫습니다.
창.도구창닫기	Shift+Esc	현재 도구 창을 닫습니다.
창.드롭다운표시줄로이동	Ctrl+F2	편집기가 코드 뷰에 있는 동안 커서를 드롭다운 표시줄로 옮깁니다.
창.다음문서창	Ctrl+F6 Ctrl+Tab	MDI 자식 창을 한 번에 하나씩 순환합니다.
창.다음창	Alt+F6	다음 도구 창으로 이동합니다.
창.다음분할창	F6	단일 문서에서 분할 창 뷰의 다음 창으로 이동합니다.
창.다음탭	Ctrl+Page Down	문서 또는 창의 다음 탭으로 이동합니다.
창.이전문서창	Ctrl+Shift+F6 Ctrl+Shift+Tab	편집기 또는 디자이너의 이전 문서로 이동합니다.
창.이전창	Shift+Alt+F6	이전에 선택한 창으로 이동합니다.
창.이전분할창	Shift+F6	분할 창 뷰에서 문서의 이전 창으로 이동합니다.
창.이전탭	Ctrl+Page UP	문서 또는 창의 이전 탭으로 이동합니다.

통합 도움말 바로 가기 키

아래의 바로 가기 키 조합은 도움말 항목들을 보거나 이동할 때 사용할 수 있습니다.

명령 이름	바로 가기 키	설명
도움말.목차	Ctrl+Alt+F1	MSDN에 포함된 설명서의 목차 창을 표시합니다.
도움말.동적도움말	Ctrl+F1	제품에서 현재 포커스를 가진 대상에 따라 다른 항목을 표시하는 동적 도움말 창을 표시합니다.
도움말.F1도움말	F1	현재 선택된 사용자 인터페이스에 해당하는 도움말의 항목을 표시합니다.
도움말.색인	Ctrl+Alt+F2	MSDN에 포함된 설명서의 색인 창을 표시합니다.
도움말.색인결과	Shift+Alt+F2	색인 창에서 선택한 키워드가 포함된 항목을 나열하는 색인 결과 창을 표시합니다.
도움말.다음항목	Alt+아래쪽 화살표	목차의 다음 항목을 표시합니다. 도움말 (웹) 브라우저 창에서만 사용할 수 있습니다.
도움말.이전항목	Alt+위쪽 화살표	목차의 이전 항목을 표시합니다. 도움말 (웹) 브라우저 창에서만 사용할 수 있습니다.
도움말.검색	Ctrl+Alt+F3	MSDN에 포함된 설명서에서 단어나 구를 검색할 수 있는 검색 창을 표시합니다.
도움말.검색결과	Shift+Alt+F3	검색 창에서 검색한 문자열이 포함된 주제 목록을 표시하는 검색 결과 창을 표시합니다.
도움말.창도움말	Shift+F1	현재 선택된 사용자 인터페이스에 해당하는 도움말의 항목을 표시합니다.

개체 브라우저 바로 가기 키

다음 바로 가기 키 조합은 개체 브라우저 창에서 사용할 수 있습니다.

명령 이름	바로 가기 키	설명
편집.기호찾기	Alt+F12	기호 찾기 대화 상자를 표시합니다.
편집.선언으로이동	Ctrl+F12	코드에서 선택한 기호에 대한 정의를 표시합니다.
편집.정의로이동	F12	코드에서 선택한 기호에 대한 선언을 표시합니다.
보기.기호찾기결과	Ctrl+Alt+F12	기호 찾기 결과 창을 표시합니다.
보기.개체브라우저	Ctrl+Alt+J	패키지에 포함된 클래스, 속성, 메서드, 이벤트, 상수를 보거나 프로젝트의 개체 라이브러리와 프로시저를 볼 수 있는 개체 브라우저를 표시합니다.
보기.개체브라우저뒤로	Alt+-	개체 브라우저의 선택 기록에서 이전에 선택한 개체로 이동합니다.
보기.개체브라우저앞으로	Shift+Alt+-	개체 브라우저의 선택 기록에서 다음 개체로 이동합니다.

매크로 바로 가기 키

다음 바로 가기 키 조합은 매크로 작업을 할 때 사용할 수 있습니다.

명령 이름	바로 가기 키	설명
보기.매크로탐색기	Alt+F8	현재 솔루션에 사용할 수 있는 모든 매크로를 나열하는 매크로 탐색기 창을 표시합니다.
도구.매크로IDE	Alt+F11	매크로 IDE, Visual Studio Macros를 실행합니다.
도구.TemporaryMacro기록	Ctrl+Shift+R	환경을 매크로 기록 모드에 놓습니다.
도구.TemporaryMacro실행	Ctrl+Shift+P	기록된 매크로를 재생합니다.

도구 창 바로 가기 키

다음 바로 가기 키 조합으로 특정 도구 창을 표시할 수 있습니다.

명령 이름	바로 가기 키	설명
도구.명령창표시모드	Ctrl+Shift+M	명령 창 내부에서 텍스트를 선택할 수 있도록 합니다.
보기.클래스뷰	Ctrl+Shift+C	클래스 뷰 창을 표시합니다.
보기.명령창	Ctrl+Alt+A	IDE 조작 명령을 입력할 수 있는 명령 창을 표시합니다.
보기.문서개요	Ctrl+Alt+T	현재 문서에 대해 수평 또는 계층 구조로 된 개요를 볼 수 있도록 문서 개요 창을 표시합니다.
보기.즐겨찾기	Ctrl+Alt+F	웹 페이지로 연결되는 바로 가기가 나열된 즐겨찾기 창을 표시합니다.
보기.출력	Ctrl+Alt+O	런타임 시 상태 메시지를 볼 수 있는 출력 창을 표시합니다.
보기.속성창	F4	현재 선택한 항목의 디자인 타임 속성 및 이벤트를 나열하는 속성 창을 표시합니다.
보기.속성페이지	Shift+F4	현재 선택한 항목의 속성 페이지를 표시합니다.
보기.리소스뷰	Ctrl+Shift+E	리소스 뷰 창을 표시합니다.
보기.서버탐색기	Ctrl+Alt+S	데이터베이스 서버, 이벤트 로그, 메시지 대기열, 웹 서비스 및 기타 여러 운영 체제 서비스를 보고 조작할 수 있는 서버 탐색기 창을 표시합니다.
보기.웹브라우저표시	Ctrl+Alt+R	인터넷 페이지를 볼 수 있는 웹 브라우저 창을 표시합니다.
보기.솔루션탐색기	Ctrl+Alt+L	현재 솔루션의 프로젝트 및 파일을 나열하는 솔루션 탐색기를 표시합니다.
보기.작업목록	Ctrl+Alt+K	작업, 주석, 바로 가기, 경고 및 오류 메시지를 사용자 지정하고, 분류하고, 관리할 수 있는 작업 목록 창을 표시합니다.
보기.도구상자	Ctrl+Alt+X	코드와 함께 포함시키거나 사용할 수 있는 기타 항목 및 컨트롤이 들어 있는 도구 상자를 표시합니다.

프로젝트 바로 가기 키

다음 바로 가기 키 조합은 프로젝트에 새 항목을 추가하거나 프로젝트를 빌드하거나, 파일 또는 프로젝트를 열 때 사용할 수 있습니다.

명령 이름	바로 가기 키	설명
빌드.솔루션빌드	Ctrl+Shift+B	솔루션을 빌드합니다.
빌드.컴파일	Ctrl+F7	선택한 파일의 함수/데이터 이름, 외부 참조, 섹션, 링커 지시문, 기계어 코드 등을 포함하는 개체 파일을 만듭니다.
파일.기존항목추가	Shift+Alt+A	현재 프로젝트에 기존 파일을 추가할 수 있는 기존 항목 추가 대화 상자를 표시합니다.
파일.새항목추가	Ctrl+Shift+A	현재 프로젝트에 새 파일을 추가할 수 있는 새 항목 추가 대화 상자를 표시합니다.
파일.새파일	Ctrl+N	새 파일을 선택하여 현재 프로젝트에 추가할 수 있는 새 파일 대화 상자를 표시합니다.
파일.새프로젝트	Ctrl+Shift+N	프로젝트를 만들어 현재 솔루션에 추가할 수 있는 새 프로젝트 대화 상자를 표시합니다.
파일.파일열기	Ctrl+O	기존 파일을 열 수 있는 파일 열기 대화 상자를 표시합니다.
파일.프로젝트열기	Ctrl+Shift+O	기존 프로젝트를 현재 솔루션에 추가할 수 있는 새 프로젝트 대화 상자를 표시합니다.
프로젝트.재정의	Ctrl+Alt+Ins	파생 클래스의 기본 클래스 메서드를 재정의할 수 있습니다. C#에서 사용할 수 있습니다.

기타 편집기 바로 가기 키

액셀러레이터 키 편집기 또는 문자열 편집기에서 다음과 같은 바로 가기 키 조합을 사용할 수 있습니다.

명령 이름	바로 가기 키	설명
편집.새액셀러레이터키	Insert	액셀러레이터 키에 새 엔트리를 추가합니다. 액셀러레이터 키 편집기에서만 사용할 수 있습니다.
편집.새문자열	Insert	문자열 테이블에 새 엔트리를 추가합니다. 문자열 편집기에서만 사용할 수 있습니다.

char*, LPCTSTR, TCHAR 의 차이

2010-07-28T16:03:00.000+09:00

어떠한 문자열을 처리하는 자료형은 보통 char, wchar, TCHAR 를 사용한다.

쉽게 보면,
char* => LPSTR 라고 생각하면 되고
const char* => LPCSTR 라고 할 수 있다.

가운데 'C' 는 const 의 의미다. 'LP' 는 long pointer 의 의미.
끝에 STR 이라는 의미는 NULL 포인터로 끝난다는 의미. 즉, 마지막 인덱스에는 항상 NULL 이 채워져 있어야 한다는 것.
그래야만 str 관련 함수들이 동작을 하는 것이다. strlen, strcpy, strcmp 등등.. 이것들이 src param 의 끝에 NULL 이 없으면 무지 당황하게 된다.

가운데 'T' 가 들어간다는 것은 TCHAR 이라는 의미.
그렇다면 왜 T를 쓸까??

영문은 1바이트.

그런데, 우리나라 말이나, 중국어 등 영문권이 아닌 제 3세계 언어를 표현하기 위해서는
2바이트가 필요하다.. 이를 위해서 MultiByte 를 사용하기도 하지만 MultiByte 는
어떤 글씨는 1바이트 이고 어떤 글씨는 2바이트여서 메모리 관리가 어렵다.
그래서 나온 것이 wchar 인데,

wchar 는 모든 글씨(영문 포함)가 2바이트로 구성이 된다.
당연히 wchar 는 일반 ascii 타입의 char 보다 메모리 공간이 2배 필요하다.

그런데 본론인 TCHAR 는 무엇이냐?
바로 ACSCII 타입의 일반 char 또는 wchar 라는 의미다.
TCHAR 을 사용하면 char 인지 wchar 인지 구별하지 않고 그냥 코딩을 하면 된다.

TCHAR tch = _T('A'); <=> char ch = 'A';
TCHAR tch = _T('A'); <=> wchar wch = 'A';

배열도 역시.. 그냥 숫자 인덱스로 원하는 글씨의 위치를 추적할 수 있다.

그럼 무엇으로 현재 프로젝트의 TCHAR가 char 인지 wchar 인지를 구별할까?
UNICODE 라는 precompile 상수.

해당 프로젝트 project -> settings 에 _DEBUG 등등 선언되어 있는데, 끝에다
UNICODE 라고 쓰고 컴파일 하면 앞으로 나오는 모든 TCHAR 타입은 wchar 으로 변환해서
컴파일을 시도하게 된다.

가운데 C 다음의 T 는 TCHAR 이라는 의미

당연히 상수로 변환을 했으므로 변수에 값을 대입할 수 없겠다.
( b[3] = _T('A'); <- syntax error <=> const char str = "ABCD"; str[3] = 'E' ; <- 이때 에러와 같은 이치)

(TCHAR 을 나타는 매크로가 _T 이다. (한문자 _T(' '), 문장 _T(" ") )

WPARAM 과 LPARAM

2010-07-26T16:28:00.000+09:00

WPARAM은 unsigned int 형이고, LPARAM은 unsigned long 형이다.

특징은, WPARAM는 주로 값들을 넘기는데 사용하고, LPARAM는 값들 뿐만 아니라 포인터를 넘겨줄 때 사용된다.

보통 window procedure 또는 callback function의 인자로, 먼저 나오는 wParam에 자주 쓰이는 정보를 기술하고, lParam에 추가 정보를 기술한다. 지금은 모두 32bit이므로 사용자가 정의하기 나름이다.

윈도우는 메시지 방식으로 프로그램이 진행된다. WPARAM나 LPARAM는 모두 MS에서 지정해 놓은 형식이다. 메시지를 보낼 때 추가로 부가적인 정보를 넣는 것이다. 구체적으로 어떤 정보인지는 아무도 모른다. 이것은 각 메시지마다 다르게 구성되어 있다는 것을 뜻한다.

WM_KEYDOWN을 사용한다면, MS에서 키다운 메시지에 대한 제어를 하고 싶을 땐 이것을 써라. 그리고 부가적인 정보에는 WPARAM와 LPARAM를 사용해라. WPARAM에는 Virtual Key정보를 주고 LPARAM에는 KeyData정보를 넣을 것이니 구현은 사용자가 알아서 제어를 해라. 하는 것과 같다.

W : word

L : long

typedef UINT WPARAM;
typedef LONG LPARAM;

현재는 둘다 32bit 값을 갖는 데이터 타입이다. 그냥 unsigned int, long 이라 해도 상관은 없겠지만, 굳이 이름을 WPARAM, LPARAM이라 한 것은 예전 16bit OS 시절에 이름 붙인 것이 이어져 온 것이다. 당시는 WPARAM은 word 형 파라미터, LPARAM은 long 형 파라미터라는 뜻이어서, (여기서 word형은 2바이트, 참고로 dword(double word)형은 4바이트, byte형은 말그대로 1바이트) 그 때도 위처럼 typedef되었었다. 그런데 32bit OS로 오면서 int형이 4바이트가 되었다. 그런데 typedef은 그대로 두다보니 현재 WPARAM는 이름과는 다르게 4바이트를 갖는 형이되었다. 그러니까 지금은 WPARAM이나 LPARAM이나 4바이트를 갖는 데이터 타입이다. 참고로 windef.h를 보면 여러가지 데이터 타입이 typedef되어 있는 걸 볼 수 있다.

window.open() 속성

2010-06-28T10:54:00.000+09:00

name = window.open( "창에 보여줄 파일/홈페이지의 이름/주소", "창의 이름", "옵션" )

window.open() 메소드에 전달할 수 있는 파라미터 중 첫 번째는 보여줄 내용이고, 두 번째는 target으로서의 창 이름이며 세 번째가 창의 위치와 크기 및 모양을 지정할 수 있는 옵션 그룹이다. 그리고 window.open() 메소드가 되돌리는 값을 name에 담았다면 그 name은 그 창(자식 창)을 연 opener(부모 창)에서 자식 창을 컨트롤할 수 있는 이름이 된다.

다음과 같이 창을 열어보자.

참고로 가끔 보면 옵션들 사이에 빈칸이 있으면 안 된다고 말하는데, 이것은 넷스케이프에 관한 설명인 듯하다. 익스플로러에서도 줄바꿈(리턴)이 있으면 안 된다. 하드 리턴(문단 바꿈, <p>)은 물론이고 소프르 리턴(줄만 바꿈, <br>)도 끼어들면 결코 안 될 것이다.

창 열기 옵션은 상당히 많은데, 알아 두면 좋지만 다 외우기는 쉽지 않다. 모든 옵션을 한 번 보되, 나름대로 그룹화하여 소개한다. 이 내용은 1차적으로 http://pl.changwon.ac.kr/~chowing/js/win_open.html을 참고한 것이다. 넷스케이프 전용인지 익스플로러 전용인지 등을 확인하는 데 도움이 될 참고 사이트는 http://www.kbtech777.co.kr/lecture/webprog/jscript/javalibrary.htm(JavaScript 속성 라이브러리) 등.

위치	screenX / left(ie전용) : 왼쪽 좌표, screenY / top(ie전용) : 위쪽 좌표
크기	width : 너비, height : 높이
	resizable(크기변경 허용 여부)
	innerWidth, innerHeight, outerWd\idth, outerHeight(넷스케이프 전용?)
다른 창과의 관계	dependent(opener가 닫히면 함께 닫힘)
	alwaysLowered(항상 깔림), alwaysRaised(항상 드러남)
	z-lock(yes로 설정하면, 활성화되어도/포커스가 주어져도 다른 창 위로 떠오르지는 못하게 막는다)
기타 옵션들	hotkeys( no로 지정하면 menubar 없이는 (security 및 quit) 핫키를 제외한 어떤 핫키도 사용할 수 없게 된다 )
	directories(디렉터리 버튼들)
	location(로케이션 엔트리)
	menubar(File, Edit, View, 기타의 메뉴바)
	scrollbars(필요할 때 나타날 스크롤바)
	status(아래쪽 상태바)
	titlebar(위쪽 타이틀바)
	toolbar(Back, Forward, 기타의 툴바)
IE4(이상)에서만 사용 가능한 옵션들	channelmode(채널바가 있는 창)
	fullscreen(전체 화면 차지)
	left(screenX), top(screenY)

위와 같은 방식으로 정리하면 저절로 외워지게 하는 데 도움이 되지 않을까 생각한다. 정리한 직후에 남는 궁금증은 z-lock과 alwaysLowered는 동일한 옵션인가? 하는 점이다. 실습이 최상의 선택이라고 믿으므로 차근히 테스트해 보자.

먼저, 아무 옵션도 주지 말고 창을 열어 보자.

타이틀바, 메뉴바, 툴바, 로케이션 엔트리, 스크롤바, 상태바 등 아무튼 얼른 보아서 모든 옵션들이 다 yes로 설정되어 나타나는 것 같다. 이번에는 크기와 위치만을 지정하여 창을 열어 보자.

이번에는 타이틀바만 나타나고, 다른 모든 것이 no로 설정된 모양이다(최대화 버튼이 죽어 있다). resizable로 no인 것이 분명하다. 옵션 중에 하나라도 설정하면 타이틀바와 hotkeys만 yes로 되고 나머지는 모든 no로 디폴트 설정되는 것이라고 이해하면 될 것 같다.

다음으로, resizable, resizable=yes 또는 resizable=1을 크기, 위치 지정과 함께 주어 보자.

최대화 버튼이 살아나고, 가장자리에 마우스를 대면 리사이즈 화살표 모양으로 변한다. 이번에는 디렉터리 버튼들을 나타내어 보자.

타이틀바 아래에 '연결, 링크 사용자 정의, 인터넷 시작' 등 줄이 나타나고 그 줄 오른쪽의 >> 표시를 클릭하면 채널 가이든 등 리스트가 드롭다운된다. 이번에는 로케이션 엔트리를 나타내어 보자.

이번에는 디렉터리 버튼들이 오른쪽으로 밀려 나가고, 같은 줄 왼쪽에 '주소'라는 표시와 로케이션 드롭다운이 심어져 있다.

타이틀바와 로케이션/디렉터리 중간에 메뉴바 줄이 삽입된다.

스크롤바를 지정하면, 스크롤할 필요가 없는 경우에도 오른쪽의 스크롤바는 여전히 나타난다.

타이틀바, 메뉴바 아래에 뒤로/앞으로/중지/새로고침 등의 툴바가 삽입된다.

아래쪽 상태바까지 모든 것이 다 나타난다.

앞에서 z-lock과 alwaysLowered는 동일한 옵션인가? 하는 의문을 제기한 일이 있다. 그런데 현재 익스플로러 5.5에서 테스트해 본 결과 그 두 옵션과 alwaysRaised 봅션은 먹히지 않는 것 같다. dependent 옵션도 사용해 보았으나, 효과를 알 수 없다. 내가 정확한 사용법을 몰라서 그런가? 무언가 새로운 것을 알게 되면 추가 정리하기로 하겠다.

FCKeditor java 버전 설치 하기

2010-06-01T14:27:00.000+09:00

FCKeditor java 버전 설치 하기

FCK editor 2007/04/02 21:58

FCKeditor java 버전 설치
- 환경
O/S : Window XP Professional
Servlet Engine : Tomcat 5.0.28
Character Set : UTF-8
IDE Tool : Eclipse 3.2
FCKEditor Version : 2.3.1( http://prdownloads.sourceforge.net/fckeditor/FCKeditor_2.3.1.zip?download )FCKEditor.Java Version 2.3
( http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=129511 )
1. editor 폴더를 생성하고 톰캣 컨텍스트의 루트를 editor 폴더 경로로 지정
2. fckeditor 다운로드
2-1. http://www.fckeditor.net/download/ 에서 다운로드
2-2. editor 폴더에 다운로드 된 압축 파일의 압축을 풉니다.
2-3. 압축을 풀면 나오는 디렉토리인 FCKeditor 폴더를 editor 하위 폴더로 되게끔 이동합니다.

3. 톰캣을 가동한 후 FCKeditor\_samples\default.html 을 실행하여 fckeditor 를 실행

4. 그러나 이미지 업로드를 할려고 서버 보기를 할 경우 에러가 발생합니다.

5. java 버전용 fckeditor 를 editor 폴더로 다운로드(FCKeditor-2.3.zip)
5-1. http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=129511 에서 다운로드
5-2. editor 폴더에 다운로드 된 압축 파일의 압축을 풉니다.

6. 지정폴더\editor\FCKeditor-2.3\web 하위에 있는
_samples 폴더와 WEB-INF 폴더를 각각 이동.
6-1. 2번에서 만들어진 \editor\FCKeditor\_samples 폴더에
\editor\FCKeditor-2.3\web\_samples 폴더를 붙여넣기 합니다.
6-2. \editor\WEB-INF 폴더에 \editor\FCKeditor-2.3\web\WEB-INF 폴더를 붙여넣기 합니다.

* 새로운 컨텍스트라면 web.xml 을 그대로 덮어씌운 후 복사하고,
기존에 컨텍스트에 다른 체계가 돌아가 있다면 web.xml 내용 중 <web-app> 부분을
기존 사용중인 컨텍스트에 web.xml 에 붙여넣기 합니다.
( load-on-startup 이 이미 있다면 숫자를 변경함 )

완료하면 폴더 구조는 다음과 같습니다.
( UserFiles 디렉토리는 사용자가 업로드한 이미지 저장 디렉토리입니다. )

* 톰캣 리스타트시에 콘솔 창에 다음과 같이 업로드 제한 파일 확장자 리스트가 나옵니다.
( web.xml 파일에 DeniedExtensionsFile 이란 param-name 으로 지정되어 있습니다. )

7. jsp 샘플을 실행
그러나 다음과 같이 fckeditor.html 파일을 찾을수 없다는 메시지가 뜹니다.

\editor\FCKeditor\_samples\jsp\sample01.jsp 내용을 보면
oFCKeditor.setBasePath( "/FCKeditor/" ) ;
위와 같은 부분이 있습니다.

컨텍스트의 루트 폴더가 FCKeditor 이라면 에러 없이 수행되었겠지만
루트가 editor 폴더로 지정되어 있으므로
oFCKeditor.setBasePath( "/editor/FCKeditor/" ) ;
위처럼 수정해주면 제대로 수행되는 것을 확인할수 있습니다.

7-3. 이미지 버튼을 눌러서 서버보기를 눌러보지만 4. 처럼 스크립트 오류가 발생합니다.

8. sample02.jsp 의 태그 라이브러리를 이용한 파일 브라우저 경로 수정
8-1. \editor\FCKeditor\_samples\jsp\sample02.jsp 를 보면 7. 처럼 fckeditor.html 을 찾을수 없다는 메시지가 뜹니다.
<FCK:editor id="EditorDefault" basePath="/FCKeditor/"
위 부분에서 basePath 를 현재 테스트 경로에 맞게끔
<FCK:editor id="EditorDefault" basePath="/editor/FCKeditor/" 로 수정 후 sample02.jsp 를 수정하면
에디터는 잘 나오나 역시 이미지 뷰어나 업로드 부분은 작동하지 않습니다.

sample02.jsp 에선 다음과 같이 브라우저 URL 과 업로드 URL 을 정의한 부분을 볼수 있습니다.
imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
flashBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
imageUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"
linkUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"
flashUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash"

editor 폴더 하위에 FCKeditor 폴더가 위치한 구조이니 /FCKeditor/editor... 부분 앞에
/editor/FCKeditor/editor... 형식으로 수정하고,

web.xml 의
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<url-pattern>/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>/editor/filemanager/upload/simpleuploader</url-pattern>
</servlet-mapping>

위 url-pattern 경로대로 Connector 부분과 UploadURL 을 현재 경로를 예를 들어 재구성하자면
다음과 같이 수정하여 sample02.jsp 을 작성하면 됩니다.
imageBrowserURL="/editor/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=/editor/editor/filemanager/browser/default/connectors/jsp/connector"
linkBrowserURL="/editor/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=/editor/editor/filemanager/browser/default/connectors/jsp/connector"
flashBrowserURL="/editor/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=/editor/editor/filemanager/browser/default/connectors/jsp/connector"
imageUploadURL="/editor/editor/filemanager/upload/simpleuploader?Type=Image"
linkUploadURL="/editor/editor/filemanager/upload/simpleuploader?Type=File"
flashUploadURL="/editor/editor/filemanager/upload/simpleuploader?Type=Flash"

위 URL은 web.xml 의 url-pattern 과 매핑된다는 점을 이해하셔야 합니다.
이런 특징을 통하여 경로를 판별할수 있습니다.

8-2. 이미지링크,플래쉬 브라우저 및 업로드가 제대로 동작하지 않을 경우...

8-2-1. browser.html 파일의 경로가 틀렸을 경우
basePath 만 수정한 후 위 8-1. 에서처럼 경로를 수정하지 않을 경우
다음과 같은 화면을 볼수 있습니다.

8-2-2. Connector 부분의 경로가 틀릴 경우
Connector 의 경로는 수정하지 않은채 browser.html 의 경로만 옳바르게 설정할 경우
다음과 같은 화면을 볼수 있습니다.

* Connector 의 경로는 web.xml 의 Connector 의 url-pattern 과 관련이 되어있습니다.
8-1. 에서 보신 web.xml 처럼 /editor/filemanager/browser/default/connectors/jsp/connector 으로
지정되어 있따면 Connector 의 주소는
http://서버url/컨텍스트명/editor/filemanager/browser/default/connectors/jsp/connector 이 됩니다.

위 화면처럼 파일을 찾을수 없다는 화면이 아닌 다른 화면이 나오게 되면 맞는 경로이므로
Connector 부분은 http://서버url/ 을 제외한 나머지 주소를 기술하면 됩니다.
( 8-1. 의 Connector 주소 설정 참조 )

* 옳바른 주소 설정에도 불구하고 위 화면에서처럼 Connector 을 브라우저에서 실행했을 때
다른 에러가 발생한다면 XML 을 생성하는 xalan 콤포넌트가 존재하는지 의심해봐야 합니다.

왜 에러가 발생하는지 보기 위한 테스트URL)
http://서버url/컨텍스트명/editor/filemanager/browser/default/connectors/jsp/connector?Command=GetFoldersAndFiles&Type=Image&CurrentPath=/

위 화면에서처럼
javax.xml.transform.TransformerFactoryConfigurationError: Provider org.apache.xalan.processor.TransformerFactoryImpl not found
에러가 발생한다면 Xerces-J-tools의 xalan.jar 를(http://www.apache.org/dist/xml/xerces-j/)

찾아 다운로드 하여 \WEB-INF\lib 폴더에 넣은 후 톰캣 재가동후 새로운 브라우저에서
테스트 URL 을 확인해보면 다음과 같이 에러 없이 XML 화면이 나오는 것을 확인할수 있습니다.

8-2-3. 업로드 URL 의 확인
Connector 와 마찬가지로 web.xml 의 SimpleUploader 의 url-pattern 의 영향을 받습니다.
위 web.xml 에선 url-pattern 이 /editor/filemanager/upload/simpleuploader 이므로
테스트 URL)
http://서버url/컨텍스트명/editor/filemanager/upload/simpleuploader 을 쳤을 경우 다음과 같은 화면이 나와야 정상입니다.

위 결과대로 나온다면 image,link,flash UploadUrl 을 설정하면 됩니다.( 8-1. 의 각 UploadUrl 확인 )

9. 테스트
이미지를 업로드하고, 목록에 정상적으로 출력된다면 모든 설치가 성공적으로 완료된 것입니다.

10. 샘플이 아닌 기존 체계에 fckeditor 를 적용할 경우.
태그 라이브러리 사용을 위한
<%@ taglib uri="http://fckeditor.net/tags-fckeditor" prefix="FCK" %> 를 페이지 상단에 삽입 하고,
<TEXTAREA></TEXTAREA> 부분에 sample02.jsp 의 <FCK:editor ~ </FCK:editor> 부분을 복사하여 붙여넣기 합니다.
기본 sample02.jsp 에는 <FCK:editor id="EditorDefault" 처럼 id 가 EditorDefault 로 되어있는데
만약 <TEXTAREA name = "contents" 와 같이 name 이 contents 였다면
<FCK:editor id="contents" 로 지정하면 받는 부분에서 contents 로 받을 수 있습니다.

예)
- \editor\board\create_form.jsp(UTF-8 로 작성)

<%@ taglib uri="http://fckeditor.net/tags-fckeditor" prefix="FCK" %>

<%@ page contentType = "text/html;charset=utf-8" %>
<HTML>
<HEAD>
<TITLE>글 입력 폼</TITLE>
<META http-equiv = "Content-Type" content = "text/html;charset=utf-8" />
<SCRIPT>
function send()
{
create_form.submit();
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name = "create_form" method = "post" action = "./create.jsp">
<FCK:editor id="contents" basePath="/editor/FCKeditor/"
imageBrowserURL="/editor/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=/editor/editor/filemanager/browser/default/connectors/jsp/connector"
linkBrowserURL="/editor/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=/editor/editor/filemanager/browser/default/connectors/jsp/connector"
flashBrowserURL="/editor/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=/editor/editor/filemanager/browser/default/connectors/jsp/connector"
imageUploadURL="/editor/editor/filemanager/upload/simpleuploader?Type=Image"
linkUploadURL="/editor/editor/filemanager/upload/simpleuploader?Type=File"
flashUploadURL="/editor/editor/filemanager/upload/simpleuploader?Type=Flash">
This is some <strong>sample text</strong>. You are using <a href="http://www.fredck.com/fckeditor/">FCKeditor</a>.
</FCK:editor>
</FORM>
<INPUT type = "button" onClick = "return send()" value = "전송">
</BODY>
</HTML>

- \editor\board\create.jsp(UTF-8 로 작성)

<%@ page contentType = "text/html;charset=utf-8" %>
<%
String contents = request.getParameter("contents");

contents = new String(contents.getBytes("8859_1"), "UTF-8");
%>
<HTML>
<HEAD>
<TITLE></TITLE>
<META http-equiv = "Content-Type" content = "text/html;charset=utf-8" />
</HEAD>
<BODY>
<%= contents %>
</BODY>
</HTML>

11. 몇가지 Tip.
11-1. 공백 값 입력을 방지하기 위해선 스크립트를 다음과 같이 수정합니다.

/**
* 데이터 전송전 체크
*/
function send()
{
var oEditor = FCKeditorAPI.GetInstance('contents') ;

var div = document.createElement("DIV");

div.innerHTML = oEditor.GetXHTML();

if( isNull( div.innerText ) )
{
alert("내용을 입력하세요.");
oEditor.Focus();
return false;
}

create_form.submit();
}

/**
* 정규표현식을 이용한 공백 체크
*/
function isNull( text )
{
if( text == null ) return true;

var result = text.replace(/(^\s*)|(\s*$)/g, "");

if( result )
return false;
else
return true;
}

11-2. 페이지 로딩시 바로 포커스를 주고 싶다면
\editor\FCKeditor\fckconfig.js 의 FCKConfig.StartupFocus 의 값을 true 로 변경하거나

태그라이브러리 옵션으로 startupFocus="true" 를 설정합니다.

11-3. 읽기 전용으로 변환하고 싶다면

var oEditor = FCKeditorAPI.GetInstance('contents') ;
oEditor.EditorDocument.body.contentEditable = false;
oEditor.EditorDocument.body.unselectable = true;

11-4. 기타 환경 설정은 fckconfig.js 파일을 참조하고 아래 사이트를 참조하시기 바랍니다.
http://sourceforge.net/forum/forum.php?forum_id=257180 ( fckeditor help 포럼 )
http://java.lin4u.com/my/index.php?category=&keyfield=title&keyword=fck&favorite ( 폰트 관련 참조 )
http://wiki.fckeditor.net/ ( fckeditor 위키 사이트 )

http://www.ghlab.com/blog/fckeditor/editor.zip ( 위 샘플들을 테스트한 컨텍스트 모든 파일들 )

FCKeditor

2010-06-01T13:49:00.000+09:00

FCKeditor

Styles

http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide/Configuration/Styles

Templates

http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide/Configuration/Templates

참고

Form이 submit되어 서블릿쪽으로 값을 넘길 때는 등록하거나 수정한 내용이 적용 되지만, validatorUtil.js를 이용해서 입력폼을 검증시에 직접 에디터의 내용을 가져오지는 못하는 것 같다. 이때는 에디터를 페이지에 삽입했을 때 다음과 같이 들어가는 것을 이용해서 직접 히든 필드에 에디터의 값을 할당하고 검증한다.

<td>코드명 </td><td>$editor.get("cd_nm", "$!cd_nm")</td>

이 VTL 코드는 다음과 같은 HTML로 파싱된다.

<td>코드명 </td><td><div><input value="" type="hidden" name="cd_nm" id="cd_nm" /><input value="CustomConfigurationsPath=%2Feditor%2Fconfig.js" type="hidden" id="cd_nm___Config" /><iframe frameborder="0" width="780" height="200" scrolling="no" src="/editor/editor/fckeditor.html?InstanceName=cd_nm&Toolbar=Custom" id="cd_nm___Frame"> </iframe></div></td>

검증 시는 다음과 같이 직접 히든 필드에 값을 입력하고 검증한다.

function fn_update(){
$("cd_nm").value = FCKeditorAPI.GetInstance ('cd_nm').GetXHTML(true);
var val = new Validator($("formDetl"));
if(!cfn_isEmpty("$!codeMgr.badWord")) {
val.setBadWord("$!codeMgr.badWord");
}
...
val.addItem("cd_nm", "Y:maxByteLength=75:Y:코드명:");
val.addItem("cd_nm", "Y:badword:Y:코드명:");
...

에디터 밖에서 편집 모드 변경

var oEditor = FCKeditorAPI.GetInstance('cd_nm') ;
oEditor.SwitchEditMode(true) ;

자바와 연동시 한글 파일 업로드 파일명 깨짐 방지

http://nextframe.jp/flash/matsnp/matsnp.html
fckeditor-java-core-2.4.1.jar
FCKeditor업로더창은 utf-8

resizeFullScreen

2010-05-17T11:39:00.000+09:00

PSP 3005 커펌 방법

2010-05-07T09:01:00.000+09:00

일단 PSP 3005 5.05이상이신분들은 커펌이 안됩니다.

5.03 이하이신분들은 5.03으로 업그레이드 해주세요

http://www.psp-hacks.com/file/1645 < 5.03 업데이트 다운

1. PSP 5.03 압축풀기

2. PSP 3005 USB에 연결

3. PSP 연결폴더 -> GAME -> UPDATE (없으면 만들기)

4. 1번에서 푼 파일들 중에 EBOOT.PBP 파일을 3번 UPDATE 에 넣기

5. USB 를 빼고 버젼을 확인

끝

1. 받은 첵헨 압축파일 풀기

2. PSP 전원을 킨후 시스템설정 -> 문자집합 -> 맨위 US-latin 설정
(UMD 자동기능 과 캐시를 끄기로 하고 UMD충전 과 자동연결을 끄기로 한다 , 색공간을 표준으로 한다 , 테마를 클래식으로 바꾼다.)

3. USB를 PSP와 연결

4. Picture 에 있는 모든 사진을 없에기

5. 최상위(PSP 연결폴더)에 h.bin 을 복사 -> 붙여넣기

6. 그다음 칙헨 폴더에 있는 슬림파일을 열어주고 그안에 있는 칙헨 파일을 Picture에 넣어준다

7. USB를 뺀다

8. PSP에서 사진에 들어간다

9. 사진폴데에 들어간후 칙헨파일을 누르면 잠시후 갑자기 픽하면서 화면이 깨지면서 꺼지면 반커펌이 성공한것이다.

(성공한 경우 다시 PSP가 켜진다)

11. 커펌파일 (GEN-C) 압축을 푼다

12. 폴더가 많은데 가다가 맨끝 폴더에 EBOOT과 readme가 있을거다.

13. GEN-C 압축풀면 나오는 PSP 폴더 복사해준 후 USB를 연결한다

14. PSP를 연결한 폴더에 들어가서 최상위에 붙여넣기를 해준다.

15. USB를 빼준다

16. 메모리스틱에서 GEN-C를 실행 X를 눌러준다.

끝

반벽돌 , 벽돌시 책임지지 않습니다 용자만 도전하세요 훗

3005는 완전커펌이 아닌 휘발성 커펌입니다. 배터리를 빼면 커펌이 날아갑니다. ( GEN-C 는 종료가 안됌 슬립모드만 됨 ㅋ )

5.03만 가능합니다.

http://popotz.textcube.com/1153 < ChickHen 입니다 이거 먼저 받고 밑에꺼 받으세용

http://popotz.textcube.com/1449 < GEN - C [FULLE] 을 받습니다.

전처리 구문에 대해

2010-04-15T09:36:00.000+09:00

#define, #ifndef, #ifdef, #endif... 등등이 쓰이는 이유는

컴파일 하기 전에 처리한다는 뜻이죠.

저 구문들을 먼저 처리한 뒤 컴파일이 이루어집니다.

이해를 돕도록 한 가지 예를 들겠습니다.

// 먼저 아무 의미 없어보이는 HELLO를 define했습니다.

#define HELLO

// 여기서 의미가 생기죠. 이 구문을 해석하면 "HELLO가 define이 되었다면.."입니다. 일반 if와 다르지 않습니다.

#ifdef HELLO

printf("Hello\n");

#else // 이건 HELLO가 define되지 않았다면..이 되겠죠

printf("Bye\n");

#endif // end if 즉 if를 끝낸다...뭐 그런 뜻이죠

그럼 이 코드가 어떻게 되냐면..

printf("Hello\n");

이거 하나만 컴파일 됩니다.

만약에 printf("Bye\n");를 prif"Bye\n"); 이 따위로 써도 컴파일 시 에러가 안납니다.

그럼 왜 printf("Bye\n"); 같이 쓰지도 않을 코드를 써서 낭비하는가...

프로그램을 많이 짜다가 보면

어쩔 때는 printf("Hello\n");로 컴파일 해야하고

어쩔때는 printf("Bye\n");로 컴파일 해야할 때가 있습니다.

이게 한 줄이면 모르겠지만...

100줄 1000줄..이러면 일일이 컴파일 할 때마다 주석처리하기 엄청 짜증나겠죠.

이럴 때 #define HELLO만 살짝 손보면 컴파일 결과가 사사삭 바뀌니 엄청 편리합니다.

그럼 질문하신 부분중에

#ifndef TURBOC_HEADER

#define TURBOC_HEADER

ifndef는 if no define...if not define??? 뭐 그런겁니다.

그래서 TURBOC_HEADER가 define되지 않았다면 TURBOC_HEADER를 define해라...

뭐 그런겁니다.

이게 왜 필요하냐면..

프로젝트가 커질 수록 헤더파일을 여기 저기서 가져다 쓰게 됩니다.

그럼 컴파일시 같은 내용을 반복해서 컴파일 하게 되고 에러가 발생할 수도 있습니다.

질문하신 코드의 경우 #include문이 여러개 있는데 한번만 하면 될 일을 여러번 할 수도 있다는 겁니다.

분명히 에러의 소지도 있고요. (아주 쉬운 예로 전역변수를 헤더에 선언했다면 바로 에러나겠죠)

그래서 TURBOC_HEADER가 define되지 않았다면 define하고 헤더를 컴파일하고..

또 다른 곳에서 헤더를 컴파일 하려고 하면 이미 TURBOC_HEADER가 define 되었으니까

그냥 넘어가겠죠.

MFC같은 것을 할 때는 이런 구조가 기본적으로 생성됩니다. 그만큼 꼭 필요한 구조입니다.

#endif는 #ifndef와 쌍이고요..

출처: http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=1040101&docId=68987639&qb=YysrIOunpO2BrOuhnOqwgCDrqLzqsIDsmpQ=&enc=utf8&section=kin&rank=1&sort=0&spq=0

[MFC] DoModal() 이란??

2010-04-06T10:21:00.000+09:00

비주얼 C++에 다이얼로그는 두가지 종류가 있습니다.

한가지가 모달리스 다이얼로그이고...

또 다른 한가지가 모달 다이얼로그입니다.

이 두 다이얼로그의 차이는

모달 다이얼로그의 경우는 다이얼로그가 생성되면

자신을 생성시킨 다이얼로그가 활성화되지 않습니다.

하지만 모달리스 다이얼로그는 다이얼로그가 생성되더라도

자신을 생성시킨 다이얼로그로 마음대로 왔다 갔다 할 수 있습니다.

사실 이게 정확한 설명은 아니지만 대략의 차이점이라고 생각하시면 될 것 같고..^^;;

DoModal 함수에 대한 간단한 예제를 들면...

일단 모달 다이얼로그로 클래스가 생성되어 있다고 하죠...

그 클래스 이름을 "TestClassModal" 이라고 했을 때...

다이얼로그를 생성시킬 곳에서는

일단 해당 다이얼로그 클래스의 해더 파일을 포함시켜야 할 거구요..

그 다음에는 그 클래스를 선언해 주어야 겠지요~^^

TestClassModal dlg;

if (dlg.DoModal == IDOK) // 다이얼로그가 종료될 때 반환되는 값을 검사, OK 버튼으로 종료되었을 경우 IDOK를 반환

{

// OK 로 다이얼로그가 종료되었을 경우의 작업 코딩

}

else

{

// 그렇지 않을 경우의 작업 코딩..

}

DoModal 함수는 보통 위와 같은 형태로 사용됩니다.

[MFC] CDialog::EndDialog

2010-04-06T10:20:00.000+09:00

1. 함수의 원형

void EndDialog(int nResult);

2. 함수의 기능

CDialog 대화상자를 이용해서 프로그램 하는 경우, 대화상자를 종료시킬 때, 어떤 함수를

사용해야하는지 고민하는 경우가 종종있습니다. 일반적으로는 OnOK, OnCancel 을 호출해서

많이 종료시키는데, EndDialog 함수도 대화상자를 종료시킬 때 사용합니다.

3. 함수의 매개변수에 대한 설명

3.1 nResult

대화상자는 보통 DoModal 이라는 함수를 이용해서 대화상자를 출력하게 됩니다. 그리고

대화상자가 종료될때 DoModal 함수를 빠져나오게 됩니다. DoModal 이라는 함수는 종료될 때,

정수형 값을 반환하는데 그 값을 이 변수를 이용해서 지정할 수 있습니다.

일반적으로 대화상자가 종료되었을때, 확인 버튼을 눌러서 종료했는지 또는 취소버튼을 눌러서

종료했는지를 구분하려면 아래와 같이 코드를 작성하시면 됩니다.

MyTestDlg ins_dlg;

int return_value = ins_dlg.DoModal();

if(IDOK == return_value){

// 확인을 눌러서 대화상자가 종료된 경우를 처리 한다.

} else if(IDCANCEL == return_value){

// 취소를 눌러서 대화상자가 종료된 경우를 처리 한다.

}

위 코드에서 보시는것과 같이 DoModal 함수는 IDOK 또는 IDCANCEL 값을 반환하게 됩니다.

왜냐하면, 대부분 OnOK, OnCancel 함수로 종료시키기 때문입니다. 하지만, 좀더 효과적으로

프로그램을 하려고 하다보면 DoModal 함수가 또다른 값을 반환해야 하는 경우도 있습니다.

이럴때, EndDialog 함수를 호출하고 이 매개변수에 DoModal 이 반환할 값을 명시하면 됩니다.

EndDialog(5);

이렇게 종료하면 DoModal 함수는 5의 값을 반환하게 됩니다.

4. 함수의 주의사항

EndDialog 함수는 즉각적으로 대화상자를 닫는 함수는 아닙니다. 따라서 EndDialog 함수 아래에

코드가 있다면 그 코드를 수행합니다. 그리고 EndDialog 함수를 사용한 함수가 종료되는 시점에

대화상자를 종료 시킵니다.

// m_member_data는 MyTestDlg 클래스의 멤버 변수이고 1의 값을 가진다고 가정하겠습니다.

void MyTestDlg::CloseMyDlg()

{

EndDialog(5); // 대화상자가 종료되어야 한다는 값을 내부적으로 설정.

// 하지만 이 순간에 종료되지는 않는다.

m_member_data++; // 값을 2로 증가시킨다.

} // CloseMyDlg 함수가 종료되면서, CDialog 클래스는 종료상황이 체크된것을 인지하고

// 대화상자를 종료합니다.

LPSTR, LPCSTR, LPCTSTR…

2010-03-16T15:30:00.000+09:00

LPSTR : A 32-bit pointer to a character string.
   이 데이터 형같은 경우 예전에 우리가 사용하던 방식으로 선언하면
   char *
   와 같은 경우이죠. 유니코드를 지원하지 않기 때문에 각각의
   문자는 1바이트를 가집니다.

LPCSTR : A 32-bit pointer to a constant character string.
   이 데이터 형같은 경우 예전에 우리가 사용하던 방식으로 선언하면
const char *
   와 같은 경우이죠. const 형이 어떤건지는 아시죠? 이것역시
   유니코드를 지원하지 않기 때문에 각각의 문자는 1바이트를 가집니다.

LPTSTR : A 32-bit pointer to a character string that is
portable for Unicode and DBCS
이 데이터 형같은 경우, 윈도우즈가 유니코드를 지원하면서 새로
생긴형식으로 풀어쓰면 다음과 같습니다.
TCHAR *
이 형은 유니코드를 지원하기 때문에 각 문자가 2바이트를 가지게
됩니다. 실제로 유니코드를 지원하는 프로그램을 작성하지 않는
이상 거의 사용하지 않습니다.

LPCTSTR : A 32-bit pointer to a constant character string that
is portable for Unicode and DBCS.
이것 역시 윈도우즈가 유니코드를 지원하면서 새로 생긴형식으로
풀어쓰면 다음과 같습니다.
const TCHAR *
마찬가지로 유니코드를 지원하기 때문에 한문자가 2바이트 크기를
가지게 됩니다.

함수뒤에 const 를 붙이는건 클래스 멤버함수내에서 this 사용을 제한하기 위해서 사용합니다.
일반적으로 멤버 함수내에서 사용되는 this는 해당 클래스가 MyClass 인 경우에,

MyClass * const this;

와 같이 내부적으로 선언되어서 사용되는데, 함수의 뒤에 const를 붙이면

const MyClass * const this;

와 같이 속성이 바뀌어져서 사용됩니다. 즉 내부에 사용되는 데이터 멤버가 이 함수에서는 모조리
읽기 전용으로 바뀌어져 버리는거죠…

this 변수가 가리키는 멤버들이 모두 쓰기 불능으로 되어버리기 때문에… 즉, this는 우리가 직접
변경할수 없기 때문에 함수뒤에 const를 붙여 간접적으로 this를 const형으로 변경하는 기능을
구현한겁니다.

TSVNCache.exe 제거

2010-03-16T09:39:00.000+09:00

많은 개발업체에서 버전 관리를 위해 무료 버전 관리 프로그램인 Tortoise SVN를 많이 사용하고 있는 걸로 알고 있다.

Tortoise SVN의 장점 중 하나인 현재 상태를 아이콘으로 표시해주는 기능이 있는데, 이 아이콘 상태를 정의하기 위해 Tortoise SVN에서 수시로 디스크를 읽으며, 파일 상태를 체크한다. 이 때문에, 컴퓨터 성능이 저하 되기도 하는데, 범인은 바로 TSVNCache.exe!! 이 프로세서가 백그라운드로 실행되면서, 폴더/파일를 수시로 읽어들이고 있기 때문이다.

Tortoise SVN를 쓰고 있다면, 밑의 방법대로 설정 해두자. 이렇게 하면 사용자가 지정한 폴더와 파일 외에는 접근을 하지 않으므로, 디스크 읽기를 최소화 시킬수 있다.

방법은 이렇다.

1. TortoiseSVN -> Settings 메뉴를 연다 .

2. Look and Feel 트리 항목에서 Icon Overlays 선택

3. 그럼 밑의 그림과 같은 항목들이 나온다.

4. 하단에 Exclude Paths(제외항목)에 드라이브명과 함께 *를 찍어준다.
즉, 드라이브내의 모든 파일/폴더를 검색하지 말란소리다.

5. Include Paths에는 버전관리를 하고 있는 폴더명을 적어준다.

6. 설정을 마치면, 작업 관리자를 통해 TSVNCache.exe를 강제 종료시킨다(보통 알아서 재시작한다).

닥터왓슨 (Dr. Watson, Drwtsn32.exe) 사용법 :: 프로그램 오류, 버그 해독개발자 팁, 강좌

2010-03-12T17:57:00.000+09:00

개요..

닥터왓슨 (Dr. Watson, Drwtsn32.exe) 은 디버그(Debug)와 릴리즈(Release)버전에서 프로그램 오류발생 할 경우 오류 내용을 해독할 수 있는 정보를 제공해주는 특히 서버프로그램에서 아주 유용하게 사용됩니다.

"drwtsn32.exe" 실행하여 도움말을 클릭하면 자세한 한글 설명서를 볼 수 있습니다.

오류가 발생하는 테스트 프로그램 다운로드

윈도우 디버그 심볼(Debug Symbol) 다운로드 받는 방법

따라해보기

내가 만든 프로그램의 심볼을 닥터왓슨(Dr. Watson)에 등록시켜보기

1. 내 컴퓨터 등록정보->고급->환경변수 에 _NT_SYMBOL_PATH 등록합니다.

2. 변수값에 %systemroot%\Symbol;D:\Symbol; 추가합니다.

3. 닥터왓슨을 다음과 같이 실행시켜 기본 디버거로 등록합니다.

drwtsn32.exe -i

4. 릴리즈버전의 링크옵션에 "Generate debug info"를 체크합니다.

5. 컴파일 하여 생성된 *.pdb 파일을 심볼 폴더로 복사합니다.

6. 릴리즈버전을 실행시켜 오류 발생 시험합니다.

오류가 발생 후 오류 함수와 내용이 무엇인지 알아보기

drwtsn32.log 파일 일부분

응용 프로그램 예외 발생:

응용 프로그램: (pid=1224)

날짜: 2004-05-21 @ 23:30:20.968

예외 번호: c0000005 (액세스 위반)

함수: fnc_1

00401005 b9e8030000 mov ecx,0x3e8

0040100a 33ff xor edi,edi

오류 -> 0040100c f3ab rep stosd es:00000000=????????

0040100e 5f pop edi

*----> 스택 역 추적 <----*

FramePtr ReturnAd Param#1 Param#2 Param#3 Param#4 Function Name

0012FF74 0040101A 000003E8 00401025 004010E4 00000001 !fnc_1 (FPO: [1,0,1])

0012FF7C 00401025 004010E4 00000001 00340C20 00340C58 !fnc_2 (FPO: [0,0,0])

0012FF80 004010E4 00000001 00340C20 00340C58 00000000 !main (FPO: [2,0,0])

0012FFC0 77E61AF6 00000000 00000000 7FFDF000 C0000005 !mainCRTStartup

0012FFF0 00000000 00401030 00000000 000000C8 00000100 kernel32!OpenEventA

Visual C++ 를 기본 디버거로 다시 등록하는 레지스트리

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\AeDebug]

"Auto"="0"

"Debugger"="\"E:\\Program Files\\Microsoft Visual Studio\\Common\\MSDev98\\Bin\\msdev.exe\" -p %ld -e %ld"

"UserDebuggerHotKey"=dword:00000000

WinDbg(덤프 분석) 설치 및 사용법

2010-03-09T18:37:00.000+09:00

WinDbg는 덤프를 분석할때 사용되는 툴이다.

즉 커널덤프라던지, 전체 덤프 파일을 읽어서 어디가 잘못 되었는지, 어디가 문제였는지 확인할때 쓰인다.

다운로드는 MS에서 직접 다운을 받으면 되고,

주기적으로 버전이 업데이트 되서 나오니... 최신 버전을 다운 받을수 있다.

http://www.microsoft.com/whdc/devtools/debugging/installx86.mspx

자신의 OS 환경에 맞는 버전을 설치하자.

설치가 완료 되면 아래와 같이 WinDbg를 실행 할수 있게 된다.

이제 환경 설정을 진행 하자.

우선 WinDbg를 실행 시키고 [File]-[Symbol File Path]를 실행 한다.

Symbol File Path에 "SRV*c:\websymbols*http://msdl.microsoft.com/download/symbols" 를 입력 한다.

자~ 이제 기본적인 셋팅은 끝났다.

그외에 [Image File Path]을 설정 할수 있는데 OS의 이미지 경로(OS CD의 i386 폴더)을 선택 해도 되고 안해도 된다.

이제 덤프파일을 가져오자!!!

덤프 파일은 블루스크린 및 컴퓨터에 오류가 발생 했을때 생성되며, 만약 생성이 안되어 있다면....

아래 그림과 같이 [내컴퓨터 속성]-[고급]-[시작및 복구 설정] 에 붉은 박스 내용처럼 되어 있는지 확인 하자

여기서 커널 메모리, 전체 메모리, 작은 메모리 방식은 어느정도의 자료를 남길것인가로 생각 하면 된다.

작은 메모리는 무엇 때문에 문제가 되었는지는 확인 할수 있으나, 왜 문제가 발생했는지 확인하기 어렵다.

저장 경로는 %SystemRoot% => C:\Windows\ 폴더 이다.(Windows가 C드라이버에 설치 되어있을 경우)

블루스크린이 발생 할 경우, 또는 심각한 오류에서 복구가 될 경우 덤프파일이 생성 되구

해당 덤프파일을 읽어와서 분석을 해보자!!!

우선 [File]-[Open Crash Dump]을 실행해서 MEMORY.DMP 파일을 불러온다.

자 그럼 해당 MEMORY.DMP에서 오류 사인을 분석 하게 된다.

우선 아래 덤프 파일은 "ntkrpamp.exe" 파일에서 문제가 발생 한것으로 보인다.

좀더 자세히 알고 싶으면 !analyze -v 를 클릭 또는 kb> 에 !analyze -v 을 입력뒤 엔터를 친다.

이제 좀더 정확한 자료들이 표시가 되는데 이미지는 생략 하도록 하겠다.

해당 파일이 누구 모듈인지(개발자가 여러명일때), 또한 인터넷을 통해 해당 파일이 어떤 역할을 하는 파일인지 확인후

담당 개발자에게 해당 덤프파일을 주면 처리 할것이다.

만약 자기 자신이 개발한 프로그램에서 이런 증상이 발견 된다면, 문제가 되는 변수, 함수등을 디버거 모드로 컴파일 해가면서

잘못된 부분을 찾아야겠지....^^a

[출처] WinDbg(덤프 분석) 설치 및 사용법|작성자 뚫어뽕

WinDbg를 사용하여 process dump 생성

2010-03-09T18:09:00.000+09:00

Process 의 crash, hang 덤프를 수집하기 위해 Debug Diag 또는 adplus.vbs 를 흔히 사용하고 있습니다. 하지만 간혹 프로세스 crash 가 발생하였음에도 불구하고 터미널 세션에서 crash dump 를 수집하지 못하는 경우가 있었습니다. 이런 경우 WinDbg 를 통해서 덤프를 내려받을 수 있습니다. WinDbg 를 사용한 덤프 수집 방법에 대해서 아래와 같이 정리하였습니다.

1. 테스트를 위해 계산기(calc.exe) 프로그램을 실행합니다.

2. WinDbg 실행 - File - Attach to a Process - calc.exe 해당 PID 선택

3. 대상 프로세스(Debuggee)가 정상적으로 Debugger Tool 에 Attach 되면 'g' 명령을 수행하여 Debuggee 가 제어권을 가지도록 넘겨 줍니다.

4. calc.exe 프로세스를 강제 종료합니다. 제어권이 다시 디버거로 돌아옵니다.

eax=00000000 ebx=00000000 ecx=7c7d0000 edx=7c9ae120 esi=7c93de6e edi=00000000

eip=7c93e514 esp=0007fde8 ebp=0007fee4 iopl=0 nv up ei pl zr na pe nc

cs=001b ss=0023 ds=0023 es=0023 fs=003b gs=0000 efl=00000246

ntdll!KiFastSystemCallRet:

7c93e514 c3 ret

5. .dump 명령을 수행하여 메모리 덤프 파일을 내려 받습니다.

0:000> .dump /f d:\calc_crash.dmp

Creating d:\calc_crash.dmp - mini user dump

Dump successfully written

※ /f : Creates a complete memory dump, /o : overwrites an existing dump file

[참고자료]

.dump Create Dump File)

http://msdn.microsoft.com/en-us/library/cc266761.aspx