<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
	<channel>
		<title>PHP와 Web 2.0</title>
		<link>http://blog.phpdic.com/</link>
		<description>PHP, AJAX 그리고 Web2.0 웹트렌드의 정보 블로그입니다.</description>
		<language>ko</language>
		<pubDate>Wed, 30 Apr 2008 00:14:03 +0900</pubDate>
		<generator>Textcube 1.6.1 : Arpeggio</generator>
		<image>
		<title>PHP와 Web 2.0</title>
		<url>http://blog.phpdic.com/attach/1/1077002046.jpg</url>
		<link>http://blog.phpdic.com/</link>
		<width>100</width>
		<height>100</height>
		<description>PHP, AJAX 그리고 Web2.0 웹트렌드의 정보 블로그입니다.</description>
		</image>
		<item>
			<title>Prototype으로 만든 날짜 선택 콤포넌트</title>
			<link>http://blog.phpdic.com/32</link>
			<description>&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://blog.phpdic.com/attach/1/1172584931.png&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;302&quot; width=&quot;345&quot; /&gt;&lt;/div&gt;&lt;BR&gt;Stephen Celis 이 &lt;A href=&quot;http://stephencelis.com/projects/timeframe&quot; target=_blank&gt;공개&lt;/A&gt;한 날짜 선택 콤포넌트입니다. &lt;BR&gt;&lt;BR&gt;특정 기간을 선택하기에 좋게 되어있군요.&lt;BR&gt;&lt;BR&gt;예제를 보시려면 &lt;A href=&quot;http://stephencelis.com/projects/timeframe#example_information&quot;&gt;이곳&lt;/A&gt;&amp;nbsp;을 이용하시면 되고 사파리에서 가장 좋은 품질을 보여준다고 하는데...&lt;BR&gt;확실히 이쁘긴 하네요... ;; 위에 캡쳐는 파이어폭스2 입니다.&lt;BR&gt;&lt;BR&gt;아래는 ajaxian 캡쳐인데 맥 &amp;amp; 사파리인듯..&lt;BR&gt;&lt;BR&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://blog.phpdic.com/attach/1/1045597365.png&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;273&quot; width=&quot;354&quot; /&gt;&lt;/div&gt;&lt;BR&gt;이쁘죠?</description>
			<category>JavaScript</category>
			<category>component</category>
			<category>javascript</category>
			<category>prototype</category>
			<category>timeframe</category>
			<category>콤포넌트</category>
			<author>(PHPDIC)</author>
			<guid>http://blog.phpdic.com/32</guid>
			<comments>http://blog.phpdic.com/32#entry32comment</comments>
			<pubDate>Thu, 24 Apr 2008 11:45:47 +0900</pubDate>
		</item>
		<item>
			<title>자바스크립트로 만든 RPG - ProtoRPG</title>
			<link>http://blog.phpdic.com/31</link>
			<description>&lt;BR&gt;&lt;BR&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://blog.phpdic.com/attach/1/1004872107.png&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;378&quot; width=&quot;360&quot; /&gt;&lt;/div&gt;&lt;BR&gt;게임명에서 눈치 챌 수 있듯이 Prototype과 Script.aculo.us를 이용했습니다.&lt;BR&gt;&lt;BR&gt;개발자는 Pierre Chassaing이며 &lt;A href=&quot;http://www.protorpg.com/&quot;&gt;http://www.protorpg.com/&lt;/A&gt;&amp;nbsp;라는 도메인을 가지고 서비스를 공개했습니다.&lt;BR&gt;조작법이 익숙치 않으실텐데 문앞에 가서 U키를 누르고 문이 있는쪽으로 방향키를 누르면 문이 열립니다.&lt;BR&gt;&lt;BR&gt;가려져 있던 부분이 나타나는것도 Script.aculo.us를 이용했으면 더 좋았을텐데 대화창 같은 UI부분에만 사용했군요...&lt;BR&gt;</description>
			<category>JavaScript</category>
			<category>game</category>
			<category>javascript</category>
			<category>Pierre Chassaing</category>
			<category>role playing</category>
			<category>rpg</category>
			<category>게임</category>
			<category>자바스크립트</category>
			<author>(PHPDIC)</author>
			<guid>http://blog.phpdic.com/31</guid>
			<comments>http://blog.phpdic.com/31#entry31comment</comments>
			<pubDate>Tue, 22 Apr 2008 11:48:51 +0900</pubDate>
		</item>
		<item>
			<title>PHP RSS라이브러리 - simplepie.org</title>
			<link>http://blog.phpdic.com/30</link>
			<description>&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://blog.phpdic.com/attach/1/1049228031.png&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;140&quot; width=&quot;233&quot; /&gt;&lt;/div&gt;&lt;BR&gt;PHP에서 RSS를 읽기위한 여러 라이브러리가 있습니다. &lt;A href=&quot;http://magpierss.sourceforge.net/&quot; target=_blank&gt;Magpie&lt;/A&gt; 라이브러리를 많이 사용하지요.&lt;BR&gt;&lt;BR&gt;&lt;A href=&quot;http://magpierss.sourceforge.net/&quot; target=_blank&gt;Magpie&lt;/A&gt;는 많이 사용하니 제가 오늘 소개해 드릴것은 SimplePie입니다.&lt;BR&gt;&lt;BR&gt;&lt;A href=&quot;http://simplepie.org/&quot; target=_blank&gt;http://simplepie.org/&lt;/A&gt;&lt;BR&gt;&lt;BR&gt;1개의 파일로 간편하게 구성되어있어 통합이 편리하며&lt;BR&gt;&lt;BR&gt;여러 프레임웍을 위한 예제가 많이 존재하기 때문에 사용도 간편합니다.&lt;BR&gt;&lt;BR&gt;
&lt;LI class=level1&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#simplepie_plugins_and_integration&quot;&gt;SimplePie Plugins and Integration&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;UL class=toc&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#bitweaver&quot;&gt;BitWeaver&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#cakephp&quot;&gt;CakePHP&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#codeigniter&quot;&gt;CodeIgniter&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#dokuwiki&quot;&gt;DokuWiki&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#drupal&quot;&gt;Drupal&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#facebook&quot;&gt;Facebook&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#habari&quot;&gt;Habari&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#joomla&quot;&gt;Joomla!&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#modx&quot;&gt;MODx&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#mediawiki&quot;&gt;Mediawiki&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#nucleus&quot;&gt;Nucleus&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#php-nuke&quot;&gt;PHP-Nuke&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#plume_cms&quot;&gt;Plume CMS&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#punbb&quot;&gt;PunBB&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#silverstripe&quot;&gt;SilverStripe&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#textpattern&quot;&gt;Textpattern&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI class=level2&gt;
&lt;DIV class=li&gt;&lt;SPAN class=li&gt;&lt;A class=toc href=&quot;http://simplepie.org/wiki/plugins/start#wordpress&quot;&gt;WordPress&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;&lt;/UL&gt;기본 인코딩은 utf-8 상태이기 때문에 한글이 깨진다면 euc-kr을 이용해보세요&lt;BR&gt;&lt;BR&gt;$this-&amp;gt;simplepie-&amp;gt;set_output_encoding(&#039;euc-kr&#039;);&lt;BR&gt;&lt;/LI&gt;</description>
			<category>PHP</category>
			<category>magpie</category>
			<category>rss</category>
			<category>rss reader</category>
			<category>rss 리더</category>
			<category>rss리더</category>
			<category>simplepie</category>
			<author>(PHPDIC)</author>
			<guid>http://blog.phpdic.com/30</guid>
			<comments>http://blog.phpdic.com/30#entry30comment</comments>
			<pubDate>Mon, 14 Apr 2008 13:51:12 +0900</pubDate>
		</item>
		<item>
			<title>스타게이트에 나온 자바스크립트...</title>
			<link>http://blog.phpdic.com/29</link>
			<description>&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://blog.phpdic.com/attach/1/1065052652.jpg&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;338&quot; width=&quot;600&quot; /&gt;&lt;p class=&quot;cap1&quot;&gt;출처 : http://ajaxian.com/archives/javascript-has-staying-power-used-in-stargate&lt;/p&gt;&lt;/div&gt;&lt;BR&gt;ajaxian에 재미있는 포스트가 있네요...&lt;BR&gt;&lt;BR&gt;스타게이트는 우리나라에서는 영화 한편만 공개되었지만 그 뒤로 드라마로 만들어지고 스타게이트 아틀란티스라는 다른 시리즈 물도 공개되었죠&lt;BR&gt;&lt;BR&gt;어쨌든; 스타게이트에서 우주선 관리프로그램(?)에 자바스크립트를 이용하고 있습니다.&lt;BR&gt;window.open이 친숙하네요...&lt;BR&gt;&lt;BR&gt;&lt;EMBED src=http://www.youtube.com/v/7itieZG3hdw&amp;amp;hl=en width=425 height=355 type=application/x-shockwave-flash wmode=&quot;transparent&quot;&gt;&lt;BR&gt;&lt;BR&gt;24초 쯤에 나옵니다.&lt;BR&gt;</description>
			<category>기타</category>
			<category>stargate</category>
			<category>스크립트</category>
			<category>스타게이트</category>
			<category>자바스크립트</category>
			<author>(PHPDIC)</author>
			<guid>http://blog.phpdic.com/29</guid>
			<comments>http://blog.phpdic.com/29#entry29comment</comments>
			<pubDate>Fri, 11 Apr 2008 13:51:45 +0900</pubDate>
		</item>
		<item>
			<title>14KB의 자바스크립트로 만든 슈퍼마리오</title>
			<link>http://blog.phpdic.com/28</link>
			<description>&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://blog.phpdic.com/attach/1/1201466472.png&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;516&quot; width=&quot;521&quot; /&gt;&lt;/div&gt;&lt;BR&gt;&lt;BR&gt;&lt;A href=&quot;http://blog.nihilogic.dk/&quot; target=_blank&gt;Jacob Seidelin&lt;/A&gt; 은 14KB의 자바스크립트로 구현한 슈퍼마리오를 &lt;A href=&quot;http://blog.nihilogic.dk/2008/04/super-mario-in-14kb-javascript.html&quot; target=_blank&gt;공개&lt;/A&gt;했습니다.&lt;BR&gt;&lt;BR&gt;당연히 javascript 압축도구를 이용해서 압축된 사이즈이고 원본은 35KB라고 합니다.&lt;BR&gt;&lt;A href=&quot;http://www.julienlecomte.net/yuicompressor/&quot; target=_blank&gt;YUI Compressor&lt;/A&gt;를 통해 압축되었다고 하는군요&lt;BR&gt;&lt;BR&gt;데모는 아래 링크에서 확인 할 수 있습니다.&lt;BR&gt;&lt;BR&gt;작은 화면 : &lt;A href=&quot;http://www.nihilogic.dk/labs/mario/mario_small_nomusic.htm&quot; target=_blank&gt;&lt;FONT color=#6699cc&gt;no music&lt;/FONT&gt;&lt;/A&gt; or &lt;A href=&quot;http://www.nihilogic.dk/labs/mario/mario_small_music.htm&quot; target=_blank&gt;&lt;FONT color=#6699cc&gt;with music&lt;/FONT&gt;&lt;/A&gt;&lt;BR&gt;&lt;BR&gt;큰화면 : &lt;A href=&quot;http://www.nihilogic.dk/labs/mario/mario_large_nomusic.htm&quot; target=_blank&gt;&lt;FONT color=#6699cc&gt;no music&lt;/FONT&gt;&lt;/A&gt; or &lt;A href=&quot;http://www.nihilogic.dk/labs/mario/mario_large_music.htm&quot; target=_blank&gt;&lt;FONT color=#6699cc&gt;with music&lt;/FONT&gt;&lt;/A&gt;&lt;BR&gt;</description>
			<category>JavaScript</category>
			<category>Jacob Seidelin</category>
			<category>mario</category>
			<category>nintendo</category>
			<category>super mario</category>
			<category>supermario</category>
			<category>닌텐도</category>
			<category>슈퍼마리오</category>
			<category>자바스크립트</category>
			<category>패미컴</category>
			<author>(PHPDIC)</author>
			<guid>http://blog.phpdic.com/28</guid>
			<comments>http://blog.phpdic.com/28#entry28comment</comments>
			<pubDate>Fri, 11 Apr 2008 13:13:12 +0900</pubDate>
		</item>
		<item>
			<title>Canvas2Image : &lt;canvas&gt; 객체 파일로 저장하기...</title>
			<link>http://blog.phpdic.com/27</link>
			<description>&lt;A href=&quot;http://blog.nihilogic.dk/&quot; target=_blank&gt;Jacob Seidelin&lt;/A&gt;은 &amp;lt;canvas&amp;gt; 객체를 여러 파일로 저장 할 수 있는 라이브러리를 &lt;A href=&quot;http://blog.nihilogic.dk/2008/04/saving-canvas-data-to-image-file.html&quot; target=_blank&gt;공개&lt;/A&gt;하였습니다.&lt;BR&gt;
&lt;P class=&quot;&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://blog.phpdic.com/attach/1/1187359043.png&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;303&quot; width=&quot;246&quot; /&gt;&lt;/div&gt; &lt;/P&gt;
&lt;DIV class=&quot;&quot;&gt;
&lt;OL&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: #26536a&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&lt;SPAN style=&quot;COLOR: #009900; FONT-STYLE: italic&quot;&gt;/*&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: #3a6a8b; FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&lt;SPAN style=&quot;COLOR: #009900; FONT-STYLE: italic&quot;&gt;* Canvas2Image.saveAsXXXX = function(oCanvasElement, bReturnImgElement, iWidth, iHeight) { ... }&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: #26536a&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&lt;SPAN style=&quot;COLOR: #009900; FONT-STYLE: italic&quot;&gt;*/&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: #3a6a8b; FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: #26536a&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #003366&quot;&gt;var&lt;/SPAN&gt; oCanvas = document.&lt;SPAN style=&quot;COLOR: #006600&quot;&gt;getElementById&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #006600&quot;&gt;(&lt;/SPAN&gt;&lt;SPAN style=&quot;COLOR: #3366cc&quot;&gt;&quot;thecanvas&quot;&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #006600&quot;&gt;)&lt;/SPAN&gt;;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: #3a6a8b; FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: #26536a&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;Canvas2Image.&lt;SPAN style=&quot;COLOR: #006600&quot;&gt;saveAsPNG&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #006600&quot;&gt;(&lt;/SPAN&gt;oCanvas&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #006600&quot;&gt;)&lt;/SPAN&gt;;&amp;nbsp; &lt;SPAN style=&quot;COLOR: #009900; FONT-STYLE: italic&quot;&gt;// will prompt the user to save the image as PNG.&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: #3a6a8b; FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: #26536a&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;Canvas2Image.&lt;SPAN style=&quot;COLOR: #006600&quot;&gt;saveAsJPEG&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #006600&quot;&gt;(&lt;/SPAN&gt;oCanvas&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #006600&quot;&gt;)&lt;/SPAN&gt;; &lt;SPAN style=&quot;COLOR: #009900; FONT-STYLE: italic&quot;&gt;// will prompt the user to save the image as JPEG. &lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: #3a6a8b; FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&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; &lt;SPAN style=&quot;COLOR: #009900; FONT-STYLE: italic&quot;&gt;// Only supported by Firefox.&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: #26536a&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: #3a6a8b; FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;Canvas2Image.&lt;SPAN style=&quot;COLOR: #006600&quot;&gt;saveAsBMP&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #006600&quot;&gt;(&lt;/SPAN&gt;oCanvas&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #006600&quot;&gt;)&lt;/SPAN&gt;;&amp;nbsp; &lt;SPAN style=&quot;COLOR: #009900; FONT-STYLE: italic&quot;&gt;// will prompt the user to save the image as BMP.&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: #26536a&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: #3a6a8b; FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: #26536a&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&lt;SPAN style=&quot;COLOR: #009900; FONT-STYLE: italic&quot;&gt;// returns an &amp;lt;img /&amp;gt; element containing the converted PNG image&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: #3a6a8b; FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #003366&quot;&gt;var&lt;/SPAN&gt; oImgPNG = Canvas2Image.&lt;SPAN style=&quot;COLOR: #006600&quot;&gt;saveAsPNG&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #006600&quot;&gt;(&lt;/SPAN&gt;oCanvas, &lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #003366&quot;&gt;true&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #006600&quot;&gt;)&lt;/SPAN&gt;;&amp;nbsp; &amp;nbsp;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: #26536a&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: #3a6a8b; FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&lt;SPAN style=&quot;COLOR: #009900; FONT-STYLE: italic&quot;&gt;// returns an &amp;lt;img /&amp;gt; element containing the converted JPEG image (Only supported by Firefox)&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: #26536a&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #003366&quot;&gt;var&lt;/SPAN&gt; oImgJPEG = Canvas2Image.&lt;SPAN style=&quot;COLOR: #006600&quot;&gt;saveAsJPEG&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #006600&quot;&gt;(&lt;/SPAN&gt;oCanvas, &lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #003366&quot;&gt;true&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #006600&quot;&gt;)&lt;/SPAN&gt;; &lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: #3a6a8b; FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&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; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: #26536a&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&lt;SPAN style=&quot;COLOR: #009900; FONT-STYLE: italic&quot;&gt;// returns an &amp;lt;img /&amp;gt; element containing the converted BMP image&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: #3a6a8b; FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #003366&quot;&gt;var&lt;/SPAN&gt; oImgBMP = Canvas2Image.&lt;SPAN style=&quot;COLOR: #006600&quot;&gt;saveAsBMP&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #006600&quot;&gt;(&lt;/SPAN&gt;oCanvas, &lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #003366&quot;&gt;true&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #006600&quot;&gt;)&lt;/SPAN&gt;; &lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: #26536a&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: #3a6a8b; FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: #26536a&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&lt;SPAN style=&quot;COLOR: #009900; FONT-STYLE: italic&quot;&gt;// all the functions also takes width and height arguments. &lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: #3a6a8b; FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&lt;SPAN style=&quot;COLOR: #009900; FONT-STYLE: italic&quot;&gt;// These can be used to scale the resulting image:&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: #26536a&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: #3a6a8b; FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;&lt;SPAN style=&quot;COLOR: #009900; FONT-STYLE: italic&quot;&gt;// saves a PNG image scaled to 100x100&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: #26536a&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: &#039;Courier New&#039;, Courier, monospace&quot;&gt;Canvas2Image.&lt;SPAN style=&quot;COLOR: #006600&quot;&gt;saveAsPNG&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #006600&quot;&gt;(&lt;/SPAN&gt;oCanvas, &lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #003366&quot;&gt;false&lt;/SPAN&gt;, &lt;SPAN style=&quot;COLOR: #800000&quot;&gt;100&lt;/SPAN&gt;, &lt;SPAN style=&quot;COLOR: #800000&quot;&gt;100&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: #006600&quot;&gt;)&lt;/SPAN&gt;;&lt;/DIV&gt;&lt;/LI&gt;&lt;/OL&gt;&lt;/DIV&gt;canvas 객체이기에 당연히 IE 6,7에서는 안됩니다;&lt;BR&gt;&amp;nbsp;&lt;BR&gt;데모는 여기서 확인하실수 있습니다. &lt;A href=&quot;http://www.nihilogic.dk/labs/canvas2image/&quot; target=_blank&gt;http://www.nihilogic.dk/labs/canvas2image/&lt;/A&gt;</description>
			<category>JavaScript</category>
			<category>canvas</category>
			<category>Jacob Seidelin</category>
			<author>(PHPDIC)</author>
			<guid>http://blog.phpdic.com/27</guid>
			<comments>http://blog.phpdic.com/27#entry27comment</comments>
			<pubDate>Fri, 11 Apr 2008 13:04:43 +0900</pubDate>
		</item>
		<item>
			<title>Google App Engine이 공개된 이후 분위기...</title>
			<link>http://blog.phpdic.com/26</link>
			<description>&lt;P&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://blog.phpdic.com/attach/1/1327626439.png&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;189&quot; width=&quot;189&quot; /&gt;&lt;/div&gt;&lt;BR&gt;&lt;BR&gt;공개 당일에 국내에 이상할만큼 조용하다가 슬슬 블로그에도 소감이 올라오고 있습니다.&lt;BR&gt;&lt;BR&gt;Google App Engine(이하 GAE)가 사용하는 기술은 Bigtable, GFS, Django, python, YAML 등입니다.&lt;BR&gt;여기서 YAML하면 역시 Ruby on rails이지요 GAE도 code.google.com 의 일환이기에 개발 이슈들이 공개되어있습니다.&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;&lt;SPAN class=h3&gt;Please add ruby support&lt;/SPAN&gt; &lt;/STRONG&gt;&lt;BR&gt;&lt;A href=&quot;http://code.google.com/p/googleappengine/issues/detail?id=29&quot;&gt;http://code.google.com/p/googleappengine/issues/detail?id=29&lt;/A&gt;&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;Add Perl Support&lt;/STRONG&gt;&lt;BR&gt;&lt;A href=&quot;http://code.google.com/p/googleappengine/issues/detail?id=34&quot;&gt;http://code.google.com/p/googleappengine/issues/detail?id=34&lt;/A&gt;&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;PHP support is a must&lt;/STRONG&gt;&lt;BR&gt;&lt;A href=&quot;http://code.google.com/p/googleappengine/issues/detail?id=13&quot;&gt;http://code.google.com/p/googleappengine/issues/detail?id=13&lt;/A&gt;&lt;BR&gt;&lt;BR&gt;이슈 트래커에서 보면 perl과 ruby support 이슈에 몰표를 던지고 있습니다;;;&lt;BR&gt;관심 있으면 참여하시면 아무래도 더 빨라지지 싶습니다.&lt;BR&gt;&lt;BR&gt;다음 언어가 RoR이 될 수도 있지만 PHP를 무시 할 수없지요...&lt;BR&gt;아마 시기는 몰라도 분명 둘 중 하나일겁니다.&lt;BR&gt;&lt;BR&gt;많은 이슈는 없지만 GAE이슈 트래커를 보면 지금 뭐가 부족한지 한눈에 알 수 있습니다.&lt;BR&gt;&lt;A href=&quot;http://code.google.com/p/googleappengine/issues/list&quot;&gt;http://code.google.com/p/googleappengine/issues/list&lt;/A&gt;&lt;BR&gt;&lt;BR&gt;기대되는 다음 지원은 Perl, ruby, rails 정도인데... 사실 셋다 어려워 보입니다.&lt;BR&gt;다운로드 받아서 보시면 알겠지만 (테스터가 아니라도 SDK로컬실행은 가능합니다.)&lt;BR&gt;&lt;BR&gt;rails는 액티브레코드를 쓰는데 &lt;A href=&quot;http://flyingmate.net/45&quot; target=_blank&gt;에로사항&lt;/A&gt;이 있고...&lt;BR&gt;php, perl도 현재의 GAE구조에서 사용이 거의 불가능해보입니다. 다른 형태여야 할 것 같은데요...&lt;BR&gt;&lt;BR&gt;물론 내부적으로 준비하고 있고 이미 사용도 하고 있을것 같습니다만 다른 언어 지원을 예감하는 단서는 없네요...&lt;BR&gt;&lt;BR&gt;일단 하나 제외한다면 C#은 아니겠죠 -_-;&lt;BR&gt;&lt;BR&gt;GAE관련글 두개 추천드립니다.&lt;BR&gt;&lt;BR&gt;&lt;A href=&quot;http://flyingmate.net/45&quot;&gt;http://flyingmate.net/45&lt;/A&gt;&lt;BR&gt;&lt;A href=&quot;http://www.likejazz.com/archives/280&quot;&gt;http://www.likejazz.com/archives/280&lt;/A&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;/P&gt;</description>
			<category>매쉬업</category>
			<category>GAE</category>
			<category>google</category>
			<category>mash up</category>
			<category>구글</category>
			<category>매쉬업</category>
			<author>(PHPDIC)</author>
			<guid>http://blog.phpdic.com/26</guid>
			<comments>http://blog.phpdic.com/26#entry26comment</comments>
			<pubDate>Thu, 10 Apr 2008 18:36:35 +0900</pubDate>
		</item>
		<item>
			<title>Google App Engine 공개</title>
			<link>http://blog.phpdic.com/25</link>
			<description>구글은 현지시간으로 어제 부터 Google App Engine 서비스를 프리뷰 베타 형태로 제공하기로 하였습니다.&lt;BR&gt;&lt;BR&gt;&lt;A href=&quot;http://googleappengine.blogspot.com/2008/04/introducing-google-app-engine-our-new.html&quot;&gt;http://googleappengine.blogspot.com/2008/04/introducing-google-app-engine-our-new.html&lt;/A&gt;&lt;BR&gt;&lt;BR&gt;Google app Engine은 한마디로 개발 플랫폼입니다.&lt;BR&gt;구글이 서버와 스토리지 그리고 핵심API같은 기술을 제공하고 개발자는 단지 서비스만 만들면 되는 개념입니다.&lt;BR&gt;&lt;BR&gt;
&lt;LI&gt;Dynamic webserving, with full support of common web technologies 
&lt;LI&gt;Persistent storage (powered by &lt;A href=&quot;http://labs.google.com/papers/bigtable.html&quot;&gt;Bigtable&lt;/A&gt; and &lt;A href=&quot;http://labs.google.com/papers/gfs.html&quot;&gt;GFS&lt;/A&gt; with queries, sorting, and transactions) 
&lt;LI&gt;Automatic scaling and load balancing 
&lt;LI&gt;Google APIs for authenticating users and sending email 
&lt;LI&gt;Fully featured local development environment&lt;BR&gt;&lt;BR&gt;완벽한 베타도 아니고 아직 프리뷰 베타이기 때문에 10,000의 개발자에게만 허용되어있고 스토리지는 500메가 하루기준 5백만 PV를 처리할수 있는 하드웨어를 지원한다고 합니다. 
&lt;P&gt;500메가라는 용량제한은 트위터같은 아이디어 서비스를 개발하기 위한 구글의 전략 같기도 한데 아마 지금의 지메일처럼 점점 용량이 늘어난다면 대단한 플랫폼이 될것같습니다.&lt;BR&gt;&lt;BR&gt;만우절도 아니고 구글 참 통이 크네요... 낚이는건가 싶을정도입니다;&lt;BR&gt;&lt;BR&gt;파이썬을 사용하기 때문에 파이썬을 설치해야 하고 &lt;A href=&quot;http://appgallery.appspot.com/&quot;&gt;http://appgallery.appspot.com/&lt;/A&gt;&amp;nbsp;를 통해 새로운 웹어플리케이션이 공개되고 있습니다. 저도 무언가를 해봐야할것 같은 의무감을 느끼네요;;&lt;BR&gt;&lt;BR&gt;한동안 큰뉴스거리가 없었는데 계속 소식을 전하도록 하겠습니다.&lt;BR&gt;&lt;BR&gt;&lt;A href=&quot;http://appengine.google.com/&quot;&gt;http://appengine.google.com/&lt;/A&gt;&lt;/P&gt;&lt;/LI&gt;</description>
			<category>매쉬업</category>
			<category>engine</category>
			<category>google</category>
			<category>google app engine</category>
			<category>mash up</category>
			<category>mashup</category>
			<category>구글</category>
			<category>구글 엔진</category>
			<category>구글엔진</category>
			<category>매쉬업</category>
			<author>(PHPDIC)</author>
			<guid>http://blog.phpdic.com/25</guid>
			<comments>http://blog.phpdic.com/25#entry25comment</comments>
			<pubDate>Tue, 08 Apr 2008 15:21:37 +0900</pubDate>
		</item>
		<item>
			<title>Prototype으로 구현한 Coverflow</title>
			<link>http://blog.phpdic.com/24</link>
			<description>&lt;A href=&quot;http://blog.deensoft.com/2008/03/10/protoflow-first-preview-release/&quot; target=_blank&gt;Obaid Ahmed&lt;/A&gt; 는 Prototype과 Script.aculo.us로 구현한 Coverflow를 &lt;A href=&quot;http://blog.deensoft.com/2008/03/10/protoflow-first-preview-release/&quot; target=_blank&gt;공개&lt;/A&gt;하였습니다.&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://blog.phpdic.com/attach/1/1189388709.jpg&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;292&quot; width=&quot;500&quot; /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: rgb(38,83,106)&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;div&lt;/SPAN&gt;&lt;/A&gt; &lt;SPAN style=&quot;COLOR: rgb(0,0,102)&quot;&gt;id&lt;/SPAN&gt;=&lt;SPAN style=&quot;COLOR: rgb(255,0,0)&quot;&gt;&quot;protoflow&quot;&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: rgb(58,106,139); FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/img.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;img&lt;/SPAN&gt;&lt;/A&gt; &lt;SPAN style=&quot;COLOR: rgb(0,0,102)&quot;&gt;src&lt;/SPAN&gt;=&lt;SPAN style=&quot;COLOR: rgb(255,0,0)&quot;&gt;&quot;imgs/DSCN0940_91360.jpg&quot;&lt;/SPAN&gt;/&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: rgb(38,83,106)&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/img.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;img&lt;/SPAN&gt;&lt;/A&gt; &lt;SPAN style=&quot;COLOR: rgb(0,0,102)&quot;&gt;src&lt;/SPAN&gt;=&lt;SPAN style=&quot;COLOR: rgb(255,0,0)&quot;&gt;&quot;imgs/stimme_von_oben_187192.jpg&quot;&lt;/SPAN&gt;/&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: rgb(58,106,139); FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/img.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;img&lt;/SPAN&gt;&lt;/A&gt; &lt;SPAN style=&quot;COLOR: rgb(0,0,102)&quot;&gt;src&lt;/SPAN&gt;=&lt;SPAN style=&quot;COLOR: rgb(255,0,0)&quot;&gt;&quot;imgs/Tropfen_1_Kopie_201721.jpg&quot;&lt;/SPAN&gt;/&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: rgb(38,83,106)&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/img.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;img&lt;/SPAN&gt;&lt;/A&gt; &lt;SPAN style=&quot;COLOR: rgb(0,0,102)&quot;&gt;src&lt;/SPAN&gt;=&lt;SPAN style=&quot;COLOR: rgb(255,0,0)&quot;&gt;&quot;imgs/farbraum_012_147508.jpg&quot;&lt;/SPAN&gt;/&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: rgb(58,106,139); FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/img.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;img&lt;/SPAN&gt;&lt;/A&gt; &lt;SPAN style=&quot;COLOR: rgb(0,0,102)&quot;&gt;src&lt;/SPAN&gt;=&lt;SPAN style=&quot;COLOR: rgb(255,0,0)&quot;&gt;&quot;imgs/IMG_4906_199357.jpg&quot;&lt;/SPAN&gt;/&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: rgb(38,83,106)&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/img.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;img&lt;/SPAN&gt;&lt;/A&gt; &lt;SPAN style=&quot;COLOR: rgb(0,0,102)&quot;&gt;src&lt;/SPAN&gt;=&lt;SPAN style=&quot;COLOR: rgb(255,0,0)&quot;&gt;&quot;imgs/Tropfen_1_Kopie_201721.jpg&quot;&lt;/SPAN&gt;/&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: rgb(58,106,139); FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/img.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;img&lt;/SPAN&gt;&lt;/A&gt; &lt;SPAN style=&quot;COLOR: rgb(0,0,102)&quot;&gt;src&lt;/SPAN&gt;=&lt;SPAN style=&quot;COLOR: rgb(255,0,0)&quot;&gt;&quot;imgs/Fries_201253.jpg&quot;&lt;/SPAN&gt;/&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: rgb(38,83,106)&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/img.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;img&lt;/SPAN&gt;&lt;/A&gt; &lt;SPAN style=&quot;COLOR: rgb(0,0,102)&quot;&gt;src&lt;/SPAN&gt;=&lt;SPAN style=&quot;COLOR: rgb(255,0,0)&quot;&gt;&quot;imgs/Fries_201253.jpg&quot;&lt;/SPAN&gt;/&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: rgb(58,106,139); FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;/div&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: rgb(38,83,106)&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: rgb(58,106,139); FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/ul.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;ul&lt;/SPAN&gt;&lt;/A&gt; &lt;SPAN style=&quot;COLOR: rgb(0,0,102)&quot;&gt;id&lt;/SPAN&gt;=&lt;SPAN style=&quot;COLOR: rgb(255,0,0)&quot;&gt;&quot;protoCaptions&quot;&lt;/SPAN&gt; &lt;SPAN style=&quot;COLOR: rgb(0,0,102)&quot;&gt;class&lt;/SPAN&gt;=&lt;SPAN style=&quot;COLOR: rgb(255,0,0)&quot;&gt;&quot;protoCaptions&quot;&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: rgb(38,83,106)&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/li.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;li&amp;gt;&lt;/SPAN&gt;&lt;/A&gt;&lt;/SPAN&gt;Caption 1&lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;/li&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: rgb(58,106,139); FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/li.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;li&amp;gt;&lt;/SPAN&gt;&lt;/A&gt;&lt;/SPAN&gt;Caption 2&lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;/li&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: rgb(38,83,106)&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/li.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;li&amp;gt;&lt;/SPAN&gt;&lt;/A&gt;&lt;/SPAN&gt;Caption 3&lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;/li&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: rgb(58,106,139); FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/li.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;li&amp;gt;&lt;/SPAN&gt;&lt;/A&gt;&lt;/SPAN&gt;Caption 4&lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;/li&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: rgb(38,83,106)&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/li.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;li&amp;gt;&lt;/SPAN&gt;&lt;/A&gt;&lt;/SPAN&gt;Caption 5&lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;/li&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: rgb(58,106,139); FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: rgb(38,83,106)&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/li.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;li&amp;gt;&lt;/SPAN&gt;&lt;/A&gt;&lt;/SPAN&gt;Caption 6&lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;/li&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: rgb(58,106,139); FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/li.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;li&amp;gt;&lt;/SPAN&gt;&lt;/A&gt;&lt;/SPAN&gt;Caption 7&lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;/li&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: rgb(38,83,106)&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;A href=&quot;http://december.com/html/4/element/li.html&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;li&amp;gt;&lt;/SPAN&gt;&lt;/A&gt;&lt;/SPAN&gt;Caption 8&lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;/li&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: rgb(58,106,139); FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&lt;SPAN style=&quot;COLOR: rgb(0,153,0)&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,0,0)&quot;&gt;&amp;lt;/ul&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/LI&gt;가볍게 정의한 뒤&lt;br /&gt;&lt;br /&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: rgb(38,83,106)&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;Event.&lt;SPAN style=&quot;COLOR: rgb(0,102,0)&quot;&gt;observe&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,102,0)&quot;&gt;(&lt;/SPAN&gt;window, &lt;SPAN style=&quot;COLOR: rgb(51,102,204)&quot;&gt;&#039;load&#039;&lt;/SPAN&gt;, &lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,51,102)&quot;&gt;function&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,102,0)&quot;&gt;(&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,102,0)&quot;&gt;)&lt;/SPAN&gt; &lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,102,0)&quot;&gt;{&lt;/SPAN&gt; &lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: normal; COLOR: rgb(58,106,139); FONT-STYLE: normal; FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&amp;nbsp; cf = &lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,51,102)&quot;&gt;new&lt;/SPAN&gt; ProtoFlow&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,102,0)&quot;&gt;(&lt;/SPAN&gt;$&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,102,0)&quot;&gt;(&lt;/SPAN&gt;&lt;SPAN style=&quot;COLOR: rgb(51,102,204)&quot;&gt;&quot;protoflow&quot;&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,102,0)&quot;&gt;)&lt;/SPAN&gt;, &lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,102,0)&quot;&gt;{&lt;/SPAN&gt;captions: &lt;SPAN style=&quot;COLOR: rgb(51,102,204)&quot;&gt;&#039;protoCaptions&#039;&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,102,0)&quot;&gt;}&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,102,0)&quot;&gt;)&lt;/SPAN&gt;;&lt;/DIV&gt;&lt;/LI&gt;
&lt;LI style=&quot;FONT-WEIGHT: bold; COLOR: rgb(38,83,106)&quot;&gt;
&lt;DIV style=&quot;FONT-WEIGHT: normal; COLOR: rgb(0,0,0); FONT-FAMILY: &#039;Courier New&#039;,Courier,monospace&quot;&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,102,0)&quot;&gt;}&lt;/SPAN&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold; COLOR: rgb(0,102,0)&quot;&gt;)&lt;/SPAN&gt;;&lt;/DIV&gt;&lt;/LI&gt;&lt;br /&gt;설정해주면 끝입니다.&lt;br /&gt;&lt;br /&gt;데모는 &lt;A href=&quot;http://www.deensoft.com/lab/protoflow&quot;&gt;http://www.deensoft.com/lab/protoflow&lt;/A&gt;&amp;nbsp;에서 확인하실수 있고 다운로드는 &lt;A href=&quot;http://www.deensoft.com/lab/protoflow/protoflow.zip&quot; target=_blank&gt;이곳&lt;/A&gt;입니다.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;</description>
			<category>JavaScript</category>
			<category>coverflow</category>
			<category>prototype</category>
			<author>(PHPDIC)</author>
			<guid>http://blog.phpdic.com/24</guid>
			<comments>http://blog.phpdic.com/24#entry24comment</comments>
			<pubDate>Thu, 13 Mar 2008 09:59:28 +0900</pubDate>
		</item>
		<item>
			<title>[PHPClasses] Postgresql를 sql문으로 백업하기</title>
			<link>http://blog.phpdic.com/19</link>
			<description>phppgadmin 등등을 통해서 SQL문으로도 백업이 가능합니다만 사실 Postgres에는 pg_dump와 pg_restore라는 훌륭한 backup도구가 있지요. &lt;br /&gt;&lt;br /&gt;
&lt;DIV style=&quot;PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #c9edff&quot;&gt;pg_dump -h localhost -U [유저명] -W -Ft -f [백업파일명] -n [스키마]&lt;/DIV&gt;&lt;br /&gt;&lt;br /&gt;바이너리형태의 백업까지는 아니지만 탭으로 구분된 데이터들이 깔끔하게 단일파일로 짠 압축되서 나옵니다. &lt;br /&gt;&lt;br /&gt;Michele Brodoloni는 SQL형태로 Postgresql을 백업할수있도록 PHP클래스를 공개하였습니다.&lt;br /&gt;&lt;br /&gt;&lt;A href=&quot;http://www.phpclasses.org/browse/package/4141.html&quot;&gt;http://www.phpclasses.org/browse/package/4141.html&lt;/A&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://blog.phpdic.com/attach/1/1008501979.png&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;214&quot; width=&quot;360&quot; /&gt;&lt;/div&gt;해당 클래스를 include 하는것으로 쉽게 사용할수있으며 example.php를 제공하고있습니다.&lt;br /&gt;example.php파일만으로도 별다른 개발없이 바로 백업을 해볼수있습니다.&lt;br /&gt;&lt;br /&gt;
&lt;DIV style=&quot;PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #c9edff&quot;&gt;usage:&lt;br /&gt;&amp;nbsp; &amp;nbsp; * php -q example.php &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; - Perform both backup and restore&lt;br /&gt;&amp;nbsp; &amp;nbsp; * php -q example.php backup &amp;nbsp; - Perform backup&lt;br /&gt;&amp;nbsp; &amp;nbsp; * php -q example.php restore&amp;nbsp; - Perform restore&lt;/DIV&gt;&lt;br /&gt;
&lt;P align=center&gt;&lt;div class=&quot;imageblock left&quot; style=&quot;float: left; margin-right: 10px;&quot;&gt;&lt;a class=&quot;extensionIcon&quot; href=&quot;http://blog.phpdic.com/attachment/1148291834.zip&quot;&gt;&lt;img src=&quot;http://blog.phpdic.com/image/extension/zip.gif&quot; /&gt; pgbackuprestore-2007-11-30.zip&lt;/a&gt;&lt;p class=&quot;cap1&quot;&gt;다운로드&lt;/p&gt;&lt;/div&gt;&lt;/P&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;</description>
			<category>데이터베이스</category>
			<category>backup</category>
			<category>db</category>
			<category>PostgreSQL</category>
			<category>백업</category>
			<author>(PHPDIC)</author>
			<guid>http://blog.phpdic.com/19</guid>
			<comments>http://blog.phpdic.com/19#entry19comment</comments>
			<pubDate>Mon, 03 Mar 2008 13:44:31 +0900</pubDate>
		</item>
	</channel>
</rss>
