<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>양군팩토리 &#187; 개발</title>
	<atom:link href="http://www.yangkun.pe.kr/tag/develop/feed" rel="self" type="application/rss+xml" />
	<link>http://www.yangkun.pe.kr</link>
	<description>web developer</description>
	<lastBuildDate>Wed, 20 Jan 2010 01:04:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>에디트플러스 3.11(445) 새로운 기능</title>
		<link>http://www.yangkun.pe.kr/post/598</link>
		<comments>http://www.yangkun.pe.kr/post/598#comments</comments>
		<pubDate>Tue, 29 Sep 2009 04:17:35 +0000</pubDate>
		<dc:creator>양군</dc:creator>
				<category><![CDATA[개발도구]]></category>
		<category><![CDATA[editplus]]></category>
		<category><![CDATA[개발]]></category>
		<category><![CDATA[에디트플러스]]></category>

		<guid isPermaLink="false">http://www.yangkun.pe.kr/?p=598</guid>
		<description><![CDATA[&#160;에디트플러스가 업데이트 됐습니다. 구매사용자(강조!강조!)로서 뿌듯~ 합니다. 업데이트 목록 디렉토리 창에서 이전에 방문한 폴더 아이콘을 유지함. 반복 재생 도구모음 단추 추가. 자동 실행 사용자 도구에서 키 입력 기록을 재생할 수 없던 문제 해결. -s 명령행 옵션 (구문 디렉토리). 창 목록과 디렉토리 창에서 Ctrl+A 키 허용. &#39;웹 서버 루트 디렉토리&#39; 옵션에서 https:// 허용 중첩된 주석 지원을 위한 [...]]]></description>
			<content:encoded><![CDATA[<p>&nbsp;에디트플러스가 업데이트 됐습니다.<br />
	구매사용자(강조!강조!)로서 뿌듯~ 합니다.</p>
<h3>업데이트 목록</h3>
<ul>
<li>디렉토리 창에서 이전에 방문한 폴더 아이콘을 유지함.</li>
<li>반복 재생 도구모음 단추 추가.</li>
<li>자동 실행 사용자 도구에서 키 입력 기록을 재생할 수 없던 문제 해결.</li>
<li>-s 명령행 옵션 (구문 디렉토리).</li>
<li>창 목록과 디렉토리 창에서 Ctrl+A 키 허용.</li>
<li>&#39;웹 서버 루트 디렉토리&#39; 옵션에서 https:// 허용</li>
<li>중첩된 주석 지원을 위한 #NESTED_COMMENT=y 구문 파일 선언문.</li>
<li>FTP 업로드를 취소할 때 프로그램이 다운될 수 있던 버그 수정.</li>
<li>찾기 대화상자에서 &#39;다음 파일로 계속&#39; 옵션 추가.</li>
<li>표식 있는 줄 색상 옵션 (&#39;기본설정&#39;-&gt;&#39;색상&#39;)</li>
<li>최근 파일의 코드 생략 상태 기억.</li>
<li>&#39;빈 줄 지우기&#39; 명령을 실행하면 프로그램이 다운될 수 있던 문제 해결.</li>
<li>패치 설치 시 윈도우 7 에서 경고메시지가 나올 수 있던 문제 해결.</li>
<li>&#39;문서&#39;-&gt;&#39;자동 완성&#39; 옵션 도구모음 단추 추가.</li>
<li>최대 파일 종류 숫자를 50으로 늘임.</li>
<li>디렉토리 표시창에 수평 스크롤바 표시.</li>
<li>소리 끄기 옵션 (&#39;기본 설정&#39;-&gt;&#39;일반&#39;).</li>
</ul>
<p>뭐, 대부분 버그 수정입니다만 그 중에 개인적으로 반가운 업데이트가 있어 기쁜 마음에 몇가지 소개 드릴까 합니다.</p>
<h3>디렉토리창 트리 모드 지원</h3>
<p>꾸준히 (까지는 아니고 몇번) ES-Computing 에 메일로 요청을 했던 부분입니다.<br />
	저의 요청만으로 추가 된 기능은 아니겠지만, 제일 반가운 부분입니다.</p>
<p><img alt="에디트플러스 3.11 디렉토리 창" class="aligncenter size-full wp-image-599" height="440" src="http://www.yangkun.pe.kr/wp-content/uploads/2009/09/picpick-20090929125248.jpg" title="에디트플러스 3.11 디렉토리 창" width="420" /></p>
<p>&nbsp;편해졌지요 ? <img src='http://www.yangkun.pe.kr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h3>파일종류 선택의 추가옵션</h3>
<p>에디트플러스는 Syntax Highlight, 자동 완성, 칸표식, 함수패턴, 들여쓰기 등을 파일종류 별로 설정할 수 있습니다. 이런 파일종류를 이전에는 파일의 확장자로만 지정할 수 있었는데 이번 업데이트 (언제 업데이트 된건지는 모르겠습니다. Change Log에서는 안보이네요) 에서 [추가옵션]을 지원하면서 다양하게 파일을 선택할 수 있도록 해줬습니다.</p>
<p><img alt="에디트플러스 3.11 파일종류으 추가옵션" class="aligncenter size-full wp-image-600" height="382" src="http://www.yangkun.pe.kr/wp-content/uploads/2009/09/picpick-20090929125308.jpg" title="에디트플러스 3.11 파일종류으 추가옵션" width="482" /></p>
<p>이제는 일일이 적용되는 모든 확장자를 나열할 필요없이 와일드 카드(*,?)를 사용해 선택할 수 있게 됐습니다. (박수~)<br />
	그리고 [파일 첫 줄] 옵션도 제공해 ruby, python,shell 등의 스크립트 언어도 확장자 상관없이 선택할 수 있게 됐습니다. (한번 더 박수~~)<br />
	#!/bin/sh 머 이런걸 지정해서 사용하면 유용할 듯 싶습니다. (아직 해보지는 못했습니다.)</p>
<h3>표식 있는 줄 색상 옵션</h3>
<p>에디트플러스는 줄 단위로 표식 지정을 지원합니다. 다른 에디터들의 &quot;북마크&quot;기능과 같습니다.<br />
	이전에는 그 표식의 인식을 좌측 Gutter 부분에 작은 네모 상자로만 했었는데요 이번의 업데이트를 통해 해당 줄의 색상을 설정가능하게 되어서 표식의 인식이 쉬워졌습니다.</p>
<p><img alt="에디트플러스 3.11 표식 줄 색상 설정" class="aligncenter size-full wp-image-601" height="300" src="http://www.yangkun.pe.kr/wp-content/uploads/2009/09/picpick-20090929125312.jpg" title="에디트플러스 3.11 표식 줄 색상 설정" width="400" /></p>
<p>이쁩니다~~ *^^*</p>
<p>외에도 반가운 업데이트 소식이 더 있지만 대충 개인적으로 반가운것들만 추려봤습니다.<br />
	아직 업데이트 못 하신 분들 얼렁얼렁 업데이트 하세요.&nbsp;가볍게 [도움말 &gt; 최신 버전 확인] 하시면 됩니다.</p>
<p>그리고 !! 아직도 정품이 아니신 분들 &#8230; 3만원입니다.</p>
<h3>맺음</h3>
<p>계속해서 업데이트 노력을 아끼지 않으시는 에디트플러스 개발자 분들에게 감사의 말씀드립니다.<br />
	화이팅 입니다.<br />
	&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yangkun.pe.kr/post/598/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>다른 캐릭터셋으로 폼 전송하기</title>
		<link>http://www.yangkun.pe.kr/post/418</link>
		<comments>http://www.yangkun.pe.kr/post/418#comments</comments>
		<pubDate>Sat, 08 Nov 2008 19:49:41 +0000</pubDate>
		<dc:creator>양군</dc:creator>
				<category><![CDATA[개발]]></category>
		<category><![CDATA[charset]]></category>
		<category><![CDATA[form]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.yangkun.pe.kr/?p=418</guid>
		<description><![CDATA[개요 홈페이지 작업을 하면 빠지지 않는게 사용자가 입력한 폼을 전송하는 겁니다. 그런데, 이 폼이 구성된 페이지의 캐릭터셋과 받는 페이지의 캐릭터셋이 다르면 입력한 글자가 깨지게 됩니다. 저도 이번에 타 시스템과 연동을 한 경험이 있는데요 우리가 작성한 페이지는 EUC-KR 이었고 검색을 수행하는 솔루션의 페이지는 UTF-8 이었습니다. 물론, 해당 솔루션을 변경할 수는 없는 노릇이었습니다. 이런 경우 사용할 수 [...]]]></description>
			<content:encoded><![CDATA[<h2>개요</h2>
<p>홈페이지 작업을 하면 빠지지 않는게 사용자가 입력한 폼을 전송하는 겁니다. 그런데, 이 폼이 구성된 페이지의 캐릭터셋과 받는 페이지의 캐릭터셋이 다르면 입력한 글자가 깨지게 됩니다. 저도 이번에 타 시스템과 연동을 한 경험이 있는데요 우리가 작성한 페이지는 EUC-KR 이었고 검색을 수행하는 솔루션의 페이지는 UTF-8 이었습니다. 물론, 해당 솔루션을 변경할 수는 없는 노릇이었습니다. 이런 경우 사용할 수 있는 방법입니다.</p>
<h2>방법</h2>
<p>폼을 전송하기 전에 자바스크립트에서 다음을 수행합니다.</p>
<pre class="brush: javascript">
function beforeSubmit(f) {
document.charset = &#039;utf-8&#039;;
f.submit();
}
</pre>
<p>페이지의 캐릭터셋을 임시로 변경하는겁니다. 하지만, 아쉽게도 이 방법은 IE에서만 동작합니다.<br />
Firefox 에 대해서는 다음과 같은 방법을 사용할 수 있습니다.</p>
<pre class="brush: html">
&lt;form ... method=&quot;post&quot; accept-charset=&quot;utf-8&quot;&gt;
&lt;/form&gt;
</pre>
<p>즉, 다음과 같이 쓰면 되겠네요.</p>
<pre class="brush: html">
&lt;script type=&quot;text/javascript&quot;&gt;
function beforeSubmit(f) {
document.charset = &#039;utf-8&#039;;
return true;
}
&lt;/script&gt;

&lt;form ... method=&quot;post&quot; accept-charset=&quot;utf-8&quot; onsubmit=&quot;return beforeSubmit(this);&quot;&gt;
&lt;/form&gt;
</pre>
<p>유용한 정보가 되었길 바랍니다.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yangkun.pe.kr/post/418/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>타 도메인 IFrame 높이 조절하기</title>
		<link>http://www.yangkun.pe.kr/post/410</link>
		<comments>http://www.yangkun.pe.kr/post/410#comments</comments>
		<pubDate>Wed, 05 Nov 2008 02:56:58 +0000</pubDate>
		<dc:creator>양군</dc:creator>
				<category><![CDATA[개발]]></category>
		<category><![CDATA[iframe]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[resize]]></category>

		<guid isPermaLink="false">http://www.yangkun.pe.kr/?p=410</guid>
		<description><![CDATA[개요 홈페이지를 만들다 보면 IFrame 에 타 도메인의 어플리케이션을 넣어야 하는 경우가 생깁니다. 이런 경우 문제는 IFrame 안에 삽입된 타 도메인의 어플리케이션의 문서가 IFrame 의 높이를 넘어서면 IFrame 에 스크롤바가 생기면서 별로 보기가 좋지 않아집니다. 이 문서에서는 삽입된 어플리케이션 문서의 높이에 따라 IFrame 높이를 적절하게 조절해서 스크롤바를 없애는 방법을 설명합니다. 조건 A 도메인 a.htm 에 [...]]]></description>
			<content:encoded><![CDATA[<h2>개요</h2>
<p>홈페이지를 만들다 보면 IFrame 에 타 도메인의 어플리케이션을 넣어야 하는 경우가 생깁니다. 이런 경우 문제는 IFrame 안에 삽입된 타 도메인의 어플리케이션의 문서가 IFrame 의 높이를 넘어서면 IFrame 에 스크롤바가 생기면서 별로 보기가 좋지 않아집니다. 이 문서에서는 삽입된 어플리케이션 문서의 높이에 따라 IFrame 높이를 적절하게 조절해서 스크롤바를 없애는 방법을 설명합니다.</p>
<div id="attachment_411" class="wp-caption aligncenter" style="width: 326px"><a href="http://www.yangkun.pe.kr/wp-content/uploads/2008/11/iframe1.jpg" rel="lightbox[410]"><img class="size-full wp-image-411" title="resize iframe height 01" src="http://www.yangkun.pe.kr/wp-content/uploads/2008/11/iframe1.jpg" alt="타 도메인의 페이지를 핸들링 할 수 없습니다." width="316" height="252" /></a><p class="wp-caption-text">타 도메인의 페이지를 핸들링 할 수 없습니다.</p></div>
<h2>조건</h2>
<p>A 도메인 a.htm 에 삽입된 B 도메인의 b.htm 문서를 수정할 수 있어야 합니다.</p>
<h2>해법</h2>
<p>해법은 B 도메인의 b.htm 에 A도메인의 다른 페이지 a-1.htm 을 iframe에 삽입하면 삽입된 a-1.htm 에서 a.htm 의자바스크립트 함수를 호출할 수 있다는겁니다.</p>
<div id="attachment_412" class="wp-caption aligncenter" style="width: 326px"><a href="http://www.yangkun.pe.kr/wp-content/uploads/2008/11/iframe2.jpg" rel="lightbox[410]"><img class="size-full wp-image-412" title="resize iframe height 02" src="http://www.yangkun.pe.kr/wp-content/uploads/2008/11/iframe2.jpg" alt="삽입된 a-1.htm 에서 부모의 부모 (a.htm) 의 함수 호출" width="316" height="252" /></a><p class="wp-caption-text">삽입된 a-1.htm 에서 부모의 부모 (a.htm) 의 함수 호출</p></div>
<p>코드는 아래와 같습니다. ( 방법만 배우시고 코드의 세세한 부분은 무시해주세요 <img src='http://www.yangkun.pe.kr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  )</p>
<p><strong>A 도메인 a.htm</strong></p>
<pre class="brush: html">
&lt;iframe src=&quot;http://B/b.htm&quot; width=&quot;100%&quot; height=&quot;400&quot;
     id=&quot;bFrame&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot;&gt;&lt;/iframe&gt;
</pre>
<pre class="brush: javascript">
function resizeFrameHeight(height) {
    document.getElementById(&#039;bFrame&#039;).style.height = height;
}
</pre>
<p><strong>B 도메인 b.htm</strong></p>
<pre class="brush: html">
&lt;iframe src=&quot;http://B/b.htm&quot; width=&quot;0&quot; height=&quot;0&quot;
     name=&quot;aFrame&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;
</pre>
<pre class="brush: javascript">
window.onload = function() {
    document.aFrame.location.href = &#039;http://A/a-1.htm?height=&#039; +
                     document.body.scrollHeight;
}
</pre>
<p><strong>A  도메인 a-1.htm</strong></p>
<pre class="brush: javascript">
var parameter = location.href.split(&#039;?&#039;)[1];
var height = parameter.split(&#039;=&#039;)[1];
parent.parent.resizeFrameHeight(height);
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.yangkun.pe.kr/post/410/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>
