<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
	<channel>
		<title>서영이네집</title>
		<link>http://westzero.net/</link>
		<description>이곳은 서영이네 가족이 살아가는 이야기를 담는 곳입니다.</description>
		<language>ko</language>
		<pubDate>Sun, 13 Nov 2011 22:00:43 +0900</pubDate>
		<generator>Tistory 1.1 (http://www.tistory.com/)</generator>
		<managingEditor>서영아빠</managingEditor>
		<image>
		<title>서영이네집</title>
		<url><![CDATA[http://cfile27.uf.tistory.com/image/14313B314C9DEB8BAF6B3A]]></url>
		<link>http://westzero.net/</link>
		<description>이곳은 서영이네 가족이 살아가는 이야기를 담는 곳입니다.</description>
		</image>
		<item>
			<title>.NET 버전 혼용하기</title>
			<link>http://westzero.net/105</link>
			<description>&lt;p style=&quot;margin:0&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile10.uf.tistory.com/original/136781504E9F98C80A7B9D&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile10.uf.tistory.com/image/136781504E9F98C80A7B9D&quot; alt=&quot;&quot; filemime=&quot;image/jpeg&quot; filename=&quot;dotnet.jpg&quot; height=&quot;328&quot; width=&quot;511&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;/p&gt;
&lt;br /&gt;
&lt;br /&gt;
저는 현재 .NET 4.0을 사용하고 있습니다. 하지만 프로젝트를 진행하다보면 하위버전의 DLL들을 사용하게 되는 경우가 종종 발생합니다.&lt;br /&gt;
&lt;br /&gt;
몇 일전 저도 .NET 4.0에서 SqlLite.NET을 사용하려다가 이런 에러를 만났습니다.&lt;br /&gt;
&lt;div class=&quot;txc-textbox&quot; style=&quot;border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: rgb(219, 232, 251); border-right-color: rgb(219, 232, 251); border-bottom-color: rgb(219, 232, 251); border-left-color: rgb(219, 232, 251); background-color: rgb(219, 232, 251); padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; &quot;&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;System.IO.FileLoadException이(가) 발생했습니다.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&amp;nbsp; Message=혼합 모드 어셈블리는 런타임의 버전 &#039;v2.0.50727&#039;에 대해 빌드되며 추가 구성 정보 없이 &#039;4.0&#039; 런타임에 로드할 수 없습니다.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&amp;nbsp; Source=SqliteTest&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&amp;nbsp; StackTrace:&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;위치: SqliteTest.Form1.FastInsertMany()&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;위치: SqliteTest.Form1.simpleButton2_Click(Object sender, EventArgs e) 파일 D:\TestBed\SqliteTest\Form1.cs:줄 126&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&amp;nbsp; InnerException:&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;/div&gt;
&amp;nbsp;&lt;br /&gt;
뭐 메시지만 봐도 버전문제인줄 알겠더군요. 하지만 문제는 해결책이 옵션하나 바꾸는게 아니라는겁니다. 대부분은 그냥 VisualStudio에서 설정만 바꾸면 되게 해놓았으면서 이 문제는 옵션이 없더군요.&lt;br /&gt;
&lt;br /&gt;
이 문제를 해결하기 위해서는 app.config 파일의 설정을 직접 바꿔줘야 합니다.&lt;br /&gt;
&lt;div class=&quot;txc-textbox&quot; style=&quot;border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: rgb(219, 232, 251); border-right-color: rgb(219, 232, 251); border-bottom-color: rgb(219, 232, 251); border-left-color: rgb(219, 232, 251); background-color: rgb(219, 232, 251); padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; &quot;&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot; ?&amp;gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&amp;lt;configuration&amp;gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#e31600&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;lt;startup &lt;/font&gt;&lt;span style=&quot;color: rgb(227, 22, 0);&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;span class=&quot;attribute&quot;&gt;useLegacyV2RuntimeActivationPolicy&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span class=&quot;attribute-value&quot;&gt;&quot;true&quot;&lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#e31600&quot;&gt;&amp;gt;&lt;/font&gt;&lt;/p&gt;
&lt;font class=&quot;Apple-style-span&quot; color=&quot;#e31600&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;supportedRuntime version=&quot;v4.0&quot;/&amp;gt;&lt;/font&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#e31600&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;lt;/startup&amp;gt;&lt;/font&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&amp;lt;/configuration&amp;gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;br /&gt;
빨간 글씨가 바뀐 부분입니다. 이렇게 바꿔주고 다시 빌드하시면 이제 정상적으로 돌아가는 프로그램을 볼 수 있습니다.^^&lt;br /&gt;
&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
참고:&amp;nbsp;&lt;a href=&quot;http://msdn.microsoft.com/ko-kr/library/w4atty68.aspx&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://msdn.microsoft.com/ko-kr/library/w4atty68.aspx&quot; target=&quot;_blank&quot; title=&quot;[http://msdn.microsoft.com/ko-kr/library/w4atty68.aspx]로 이동합니다.&quot;&gt;http://msdn.microsoft.com/ko-kr/library/w4atty68.aspx&lt;/a&gt;&lt;a href=&quot;http://msdn.microsoft.com/ko-kr/library/w4atty68.aspx&quot; target=&quot;_blank&quot; title=&quot;[http://msdn.microsoft.com/ko-kr/library/w4atty68.aspx]로 이동합니다.&quot;&gt;&amp;nbsp;&lt;/a&gt;&amp;nbsp;&lt;div class=&quot;entry-ccl&quot; style=&quot;clear: both; text-align: right; margin-bottom: 10px&quot;&gt;
	&lt;img id=&quot;ccl-icon-105-0&quot; class=&quot;entry-ccl-by&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black01.png&quot; alt=&quot;저작자 표시&quot;/&gt;
	&lt;img id=&quot;ccl-icon-105-1&quot; class=&quot;entry-ccl-nc&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black02.png&quot; alt=&quot;비영리&quot;/&gt;
	&lt;img id=&quot;ccl-icon-105-2&quot; class=&quot;entry-ccl-nd&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black03.png&quot; alt=&quot;변경 금지&quot;/&gt;
	&lt;!--
	&lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
		&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
		&lt;/Work&gt;
		&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;
			&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;
		&lt;/License&gt;
	&lt;/rdf:RDF&gt;
	--&gt;
&lt;/div&gt;
&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;</description>
			<category>.NET</category>
			<category>.NET</category>
			<category>혼합 모드 어셈블리</category>
			<author>서영아빠</author>
			<guid>http://westzero.net/105</guid>
			<comments>http://westzero.net/105#entry105comment</comments>
			<pubDate>Thu, 20 Oct 2011 12:40:31 +0900</pubDate>
		</item>
		<item>
			<title>Play framework 셋팅하기</title>
			<link>http://westzero.net/103</link>
			<description>&lt;ol style=&quot;list-style-type: decimal;&quot;&gt;
&lt;li&gt;Play framework을 다운 받습니다. =&amp;gt; &lt;a title=&quot;[http://www.playframework.org/download]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://www.playframework.org/download&quot;&gt;http://www.playframework.org/download&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;각 압축파일들을 적당한 곳에 압축을 풀어주세요. 앞으로 압축파일이 풀린 경로를 %PLAY_HOME%, %MONGO_HOME%으로 적겠습니다.&lt;/li&gt;
&lt;li&gt;%PLAY_HOME% 경로로 가서 새로운 프로젝트를 생성합니다.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;play new PollCenter&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
이렇게 치면 application name을 다시 물어보는데 그냥 엔터를 치시면 됩니다. 정상적으로 생성되었다면 이렇게 
메시지가 뜹니다. 이때 PollCenter에 절대경로(예:D:\Git\PollCenter)를 지정해서 다른 경로에 프로젝트를 
생성할 수도 있습니다.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;D:\play\play-1.2.1&amp;gt;play new PollCenter&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; _&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; _&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~&amp;nbsp; _ __ | | __ _ _&amp;nbsp; _| |&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ | &#039;_ \| |/ _&#039; | || |_|&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ |&amp;nbsp; __/|_|\____|\__ (_)&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ |_|&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; |__/&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ play! 1.2.1, http://www.playframework.org&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ The new application will be created in D:\play\play-1.2.1\PollCenter&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ What is the application name? [PollCenter]&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ OK, the application is created.&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ Start it with : play run PollCenter&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ Have fun!&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;이제 이클립스에서 편집을 할수 있도록 eclipsify 명령어로 이클립스 프로젝트를 만들어 보겠습니다. play는 별도로 
컴파일이 필요하지 않기 때문에 그냥 텍스트 에디터로 편집을 해도 되지만 IDE에 익숙해진 저는 주로 사용하는 java.util 
패키지도 다 못외우고 있는 관계로 이클립스를 매우 선호합니다.^^;; 이번에도 %PLAY_HOME% 경로로 가서 다음 명령어를 
실행합니다.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;play eclipsify PollCenter&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
정상적으로 완료된 경우 다음과 같이 메시지가 나옵니다.&lt;br /&gt;
&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;D:\play\play-1.2.1&amp;gt;play eclipsify PollCenter&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; _&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; _&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~&amp;nbsp; _ __ | | __ _ _&amp;nbsp; _| |&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ | &#039;_ \| |/ _&#039; | || |_|&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ |&amp;nbsp; __/|_|\____|\__ (_)&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ |_|&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; |__/&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ play! 1.2.1, http://www.playframework.org&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ OK, the application is ready for eclipse&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ Use File/Import/General/Existing project to import D:\play\play-1.2.1\PollCent&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;er into eclipse&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ Use eclipsify again when you want to update eclipse configuration files.&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~ However, it&#039;s often better to delete and re-import the project into your works&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;pace since eclipse keeps dirty caches...&lt;/span&gt;&lt;br style=&quot;color: rgb(142, 142, 142);&quot;&gt;&lt;span style=&quot;color: rgb(142, 142, 142);&quot;&gt;~&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
이제 이클립스를 실행하고 임포트&amp;gt;&lt;span style=&quot;color: rgb(0, 0, 0);&quot;&gt;Existing project to import로 설정하시면 이클립스 설정 완료입니다.~!&lt;br /&gt;
&lt;br /&gt;
&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;이제 플레이를 실행해보겠습니다. 이번에도 경로는 역시 %PLAY_HOME%입니다.&lt;br /&gt;
&lt;br /&gt;
play run PollCenter&lt;br /&gt;
&lt;br /&gt;
정상적으로 완료된 경우 다음과 같이 메시지가 나옵니다.&lt;br /&gt;
&lt;br /&gt;
D:\play\play-1.2.1&amp;gt;play run PollCenter&lt;br /&gt;
~&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; _&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; _&lt;br /&gt;
~&amp;nbsp; _ __ | | __ _ _&amp;nbsp; _| |&lt;br /&gt;
~ | &#039;_ \| |/ _&#039; | || |_|&lt;br /&gt;
~ |&amp;nbsp; __/|_|\____|\__ (_)&lt;br /&gt;
~ |_|&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; |__/&lt;br /&gt;
~&lt;br /&gt;
~ play! 1.2.1, http://www.playframework.org&lt;br /&gt;
~&lt;br /&gt;
~ Ctrl+C to stop&lt;br /&gt;
~&lt;br /&gt;
Listening for transport dt_socket at address: 8000&lt;br /&gt;
15:47:48,033 INFO&amp;nbsp; ~ Starting D:\play\play-1.2.1\PollCenter&lt;br /&gt;
15:47:48,552 WARN&amp;nbsp; ~ You&#039;re running Play! in DEV mode&lt;br /&gt;
15:47:48,635 INFO&amp;nbsp; ~ Listening for HTTP on port 9000 (Waiting a first request to&lt;br /&gt;
&amp;nbsp;start) ...&lt;br /&gt;
&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;이제 http://localhost:9000/로 접속하면 다음과 같은 첫화면이 나옵니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile30.uf.tistory.com/original/191F233C4E1011A302AE54&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile30.uf.tistory.com/image/191F233C4E1011A302AE54&quot; width=&quot;650&quot; height=&quot;402&quot; alt=&quot;&quot; filename=&quot;play_index.png&quot; filemime=&quot;image/png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;
이제 Play 셋팅 완료입니다.^^&lt;br /&gt;
&lt;br /&gt;
다음에는 Play에 morphia 모듈을 사용해서 MongoDB를 Play와 함께 사용하는 법을 알아보도록 하겠습니다.&lt;div class=&quot;entry-ccl&quot; style=&quot;clear: both; text-align: right; margin-bottom: 10px&quot;&gt;
	&lt;img id=&quot;ccl-icon-103-0&quot; class=&quot;entry-ccl-by&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black01.png&quot; alt=&quot;저작자 표시&quot;/&gt;
	&lt;img id=&quot;ccl-icon-103-1&quot; class=&quot;entry-ccl-nc&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black02.png&quot; alt=&quot;비영리&quot;/&gt;
	&lt;img id=&quot;ccl-icon-103-2&quot; class=&quot;entry-ccl-nd&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black03.png&quot; alt=&quot;변경 금지&quot;/&gt;
	&lt;!--
	&lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
		&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
		&lt;/Work&gt;
		&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;
			&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;
		&lt;/License&gt;
	&lt;/rdf:RDF&gt;
	--&gt;
&lt;/div&gt;
&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;blogger-news-widget&quot; style=&quot;width: 100%; text-align: center&quot;&gt;
		  					&lt;embed src=&quot;http://api.v.daum.net/static/recombox1.swf&quot; quality=&quot;high&quot; flashvars=&quot;nid=18651326&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;false&quot; bgcolor=&quot;#ffffff&quot; width=&quot;400&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
						&lt;/div&gt;&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;</description>
			<category>Play framework</category>
			<author>서영아빠</author>
			<guid>http://westzero.net/103</guid>
			<comments>http://westzero.net/103#entry103comment</comments>
			<pubDate>Fri, 15 Jul 2011 21:25:46 +0900</pubDate>
		</item>
		<item>
			<title>morphia 모듈로 MongoDB 사용하기</title>
			<link>http://westzero.net/102</link>
			<description>&lt;br /&gt;
&lt;br /&gt;morphia 모듈은 play에서 MongoDB를 사용가능하게 해주는 역할을 합니다.&lt;br /&gt;
물론 그냥 MongoDB Java 드라이버로 개발도 가능합니다만... 기왕이면 JPA를 활용하기 위해서 morphia 모듈을 사용해 봅시다.&lt;br /&gt;
&lt;br /&gt;셋팅은 간단합니다. 다음 한줄만 입력해 주시면 됩니다.&lt;br /&gt;
&lt;br /&gt;play install morphia-1.2.1beta6&lt;br /&gt;
&lt;br /&gt;위 명령어 중에서 &#039;1.2.1beta6&#039;이 부분은 그때그때 최신버젼으로 입력해주시면 됩니다.&lt;br /&gt;
모듈 최신 버전 확인은 &lt;a title=&quot;[http://www.playframework.org/modules/morphia]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://www.playframework.org/modules/morphia&quot;&gt;여기&lt;/a&gt;에서...&lt;br /&gt;
&lt;br /&gt;play에 morphia를 인스톨하면 %PLAY_HOME%/modules/morphia 경로에 morphia 관련 파일들이 생성됩니다.&lt;br /&gt;
&lt;br /&gt;그 다음 application.conf 파일에 다음과 같은 내용을 추가합니다.&lt;br /&gt;
&lt;br /&gt;## Morphia module configuration&lt;br /&gt;
# load morphia &lt;br /&gt;
# morphia가 인스톨된 경로를 지정합니다. 대부분 그냥 이대로 사용하시면 됩니다.&lt;br /&gt;
module.morphia=${play.path}/modules/morphia&lt;br /&gt;
# where your mongodb server located?&lt;br /&gt;
# 몽고디비가 설치되어 있는 주소를 입력합니다.&lt;br /&gt;
morphia.db.host=localhost&lt;br /&gt;
# what&#039;s your mongodb server port&lt;br /&gt;
# 몽고디비 포트를 입력합니다. 몽고디비 기본 포트는 27017입니다.&lt;br /&gt;
morphia.db.port=27017&lt;br /&gt;
# what&#039;s your database name&lt;br /&gt;
# 몽고디비내에 사용될 디비이름을 입력합니다. oracle의 유저와 비슷한 개념입니다.&lt;br /&gt;
morphia.db.name=PollCenter&lt;br /&gt;
# Authentication to your mongodb server&lt;br /&gt;
# 인증정보입니다. 몽고디비에서 유저와 암호를 설정한 경우 입력합니다. 하지만 몽고디비 홈페이지에서도 인증보다는 신뢰할 수 있는 환경(특정 컴퓨터만 접속이 가능하도록 제한하는 경우 등)에서 셋팅해서 사용하길 권장하고 있습니다.&lt;br /&gt;
#morphia.db.username=user&lt;br /&gt;
#morphia.db.password=pass&lt;br /&gt;
# configure your ID field type&lt;br /&gt;
# could be either ObjectId or Long, default to ObjectId&lt;br /&gt;
# 몽고디비에서 사용될 id필드의 타입을 지정합니다. Long을 사용하면 1,2,3,4... 식으로 생성되고 ObjectId로 하면 몽고디비 스타일의 아이디를 생성합니다.&lt;br /&gt;
morphia.id.type=Long&lt;br /&gt;
&lt;br /&gt;이제 play 셋팅은 끝났습니다. 이번에는 MongoDB를 설정할 차례입니다.&lt;br /&gt;
몽고디비는 &lt;a title=&quot;[http://www.mongodb.org/downloads]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://www.mongodb.org/downloads&quot;&gt;여기&lt;/a&gt;서 다운받으세요.&lt;br /&gt;
몽고디비는 아주 간단하게 시작할 수 있습니다.&lt;br /&gt;
&lt;br /&gt;다운받은 몽고디비의 압축을 풀고 bin 디렉토리에 가서 mongod를 실행하면 끝입니다.&lt;br /&gt;
단, 처음에는 data를 저장할 폴더를 생성해줘야 합니다.&lt;br /&gt;
기본 경로는 C:/data/db/입니다.&lt;br /&gt;
만약 특정 경로를 디비 저장소로 사용하고 싶으시면 &lt;br /&gt;
&lt;br /&gt;%MONGODB_HOME%/mongod --dbpath D:/mongodb/data&lt;br /&gt;
&lt;br /&gt;이렇게 해주시면 됩니다.&lt;br /&gt;
잊지마세요~ 해당 경로는 mongod를 실행하기전에 이미 만들어져 있어야 합니다.&lt;br /&gt;
디비가 제대로 실행되었는지 확인하시려면 http://localhost:28017/ 로 접속해 보면 쉽게 알 수 있습니다. 만약 페이지가 제대로 뜨지 않았다면 mongod를 실행할 때 에러메시지가 발생하지 않았는지 다시 확인해 보세요.&lt;br /&gt;
&lt;br /&gt;이제 셋팅은 끝났습니다. 다음에는 간단하게 JPA를 사용해서 CRUD를 만드는 법을 알아보도록 하겠습니다.&lt;br /&gt;&lt;div class=&quot;entry-ccl&quot; style=&quot;clear: both; text-align: right; margin-bottom: 10px&quot;&gt;
	&lt;img id=&quot;ccl-icon-102-0&quot; class=&quot;entry-ccl-by&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black01.png&quot; alt=&quot;저작자 표시&quot;/&gt;
	&lt;img id=&quot;ccl-icon-102-1&quot; class=&quot;entry-ccl-nc&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black02.png&quot; alt=&quot;비영리&quot;/&gt;
	&lt;img id=&quot;ccl-icon-102-2&quot; class=&quot;entry-ccl-nd&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black03.png&quot; alt=&quot;변경 금지&quot;/&gt;
	&lt;!--
	&lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
		&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
		&lt;/Work&gt;
		&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;
			&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;
		&lt;/License&gt;
	&lt;/rdf:RDF&gt;
	--&gt;
&lt;/div&gt;
&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;blogger-news-widget&quot; style=&quot;width: 100%; text-align: center&quot;&gt;
		  					&lt;embed src=&quot;http://api.v.daum.net/static/recombox1.swf&quot; quality=&quot;high&quot; flashvars=&quot;nid=18651298&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;false&quot; bgcolor=&quot;#ffffff&quot; width=&quot;400&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
						&lt;/div&gt;&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;</description>
			<category>Play framework</category>
			<author>서영아빠</author>
			<guid>http://westzero.net/102</guid>
			<comments>http://westzero.net/102#entry102comment</comments>
			<pubDate>Fri, 15 Jul 2011 21:24:07 +0900</pubDate>
		</item>
		<item>
			<title>MongoDB with Play</title>
			<link>http://westzero.net/101</link>
			<description>&lt;div class=&quot;imageblock dual&quot; style=&quot;text-align: center;&quot;&gt;&lt;table cellspacing=&quot;5&quot; cellpadding=&quot;0&quot; border=&quot;0&quot; style=&quot;margin: 0 auto;&quot;&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;http://cfile26.uf.tistory.com/original/161686494E0FFE0C22914B&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile26.uf.tistory.com/image/161686494E0FFE0C22914B&quot; alt=&quot;&quot; height=&quot;105&quot; width=&quot;265&quot;/&gt;&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;http://cfile9.uf.tistory.com/original/15514F4D4E0FFEAD2E79A5&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile9.uf.tistory.com/image/15514F4D4E0FFEAD2E79A5&quot; alt=&quot;&quot; height=&quot;78&quot; width=&quot;200&quot;/&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;6월 19일날 JCO 컨퍼런스에서 &lt;a title=&quot;[http://doortts.tistory.com/176]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://doortts.tistory.com/176&quot;&gt;MongoDB with Play&lt;/a&gt;라는 제목의 강의를 들었습니다.&lt;br /&gt;
MongoDB는 이야기는 들어봤는데 Play는 처음 들어본거라 강의를 듣기전에 검색을 해봤습니다.&lt;br /&gt;
&lt;br /&gt;&quot;이게 뭘까?&quot;하고 &lt;a title=&quot;[http://www.playframework.org]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://www.playframework.org&quot;&gt;Play framework 홈페이지&lt;/a&gt;를 방문한 저는 신선한 충격에 3~4시간동안 Play framework 홈페이지를 떠나지 못했습니다.&lt;br /&gt;
&lt;br /&gt;프로그래밍에 대해서 항상 좀더 쉽고 깔끔한 방법을 찾던 저에게 Play는 저에게 새로운 해법으로 보였습니다. 그래서 틈이날 때 마다 Play로 간단한 프로그램을 만들고 있습니다.&lt;br /&gt;
&lt;br /&gt;하지만 혼자서 삽질하는게 생각보다 쉽지가 않았습니다. 머리가 좋은것도 아니고 영어를 잘하는 것도 아닌... 아주 평범한(평범한거라고 믿습니다 =ㅅ=;;) 프로그래머로서 제 삽질을 앞으로 하나씩 기록해 놓으려고 합니다.&lt;br /&gt;
&lt;br /&gt;&lt;span style=&quot;font-size: 12pt; font-weight: bold;&quot;&gt;&lt;a title=&quot;[http://westzero.net/103]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://westzero.net/103&quot;&gt;[Play framework 셋팅하기]&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: 12pt; font-weight: bold;&quot;&gt;&lt;a title=&quot;[http://westzero.net/102]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://westzero.net/102&quot;&gt;[morphia 모듈로 MongoDB 사용하기]&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;&lt;div class=&quot;entry-ccl&quot; style=&quot;clear: both; text-align: right; margin-bottom: 10px&quot;&gt;
	&lt;img id=&quot;ccl-icon-101-0&quot; class=&quot;entry-ccl-by&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black01.png&quot; alt=&quot;저작자 표시&quot;/&gt;
	&lt;img id=&quot;ccl-icon-101-1&quot; class=&quot;entry-ccl-nc&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black02.png&quot; alt=&quot;비영리&quot;/&gt;
	&lt;img id=&quot;ccl-icon-101-2&quot; class=&quot;entry-ccl-nd&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black03.png&quot; alt=&quot;변경 금지&quot;/&gt;
	&lt;!--
	&lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
		&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
		&lt;/Work&gt;
		&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;
			&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;
		&lt;/License&gt;
	&lt;/rdf:RDF&gt;
	--&gt;
&lt;/div&gt;
&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;</description>
			<category>Play framework</category>
			<category>framework</category>
			<category>mongoDB</category>
			<category>play</category>
			<author>서영아빠</author>
			<guid>http://westzero.net/101</guid>
			<comments>http://westzero.net/101#entry101comment</comments>
			<pubDate>Sun, 03 Jul 2011 15:56:34 +0900</pubDate>
		</item>
		<item>
			<title>[게임]Angry Birds PC (앵그리버드 PC판)</title>
			<link>http://westzero.net/99</link>
			<description>&lt;font class=&quot;Apple-style-span&quot; color=&quot;#333333&quot; face=&quot;굴림&quot;&gt;&lt;div&gt;
&lt;font class=&quot;Apple-style-span&quot; color=&quot;#333333&quot; face=&quot;굴림&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile8.uf.tistory.com/original/186F94434D52210430CD86&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile8.uf.tistory.com/image/186F94434D52210430CD86&quot; alt=&quot;&quot; filemime=&quot;image/jpeg&quot; filename=&quot;angrybirds_big.jpg&quot; height=&quot;319&quot; width=&quot;610&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/font&gt;&lt;/div&gt;
&lt;div&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#333333&quot; face=&quot;굴림&quot;&gt;&lt;br /&gt;
&lt;/font&gt;&lt;/div&gt;
&lt;/font&gt;&lt;div&gt;
&lt;font class=&quot;Apple-style-span&quot; color=&quot;#333333&quot; face=&quot;굴림&quot;&gt;&lt;br /&gt;
&lt;/font&gt;&lt;/div&gt;
&lt;div&gt;
&lt;font class=&quot;Apple-style-span&quot; color=&quot;#333333&quot; face=&quot;굴림&quot;&gt;&lt;a href=&quot;http://dl.dropbox.com/u/5933319/Angry%20Birds%20%5BPC-Game%5D.zip&quot; target=&quot;_blank&quot; title=&quot;[http://dl.dropbox.com/u/5933319/Angry%20Birds%20%5BPC-Game%5D.zip]로 이동합니다.&quot;&gt;앵그리버드 PC판 다운로드&lt;/a&gt;&lt;/font&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;&lt;div&gt;
앵그리버드 PC판입니다.&lt;/div&gt;
&lt;div&gt;저도 아이폰은 있지만 한국계정이라 처음해봤는데 나름 중독성이 있네요. ^^&lt;/div&gt;
&lt;/div&gt;&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
DropBox가 해외서버라 다운로드 속도는 좀 걸릴수 있습니다.^^;;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
torrent를 사용자분은 아래 torrent 파일로 받으세요.&lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://westzero.tistory.com/attachment/cfile21.uf@1352BF524D522061192543.torrent&quot;&gt;&lt;img src=&quot;http://i1.daumcdn.net/cfs.tistory/v/110706133414/blog/image/extension/unknown.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; Angry Birds [PC-Game].torrent&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;entry-ccl&quot; style=&quot;clear: both; text-align: right; margin-bottom: 10px&quot;&gt;
	&lt;img id=&quot;ccl-icon-99-0&quot; class=&quot;entry-ccl-by&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black01.png&quot; alt=&quot;저작자 표시&quot;/&gt;
	&lt;img id=&quot;ccl-icon-99-1&quot; class=&quot;entry-ccl-nc&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black02.png&quot; alt=&quot;비영리&quot;/&gt;
	&lt;img id=&quot;ccl-icon-99-2&quot; class=&quot;entry-ccl-nd&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black03.png&quot; alt=&quot;변경 금지&quot;/&gt;
	&lt;!--
	&lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
		&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
		&lt;/Work&gt;
		&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;
			&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;
		&lt;/License&gt;
	&lt;/rdf:RDF&gt;
	--&gt;
&lt;/div&gt;
&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;</description>
			<category>사는 이야기</category>
			<author>서영아빠</author>
			<guid>http://westzero.net/99</guid>
			<comments>http://westzero.net/99#entry99comment</comments>
			<pubDate>Wed, 09 Feb 2011 14:05:39 +0900</pubDate>
		</item>
		<item>
			<title>CSS IE 핵</title>
			<link>http://westzero.net/98</link>
			<description>&lt;div&gt;
CSS 사용시 IE 버전별 핵입니다.&lt;/div&gt;
&lt;div&gt;
개발하면서 매번 IE가 절 짜증나게 하지만 버릴수가 없군요...&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
body {&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;color: red; /* all browsers, of course */&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;color : green\9; /* IE8 and below */&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;*color : yellow; /* IE7 and below */&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;_color : orange; /* IE6 */&lt;/div&gt;
&lt;div&gt;
}&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
/* IE7일 경우만 해당 CSS 적용 */&lt;/div&gt;
&lt;div&gt;
&amp;lt;!--[if IE 7]&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../css/common/IE7.css&quot;&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;![endif]--&amp;gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
/* IE8일 경우만 해당 CSS 적용 */&lt;/div&gt;
&lt;div&gt;
&amp;lt;!--[if IE 8]&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../css/common/IE8.css&quot;&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;![endif]--&amp;gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
/* IE7 이하일 경우만 해당 CSS 적용 (lt(less than)는 &#039;&amp;lt;&#039; 연산자를 의미합니다. gt(greater than)는 &#039;&amp;gt;&#039; 입니다.) */&lt;/div&gt;
&lt;div&gt;
&amp;lt;!--[if lt IE 7]&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../css/common/IE7.css&quot;&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;![endif]--&amp;gt;&lt;/div&gt;&lt;div class=&quot;entry-ccl&quot; style=&quot;clear: both; text-align: right; margin-bottom: 10px&quot;&gt;
	&lt;img id=&quot;ccl-icon-98-0&quot; class=&quot;entry-ccl-by&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black01.png&quot; alt=&quot;저작자 표시&quot;/&gt;
	&lt;img id=&quot;ccl-icon-98-1&quot; class=&quot;entry-ccl-nc&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black02.png&quot; alt=&quot;비영리&quot;/&gt;
	&lt;img id=&quot;ccl-icon-98-2&quot; class=&quot;entry-ccl-nd&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black03.png&quot; alt=&quot;변경 금지&quot;/&gt;
	&lt;!--
	&lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
		&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
		&lt;/Work&gt;
		&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;
			&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;
		&lt;/License&gt;
	&lt;/rdf:RDF&gt;
	--&gt;
&lt;/div&gt;
&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;blogger-news-widget&quot; style=&quot;width: 100%; text-align: center&quot;&gt;
		  					&lt;embed src=&quot;http://api.v.daum.net/static/recombox1.swf&quot; quality=&quot;high&quot; flashvars=&quot;nid=13660025&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;false&quot; bgcolor=&quot;#ffffff&quot; width=&quot;400&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
						&lt;/div&gt;&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;</description>
			<category>개발 이야기</category>
			<author>서영아빠</author>
			<guid>http://westzero.net/98</guid>
			<comments>http://westzero.net/98#entry98comment</comments>
			<pubDate>Fri, 04 Feb 2011 22:45:47 +0900</pubDate>
		</item>
		<item>
			<title>컬러왕 테스트 입니다. 발상이 정말 재미있습니다.</title>
			<link>http://westzero.net/97</link>
			<description>&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: arial, sans-serif; line-height: normal; font-size: 13px; &quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: collapse;&quot;&gt;&lt;div&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: arial, sans-serif; line-height: normal; font-size: 13px; &quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: collapse;&quot;&gt;&lt;table width=&quot;539&quot; height=&quot;717&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;text-align: center;&quot;&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td colspan=&quot;14&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_01.png&quot; width=&quot;539&quot; height=&quot;20&quot; alt=&quot;&quot;&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
&lt;td rowspan=&quot;13&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_02.png&quot; width=&quot;20&quot; height=&quot;697&quot; alt=&quot;&quot; style=&quot;clear: none; float: none; &quot;&gt;&lt;/td&gt;
&lt;td colspan=&quot;12&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_03.png&quot; width=&quot;497&quot; height=&quot;113&quot; alt=&quot;&quot;&gt;&lt;/td&gt;
&lt;td rowspan=&quot;13&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_04.png&quot; width=&quot;22&quot; height=&quot;697&quot; alt=&quot;&quot;&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
&lt;td rowspan=&quot;11&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_05.png&quot; width=&quot;48&quot; height=&quot;530&quot; alt=&quot;&quot;&gt;&lt;/td&gt;
&lt;td colspan=&quot;10&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_06.png&quot; width=&quot;413&quot; height=&quot;56&quot; alt=&quot;&quot;&gt;&lt;/td&gt;
&lt;td rowspan=&quot;11&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_07.png&quot; width=&quot;36&quot; height=&quot;530&quot; alt=&quot;&quot;&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/0&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_08.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/1&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_09.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/2&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_10.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/3&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_11.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/4&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_12.png&quot; width=&quot;42&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/5&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_13.png&quot; width=&quot;43&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/6&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_14.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/7&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_15.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/8&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_16.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/9&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_17.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/10&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_18.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/11&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_19.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/12&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_20.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/13&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_21.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/14&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_22.png&quot; width=&quot;42&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/15&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_23.png&quot; width=&quot;43&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/16&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_24.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/17&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_25.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/18&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_26.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/19&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_27.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/20&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_28.png&quot; width=&quot;41&quot; height=&quot;45&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/21&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_29.png&quot; width=&quot;41&quot; height=&quot;45&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/22&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_30.png&quot; width=&quot;41&quot; height=&quot;45&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/23&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_31.png&quot; width=&quot;41&quot; height=&quot;45&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/24&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_32.png&quot; width=&quot;42&quot; height=&quot;45&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/25&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_33.png&quot; width=&quot;43&quot; height=&quot;45&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/26&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_34.png&quot; width=&quot;41&quot; height=&quot;45&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/27&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_35.png&quot; width=&quot;41&quot; height=&quot;45&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/28&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_36.png&quot; width=&quot;41&quot; height=&quot;45&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/29&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_37.png&quot; width=&quot;41&quot; height=&quot;45&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/30&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_38.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/31&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_39.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/32&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_40.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/33&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_41.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/34&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_42.png&quot; width=&quot;42&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/35&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_43.png&quot; width=&quot;43&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/36&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_44.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/37&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_45.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/38&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_46.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/39&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_47.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/40&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_48.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/41&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_49.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/42&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_50.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/43&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_51.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/44&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_52.png&quot; width=&quot;42&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/45&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_53.png&quot; width=&quot;43&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/46&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_54.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/47&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_55.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/48&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_56.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/49&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_57.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/50&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_58.png&quot; width=&quot;41&quot; height=&quot;46&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/51&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_59.png&quot; width=&quot;41&quot; height=&quot;46&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/52&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_60.png&quot; width=&quot;41&quot; height=&quot;46&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/53&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_61.png&quot; width=&quot;41&quot; height=&quot;46&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/54&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_62.png&quot; width=&quot;42&quot; height=&quot;46&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/55&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_63.png&quot; width=&quot;43&quot; height=&quot;46&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/56&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_64.png&quot; width=&quot;41&quot; height=&quot;46&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/57&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_65.png&quot; width=&quot;41&quot; height=&quot;46&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/58&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_66.png&quot; width=&quot;41&quot; height=&quot;46&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/59&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_67.png&quot; width=&quot;41&quot; height=&quot;46&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/60&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_68.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/61&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_69.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/62&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_70.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/63&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_71.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/64&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_72.png&quot; width=&quot;42&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/65&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_73.png&quot; width=&quot;43&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/66&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_74.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/67&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_75.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/68&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_76.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/69&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_77.png&quot; width=&quot;41&quot; height=&quot;49&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/70&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_78.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/71&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_79.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/72&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_80.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/73&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_81.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/74&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_82.png&quot; width=&quot;42&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/75&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_83.png&quot; width=&quot;43&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/76&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_84.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/77&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_85.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/78&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_86.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/79&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_87.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/80&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_88.png&quot; width=&quot;41&quot; height=&quot;48&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/81&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_89.png&quot; width=&quot;41&quot; height=&quot;48&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/82&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_90.png&quot; width=&quot;41&quot; height=&quot;48&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/83&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_91.png&quot; width=&quot;41&quot; height=&quot;48&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/84&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_92.png&quot; width=&quot;42&quot; height=&quot;48&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/85&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_93.png&quot; width=&quot;43&quot; height=&quot;48&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/86&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_94.png&quot; width=&quot;41&quot; height=&quot;48&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/87&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_95.png&quot; width=&quot;41&quot; height=&quot;48&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/88&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_96.png&quot; width=&quot;41&quot; height=&quot;48&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/89&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_97.png&quot; width=&quot;41&quot; height=&quot;48&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/90&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_98.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/91&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_92.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/92&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_100.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/93&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_101.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/94&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_102.png&quot; width=&quot;42&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/95&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_103.png&quot; width=&quot;43&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/96&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_104.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/97&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_105.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/98&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_106.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;a href=&quot;http://colortest.i-save.co.kr/blog/m/99&quot; target=&quot;_blank&quot; style=&quot;color: rgb(0, 0, 204); &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_107.png&quot; width=&quot;41&quot; height=&quot;47&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
&lt;td colspan=&quot;12&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, sans-serif; &quot;&gt;&lt;img src=&quot;http://datalink.lael.be/colortest/images/naver_blog_108.png&quot; width=&quot;497&quot; height=&quot;54&quot; alt=&quot;&quot;&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;기발한 발상이 돋보이는거 같습니다.&lt;/div&gt;
&lt;div&gt;참고로 제 결과는요...&lt;/div&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: arial, sans-serif; line-height: normal; font-size: 13px; &quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: collapse;&quot;&gt;&lt;div&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: arial, sans-serif; line-height: normal; font-size: 13px; &quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-collapse: collapse;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile27.uf.tistory.com/original/1659751B4CD512725AA5DD&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile27.uf.tistory.com/image/1659751B4CD512725AA5DD&quot; alt=&quot;&quot; filemime=&quot;image/jpeg&quot; filename=&quot;color_test_result.png&quot; height=&quot;726&quot; width=&quot;530&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;/span&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: arial, sans-serif; line-height: normal; font-size: 13px; &quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;div&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: arial, sans-serif; line-height: normal; font-size: 13px; border-collapse: collapse; &quot;&gt;전 제 결과가 나름 맘에 듭니다. ^^&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;entry-ccl&quot; style=&quot;clear: both; text-align: right; margin-bottom: 10px&quot;&gt;
	&lt;img id=&quot;ccl-icon-97-0&quot; class=&quot;entry-ccl-by&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black01.png&quot; alt=&quot;저작자 표시&quot;/&gt;
	&lt;img id=&quot;ccl-icon-97-1&quot; class=&quot;entry-ccl-nc&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black02.png&quot; alt=&quot;비영리&quot;/&gt;
	&lt;img id=&quot;ccl-icon-97-2&quot; class=&quot;entry-ccl-nd&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black03.png&quot; alt=&quot;변경 금지&quot;/&gt;
	&lt;!--
	&lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
		&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
		&lt;/Work&gt;
		&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;
			&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;
		&lt;/License&gt;
	&lt;/rdf:RDF&gt;
	--&gt;
&lt;/div&gt;
&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;blogger-news-widget&quot; style=&quot;width: 100%; text-align: center&quot;&gt;
		  					&lt;embed src=&quot;http://api.v.daum.net/static/recombox1.swf&quot; quality=&quot;high&quot; flashvars=&quot;nid=11032065&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;false&quot; bgcolor=&quot;#ffffff&quot; width=&quot;400&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
						&lt;/div&gt;&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;</description>
			<category>사는 이야기</category>
			<author>서영아빠</author>
			<guid>http://westzero.net/97</guid>
			<comments>http://westzero.net/97#entry97comment</comments>
			<pubDate>Sat, 06 Nov 2010 17:35:17 +0900</pubDate>
		</item>
		<item>
			<title>[javascript] 성능향상 팁</title>
			<link>http://westzero.net/96</link>
			<description>&lt;div&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile9.uf.tistory.com/original/115B0B324CC6E76E03BCEB&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile9.uf.tistory.com/image/115B0B324CC6E76E03BCEB&quot; alt=&quot;&quot; filemime=&quot;image/jpeg&quot; filename=&quot;js.png&quot; height=&quot;608&quot; width=&quot;647&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;
일반적으로 개발자들은 자바스크립트를 사용할 때 성능을 생각하고 코딩하는 경우는 거의 없습니다.&lt;/div&gt;
&lt;div&gt;
하지만 코딩을 하다보면 가끔씩 많은 정보를 자바스크립트로 제어해야 할 경우가 있습니다. 특히 Enterprise Solution을 개발할 때 이런 상황을 자주 직면하게 됩니다.&lt;/div&gt;
&lt;div&gt;
그래서 간단하지만 효과적인 javascript 성능향상 팁을 정리해 보았습니다.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: Gungsuh; &quot;&gt;&lt;span style=&quot;font-size: 11pt; &quot;&gt;&lt;span style=&quot;font-size: 14pt; &quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Gulim; &quot;&gt;Tip 1. 반복문&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
여러분은 반복문을 사용하실 때 어떤 구문을 사용하시나요?&lt;/div&gt;
&lt;div&gt;
보통 가장 기본적인 아래와 같은 반복문을 가장 많이 사용하실겁니다.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;for(i=0; i&amp;lt;array.length; i++)&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
이 반복문은 책이나 예제로 많이 사용되어 집니다.&lt;/div&gt;
&lt;div&gt;
하지만 이 반복문에는 단점이 하나 있습니다. 그것은 이 구분을 반복할 때 마다 array.length 메소드가 매번 호출된다는 점입니다.&lt;/div&gt;
&lt;div&gt;
while 문에서도 아래와 같이 사용하면 array.length가 매번 호출됩니다.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;i=0; while(i&amp;lt;array.length)&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
이 부분에서 성능을 향상하기 위해서는 아래처럼 array.length를 꼭 변수에 담아 사용하시기를 권합니다.&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;var cnt = array.length;&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;for (i=0; i&amp;lt;cnt; i++)&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;border-top-width: 0pt; border-right-width: 0pt; border-bottom-width: 0pt; border-left-width: 0pt; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-color: initial; height: 15px; background-image: url(http://deco.daum-img.net/contents/horizontalrule/line05.gif?rv=1.0.1); background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: initial; width: 99%; background-position: 0% 50%; background-repeat: repeat no-repeat; &quot;&gt;
&lt;hr style=&quot;position: relative; top: -999px; left: -999px; border-top-width: 0pt; border-right-width: 0pt; border-bottom-width: 0pt; border-left-width: 0pt; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-color: initial; &quot;&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-size: 14pt; &quot;&gt;&lt;b&gt;Tip 2. + 연산자&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;&lt;/span&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre; &quot;&gt;	&lt;/span&gt;var str;&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;for (i=0; i&amp;lt;10000; i++) {&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;str += &#039;prefix&#039;+i+&#039;suffix&#039;;&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
위 구문은 반복 횟수가 적을 때는 아무런 문제가 없습니다. 하지만 1000건을 넘어가면 몇 초동안 화면이 굳어버리게 됩니다.&lt;/div&gt;
&lt;div&gt;
이럴 경우에는 array와 join메소드를 사용하시면 됩니다.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;var strArray = [];&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;for (i=0; i&amp;lt;10000; i++) {&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;strArray.push(&#039;prefix&#039;, i, &#039;suffix&#039;);&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;var str = strArray.join(&#039;&#039;);&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
이 방법을 사용하게 되면 +를 사용할 때 보다 훨씬 빠른 결과를 얻을 수 있습니다.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;border-top-width: 0pt; border-right-width: 0pt; border-bottom-width: 0pt; border-left-width: 0pt; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-color: initial; height: 15px; background-image: url(http://deco.daum-img.net/contents/horizontalrule/line05.gif?rv=1.0.1); background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: initial; width: 99%; background-position: 0% 50%; background-repeat: repeat no-repeat; &quot;&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style=&quot;font-size: 14pt; &quot;&gt;Tip 3. DOM : createElement(), appendChild()&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;var lo = document.createElement(&#039;lo&#039;);&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;for (i=0; i&amp;lt;100; i++) {&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;lo.appendChild(document.createElement(&#039;li&#039;));&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;document.body.appendChild(lo);&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
위 예제에서는 lo 객체에 childNode로 li 100개를 생성하고 있습니다.&lt;/div&gt;
&lt;div&gt;
이 예제에서 개선될 점은 두 가지 입니다.&lt;/div&gt;
&lt;div&gt;
하나는 반복문 안에서 appendChild를 사용했다는점이고 두 번째 역시 반복분 안에서 createElement를 사용했다는 점입니다.&lt;/div&gt;
&lt;div&gt;
위 예제를 개선하면 다음과 같습니다.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;var lo = document.createElement(&#039;lo&#039;);&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;var arrayLi = [];&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;for (i=0; i&amp;lt;100; i++) {&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;		&lt;/span&gt;li.push(&#039;&amp;lt;li&amp;gt;&#039;, &#039;&amp;lt;/li&amp;gt;&#039;);&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;}&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;lo.innerHTML = li.join(&#039;&#039;);&lt;/div&gt;
&lt;div&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;	&lt;/span&gt;document.body.appendChild(lo);&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
appendChild 대신 2번 팁이 사용되었군요. 그리고 createElement가 아니라 innerHTML이 사용되었습니다.&lt;/div&gt;
&lt;div&gt;
이 방법은 appendChild, createElement로 인해 발생되는 부하를 극적으로 줄여주게 됩니다.&lt;/div&gt;
&lt;div&gt;
저는 이 방법을 통해서 2분이 걸리던 작업을 10초만에 나오도록 개선한 적이 있습니다.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;border-top-width: 0pt; border-right-width: 0pt; border-bottom-width: 0pt; border-left-width: 0pt; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-color: initial; height: 15px; background-image: url(http://deco.daum-img.net/contents/horizontalrule/line05.gif?rv=1.0.1); background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: initial; width: 99%; background-position: 0% 50%; background-repeat: repeat no-repeat; &quot;&gt;
&lt;hr style=&quot;position: relative; top: -999px; left: -999px; border-top-width: 0pt; border-right-width: 0pt; border-bottom-width: 0pt; border-left-width: 0pt; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-color: initial; &quot;&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
그리고 이보다 훨씬 많은 성능향상팁이 있지만 가장 효과적인 세 가지만 적어보았습니다.&lt;/div&gt;
&lt;div&gt;
다른 팁들은 성능 향상의 폭이 적어서 거의 극한 튜닝에나 쓰일법한 기법이 많고 또 브라우저 마다 효과가 약간씩 다르기 때문 입니다.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
주의하실점은 이 팁들은 IE6에서 가장 큰 효과가 있습니다. 하지만 IE8이나 최신버전의 chrome, FireFox등에서는 거의 차이가 없습니다.&lt;/div&gt;
&lt;div&gt;
직접 테스트를 해보고 싶으시면 &lt;a href=&quot;http://spoon.net/Browsers/&quot; target=&quot;_blank&quot; title=&quot;[http://spoon.net/Browsers/]로 이동합니다.&quot;&gt;http://spoon.net/Browsers/&lt;/a&gt; 에서 여러가지 브라우저를 실행한 후 아래 페이지를 방문해 보세요.&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://devpro.it/examples/loopsbench/&quot; target=&quot;_blank&quot; title=&quot;[http://devpro.it/examples/loopsbench/]로 이동합니다.&quot;&gt;http://devpro.it/examples/loopsbench/&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;entry-ccl&quot; style=&quot;clear: both; text-align: right; margin-bottom: 10px&quot;&gt;
	&lt;img id=&quot;ccl-icon-96-0&quot; class=&quot;entry-ccl-by&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black01.png&quot; alt=&quot;저작자 표시&quot;/&gt;
	&lt;img id=&quot;ccl-icon-96-1&quot; class=&quot;entry-ccl-nc&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black02.png&quot; alt=&quot;비영리&quot;/&gt;
	&lt;img id=&quot;ccl-icon-96-2&quot; class=&quot;entry-ccl-nd&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black03.png&quot; alt=&quot;변경 금지&quot;/&gt;
	&lt;!--
	&lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
		&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
		&lt;/Work&gt;
		&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;
			&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;
		&lt;/License&gt;
	&lt;/rdf:RDF&gt;
	--&gt;
&lt;/div&gt;
&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;blogger-news-widget&quot; style=&quot;width: 100%; text-align: center&quot;&gt;
		  					&lt;embed src=&quot;http://api.v.daum.net/static/recombox1.swf&quot; quality=&quot;high&quot; flashvars=&quot;nid=10731325&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;false&quot; bgcolor=&quot;#ffffff&quot; width=&quot;400&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
						&lt;/div&gt;&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;</description>
			<category>JavaScript</category>
			<category>JavaScript</category>
			<category>Performance</category>
			<category>성능</category>
			<category>자바스크립트</category>
			<author>서영아빠</author>
			<guid>http://westzero.net/96</guid>
			<comments>http://westzero.net/96#entry96comment</comments>
			<pubDate>Tue, 26 Oct 2010 23:34:46 +0900</pubDate>
		</item>
		<item>
			<title>[log4sql] slf4j를 적용해서 파일로 저장하기</title>
			<link>http://westzero.net/95</link>
			<description>&lt;div&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile5.uf.tistory.com/original/160619234CAB3409390082&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile5.uf.tistory.com/image/160619234CAB3409390082&quot; alt=&quot;&quot; filemime=&quot;image/jpeg&quot; filename=&quot;log4sql.png&quot; height=&quot;468&quot; width=&quot;650&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
2008년 말 &lt;a href=&quot;http://westzero.net/16&quot; target=&quot;_blank&quot; title=&quot;[http://westzero.net/16]로 이동합니다.&quot;&gt;log4sql&lt;/a&gt;&lt;a href=&quot;http://westzero.net/16http://westzero.net/16&quot; target=&quot;_blank&quot; title=&quot;[http://westzero.net/16http://westzero.net/16]로 이동합니다.&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://westzero.net/16&quot; target=&quot;_blank&quot; title=&quot;[http://westzero.net/16]로 이동합니다.&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://westzero.net/16&quot; target=&quot;_blank&quot; title=&quot;[http://westzero.net/16]로 이동합니다.&quot;&gt;을 소개한 포스팅&lt;/a&gt;을 작성했었습니다. 그때 log4sql은 sql을 콘솔에 찍어주는 기능만 있었습니다.&lt;div&gt;
그래서 저는 &lt;a href=&quot;http://westzero.net/45&quot; target=&quot;_blank&quot; title=&quot;[http://westzero.net/45]로 이동합니다.&quot;&gt;콘솔의 내용을 전부 파일로 저장하는 방법&lt;/a&gt;을 사용하기도 했습니다.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
그리고 2009년 말에는 &lt;a href=&quot;http://i-dev.tistory.com/49&quot; target=&quot;_blank&quot; title=&quot;[http://i-dev.tistory.com/49]로 이동합니다.&quot;&gt;common-logging 라이브러리를 적용&lt;/a&gt;한 블로거 분도 계셨습니다. 그때 당시만 해도 sql을 파일로 저장할 필요성을 별로 못느꼈기 때문에 별로 관심이 없었습니다. 그런데 요즘 배치 개발을 많이 하다 보니 콘솔에 엄청나게 찍히는 sql을 감당할 수가 없더군요. 그래서 slf4j를 사용한 log4sql을 만들게 되었습니다.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;txc-textbox&quot; style=&quot;border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: rgb(193, 193, 193); border-right-color: rgb(193, 193, 193); border-bottom-color: rgb(193, 193, 193); border-left-color: rgb(193, 193, 193); background-color: rgb(238, 238, 238); padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; &quot;&gt;
&lt;font class=&quot;Apple-style-span&quot; color=&quot;#000000&quot;&gt;여기서 잠깐~ slf4j를 잘 모르시는 분은&lt;/font&gt; &lt;a href=&quot;http://chanwook.tistory.com/727&quot; target=&quot;_blank&quot; title=&quot;[http://chanwook.tistory.com/727]로 이동합니다.&quot;&gt;여기&lt;/a&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#000000&quot;&gt;를 참조하세요.&lt;/font&gt;&lt;br /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div&gt;
기본적인 사용법은 기존 log4sql의 사용법과 동일합니다.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
달라진 점들&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;ol style=&quot;list-style-type: decimal; &quot;&gt;
&lt;li&gt;설정 porperties 파일 위치와 명칭 변경&lt;br /&gt;
/core/log/log4sql_configuration.properties =&amp;gt; /log4sql.properties&lt;br /&gt;
properties 파일을 라이브러리 밖으로 빼서 properties의 수정을 용이하게 했습니다.&lt;/li&gt;
&lt;li&gt;log4sql.properties에서 log.slf4j.use=ture 항목의 값을 true, false로 설정함으로써 sql의 파일 저장을 설정할 수 있게 되었습니다.&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
아래는 저장된 로그파일 샘플입니다.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;pre class=&quot;brush:sql&quot;&gt;
[2010-10-06 21:40:46] [SL] [547] [DEBUG] 『net.teracube.folder.FolderAction:excute(53)』 Elapsed Time [0:00:00.002]

    SELECT
        * 
    FROM
        TC_FOLDER 
    WHERE
        PARENT_FOLDER_ID =  2 /**P*/ 
        AND USER_ID =  1 /**P*/ 

 
[2010-10-06 21:40:46] [CheckAuthFilter] [37] [DEBUG] doFilter() auth :  
[2010-10-06 21:40:46] [FolderDispatcher] [46] [DEBUG] doFilter() viewUrl : /WEB-INF/jsp/json/json.jsp 
&lt;/pre&gt;&lt;br /&gt;
&lt;div&gt;
소스 파일과 로그 등은&amp;nbsp;&lt;a href=&quot;http://github.com/hyunjun19/log4sql-slf4j&quot;&gt;http://github.com/hyunjun19/log4sql-slf4j&lt;/a&gt;&amp;nbsp;여기를 방문하시면 됩니다.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div&gt;
관련글&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://westzero.net/16&quot; target=&quot;_blank&quot;&gt;2010/10/03 - [개발 이야기/Java] - System.out.println()은 잊어라 log4sql이 온다.&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;http://westzero.net/45&quot; target=&quot;_blank&quot;&gt;2009/11/15 - [개발 이야기/Java] - 콘솔의 내용을 파일로 자동저장하기&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;entry-ccl&quot; style=&quot;clear: both; text-align: right; margin-bottom: 10px&quot;&gt;
	&lt;img id=&quot;ccl-icon-95-0&quot; class=&quot;entry-ccl-by&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black01.png&quot; alt=&quot;저작자 표시&quot;/&gt;
	&lt;img id=&quot;ccl-icon-95-1&quot; class=&quot;entry-ccl-nc&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black02.png&quot; alt=&quot;비영리&quot;/&gt;
	&lt;img id=&quot;ccl-icon-95-2&quot; class=&quot;entry-ccl-nd&quot; src=&quot;http://i1.daumcdn.net/cfs.tistory/v/0/static/admin/editor/ccl_black03.png&quot; alt=&quot;변경 금지&quot;/&gt;
	&lt;!--
	&lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
		&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
		&lt;/Work&gt;
		&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;
			&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;
		&lt;/License&gt;
	&lt;/rdf:RDF&gt;
	--&gt;
&lt;/div&gt;
&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;blogger-news-widget&quot; style=&quot;width: 100%; text-align: center&quot;&gt;
		  					&lt;embed src=&quot;http://api.v.daum.net/static/recombox1.swf&quot; quality=&quot;high&quot; flashvars=&quot;nid=10135805&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;false&quot; bgcolor=&quot;#ffffff&quot; width=&quot;400&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
						&lt;/div&gt;&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;</description>
			<category>Java</category>
			<category>log4sql</category>
			<category>SLF4J</category>
			<category>SQL</category>
			<category>sql debugging</category>
			<category>sql 로그</category>
			<author>서영아빠</author>
			<guid>http://westzero.net/95</guid>
			<comments>http://westzero.net/95#entry95comment</comments>
			<pubDate>Tue, 05 Oct 2010 23:16:52 +0900</pubDate>
		</item>
		<item>
			<title>System.out.println()은 잊어라 log4sql이 온다.</title>
			<link>http://westzero.net/16</link>
			<description>&lt;a href=&quot;http://log4sql.sourceforge.net/index_kr.html&quot; target=&quot;_blank&quot;&gt;log4sql&lt;/a&gt;은 많이 알려지진 않았지만 상당히 유용한 sql 로거입니다. 만든 분은 송인섭이라는분인데 한국분이신것 같습니다.&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;기존에 우리는 sql을 디버깅 하기 위해서 대부분 System.out.println()을 사용했습니다. log4j를 이용해서 sql을 콘솔에 찍기도 하고 jdbc관련 클래스를 만들어서 사용하는 경우에도 결국엔 System.out.println()을 사용하게 됩니다. 하지만 sql을 이렇게 콘솔로 표현하게 되면 여러가지 불편한 점들이 생깁니다. &lt;br /&gt;
&amp;nbsp;가장 큰 문제점이 바로 소스는 소스대로, 콘솔은 콘솔대로 가독성이 떨어지게 됩니다. 소스상에서 System.out을 사용하게되면 개발이 끝나도 운영에 들어가게되면 이 부분을 주석처리하거나 다른 설정을 하게됩니다. &lt;br /&gt;
&amp;nbsp;또한 콘솔에서 보여질때 sql을 소스상에서 들여쓰기를 해주지 않았다면 단순한 sql은 괜찮지만 복잡한 sql은 볼때마다 매번 들여쓰기를 해주어야 한다는 단점이 있습니다. &lt;a href=&quot;http://log4sql.sourceforge.net/index_kr.html&quot; target=&quot;_blank&quot;&gt;log4sql&lt;/a&gt;은 이러한 문제를 해결하기 위해서 간단히 드라이버 설정만 바꿔주면 System.out.println()을 사용하지 않아도, 소스상에서 들여쓰기를 해주지 않아도 콘솔에 예쁘게 들여쓰기가 된 sql을 보여줍니다.&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;&lt;a href=&quot;http://log4sql.sourceforge.net/index_kr.html&quot; target=&quot;_blank&quot;&gt;log4sql&lt;/a&gt;이 뭔가요?&lt;/h4&gt;간단하게 &lt;a href=&quot;http://log4sql.sourceforge.net/index_kr.html&quot; target=&quot;_blank&quot;&gt;log4sql&lt;/a&gt;이 무엇인지 백번 설명을 하기보다는 한번 보는게 확실히 이해하기 쉬울꺼 같습니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile5.uf.tistory.com/original/195380044C9DEBA10E3BF4&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile5.uf.tistory.com/image/195380044C9DEBA10E3BF4&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;392&quot; width=&quot;600&quot;/&gt;&lt;/a&gt;&lt;/div&gt;저 노란색 박스안에 나타난 내용이 &lt;a href=&quot;http://log4sql.sourceforge.net/index_kr.html&quot; target=&quot;_blank&quot;&gt;log4sql&lt;/a&gt;에서 자동으로 찍어준 내용입니다. sql이 실행된 시간과 실행된 메소드, sql이 실행되는데 소요된 시간, 실행된 sql을 자동으로 들여쓰기를 해서 보여주고 있습니다.&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;&lt;a href=&quot;http://log4sql.sourceforge.net/index_kr.html&quot; target=&quot;_blank&quot;&gt;log4sql&lt;/a&gt;의 장점&lt;/h4&gt;&lt;h6&gt;&lt;span style=&quot;font-size: 12pt; &quot;&gt;1. 자동 들&lt;/span&gt;&lt;span style=&quot;font-size: 11pt; &quot;&gt;&lt;span style=&quot;font-size: 12pt; &quot;&gt;﻿&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12pt; &quot;&gt;여쓰기&lt;/span&gt;&lt;/h6&gt;일반적으로 콘솔에 들여쓰기가 된 sql을 보려면 다음과 같은 코드를 작성해야 했습니다.&lt;br /&gt;
&lt;pre class=&quot;brush:java&quot;&gt;StringBuffer&amp;nbsp; var11 = new StringBuffer();&lt;br /&gt;
var11.append(&quot;SELECT * \n&quot;);&lt;br /&gt;
var11.append(&quot; FROM &amp;nbsp; emp \n&quot;);&lt;br /&gt;
var11.append(&quot; WHERE&amp;nbsp; deptno = &#039;30&#039; \n&quot;);&lt;br /&gt;
&lt;/pre&gt;하지만 더이상 이런 부분은 신경 쓰지않아도 됩니다. &lt;a href=&quot;http://log4sql.sourceforge.net/index_kr.html&quot; target=&quot;_blank&quot;&gt;log4sql&lt;/a&gt;을 사용한다면 말이죠.&lt;br /&gt;
&lt;br /&gt;
&lt;h6&gt;&lt;span style=&quot;font-size: 12pt; &quot;&gt;2. 페이지 반응속도가 느리다구요?&lt;/span&gt;&lt;/h6&gt;&lt;a href=&quot;http://log4sql.sourceforge.net/index_kr.html&quot; target=&quot;_blank&quot;&gt;log4sql&lt;/a&gt;은 쿼리가 실행되는데 걸린 시간을 표시해줍니다. 어느 부분이 느린지 어느 쿼리가 느린지 콘솔을 보기만 하면 알 수 있습니다.&lt;br /&gt;
&lt;br /&gt;
&lt;h6&gt;&lt;span style=&quot;font-size: 12pt; &quot;&gt;3. 이 쿼리가 어디서 날린 쿼리지?&lt;/span&gt;&lt;/h6&gt;log4sql은 쿼리가 실행된 메소드도 표시해 줍니다. 하지만 쿼리를 날리는 클래스를 별도로 두고 해당 클래스를 이용해서 쿼리를 날리게 되면 &lt;a href=&quot;http://log4sql.sourceforge.net/index_kr.html&quot; target=&quot;_blank&quot;&gt;log4sql&lt;/a&gt;도 어쩔수 없답니다.^^;;&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;어떻게 사용하나요?&lt;/h4&gt;간단합니다. JDBC 관련 설정에서 드라이버 설정만 바꿔주면 됩니다. 예를 들어 오라클을 사용하는 경우 기존에 &lt;font size=&quot;2&quot;&gt;&#039;oracle.jdbc.drirver.OracleDriver&lt;/font&gt;&#039; 드라이버를 사용했다면 &#039;&lt;font size=&quot;2&quot;&gt;core.log.jdbc.driver.OracleDriver&#039;로 바꿔주기만 하면 됩니다. 이제 &lt;a href=&quot;http://log4sql.sourceforge.net/index_kr.html&quot; target=&quot;_blank&quot;&gt;log4sql&lt;/a&gt;을 사용할 준비가 된겁니다. 이제 WAS를 올리고 콘솔을 한번 보세요. sql이 깔끔하게 정리되어서 나타날꺼에요.^^&lt;br /&gt;
다른 디비를 사용하시는 경우에는 &lt;a href=&quot;http://log4sql.sourceforge.net/index_kr.html&quot; target=&quot;_blank&quot;&gt;log4sql&lt;/a&gt; 홈페이지에서 확인하시면 됩니다.&lt;br /&gt;
&lt;br /&gt;
다음에는 &lt;a href=&quot;http://log4sql.sourceforge.net/index_kr.html&quot; target=&quot;_blank&quot;&gt;log4sql&lt;/a&gt;의 상세 설정에 대해서도 알아보도록 하겠습니다.&lt;/font&gt;&lt;div&gt;
&lt;font size=&quot;2&quot;&gt;&lt;br /&gt;
&lt;font class=&quot;Apple-style-span&quot; size=&quot;3&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 12px; line-height: 18px;&quot;&gt;&lt;div class=&quot;txc-textbox&quot; style=&quot;border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: rgb(121, 165, 228); border-right-color: rgb(121, 165, 228); border-bottom-color: rgb(121, 165, 228); border-left-color: rgb(121, 165, 228); background-color: rgb(219, 232, 251); padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; &quot;&gt;
log4sql은 sql을 파일로 저장하는 기능이 없습니다. 하지만 대신&amp;nbsp;&lt;a href=&quot;http://westzero.net/45&quot; target=&quot;_blank&quot; title=&quot;[http://westzero.net/45]로 이동합니다.&quot;&gt;콘솔의 내용을 파일로 저장하는 방법&lt;/a&gt;을 사용하면 파일로 저장할 수 있습니다.&lt;/div&gt;
&lt;/span&gt;&lt;/font&gt;&lt;/font&gt;&lt;/div&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;embed src=&quot;http://api.v.daum.net/static/recombox1.swf?nid=10108257&quot; quality=&quot;high&quot; bgcolor=&quot;#ffffff&quot; width=&quot;400&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot;&gt;&lt;/embed&gt;&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;</description>
			<category>Java</category>
			<category>Debug</category>
			<category>Debugging</category>
			<category>LOG4J</category>
			<category>log4sql</category>
			<category>Logger</category>
			<category>Logging</category>
			<category>SQL</category>
			<category>sql debugging</category>
			<author>서영아빠</author>
			<guid>http://westzero.net/16</guid>
			<comments>http://westzero.net/16#entry16comment</comments>
			<pubDate>Sun, 03 Oct 2010 23:20:57 +0900</pubDate>
		</item>
	</channel>
</rss>

