<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
	<channel>
		<title>jugug.net</title>
		<link>http://jugug.net/</link>
		<description>잡다한 블로그. 주로 파이어폭스, 아이팟터치, 비틀즈, 웹관련글을 올립니다.</description>
		<language>ko</language>
		<pubDate>Fri, 09 Jan 2009 00:48:32 +0900</pubDate>
		<generator>Tistory 1.1 (http://www.tistory.com/)</generator>
		<image>
		<title>jugug.net</title>
		<url><![CDATA[http://cfs5.tistory.com/upload_control/download.blog?fhandle=YmxvZzEzNDY3QGZzNS50aXN0b3J5LmNvbTovYXR0YWNoLzAvOC5qcGc=]]></url>
		<link>http://jugug.net/</link>
		<description>잡다한 블로그. 주로 파이어폭스, 아이팟터치, 비틀즈, 웹관련글을 올립니다.</description>
		</image>
		<item>
			<title>애드센스에서 온메일</title>
			<link>http://jugug.net/entry/mail-from-adsense</link>
			<description>&lt;p&gt;애드센스에서 이런 메일이 왔더군요.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs15.tistory.com/image/31/tistory/2008/12/31/14/59/495b0a52a5564&quot; alt=&quot;애스센스에서 온 메일&quot; filemime=&quot;&quot; filename=&quot;495b0a52a5564EU.png&quot; height=&quot;243&quot; width=&quot;550&quot;/&gt;&lt;/div&gt;혹시 사이드바쪽 카테고리 아래 있던 광고를 말하는건가요? 그것보다 더 절묘한 광고도 많이 봤는데 이게 뭐가 정책위반인지는 이해가 안갑니다만... 또 그렇게 단지도 오래됐는데 몇달지나서야 이런메일을 보낸다는게 참.. 어차피 클릭도 거의 안나오는 곳인데..&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;아무튼 이로써 애드센스를 아에 떼버리기로 했습니다. 100달러 모으기도 지치고, 도메인비나 벌까 생각했는데 뭐 일년에 5~6만원 내는거 그냥 일년내내 광고 달아 버는것도 그렇고..&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;진작에 주변 사람들이 광고 떼버리라고 충고했을때 들을걸 그랬습니다. &lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;이제 2008년 마지막날이군요. 방문자들께서는 올해 잘 마무리 하시고 내년에는 큰일 없이 건강하게 보내셨으면 합니다.&lt;br /&gt;
&lt;/p&gt;</description>
			<category>잡담</category>
			<author>희주</author>
			<guid>http://jugug.net/181</guid>
			<comments>http://jugug.net/entry/mail-from-adsense#entry181comment</comments>
			<pubDate>Wed, 31 Dec 2008 15:05:42 +0900</pubDate>
		</item>
		<item>
			<title>행복한 크리스마스 - 전쟁은 끝났다.</title>
			<link>http://jugug.net/entry/happy-christmas-war-is-over</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://cfs10.tistory.com/image/13/tistory/2008/12/24/19/57/495215891933d&quot; alt=&quot;&quot; filemime=&quot;&quot; filename=&quot;1224_johnwarisover_snd97.jpg&quot; height=&quot;595&quot; width=&quot;472&quot;/&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/p&gt;&lt;p&gt;오늘 라디오에서 이 노래가 나오더군요. &lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;embed src=&quot;http://www.youtube.com/v/s8jw-ifqwkM&amp;amp;hl=ko&amp;amp;fs=1&quot; type=&quot;application/x-shockwave-flash&quot; allowfullscreen=&quot;true&quot; width=&quot;425&quot; height=&quot;344&quot;&gt;&lt;/embed&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;앞으로 제발 싸우는 일 없었으면 좋겠습니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;그리고 하나 더&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;object width=&quot;425&quot; height=&quot;344&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/rLxTpsIVzzo&amp;amp;hl=ko&amp;amp;fs=1&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;http://www.youtube.com/v/rLxTpsIVzzo&amp;amp;hl=ko&amp;amp;fs=1&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;425&quot; height=&quot;344&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/p&gt;
&lt;p&gt;새해에도 사랑만 가득하길&lt;br /&gt;
&lt;/p&gt;</description>
			<category>음악 이야기</category>
			<category>반전</category>
			<category>전쟁</category>
			<category>존 레논</category>
			<category>크리스마스</category>
			<author>희주</author>
			<guid>http://jugug.net/180</guid>
			<comments>http://jugug.net/entry/happy-christmas-war-is-over#entry180comment</comments>
			<pubDate>Wed, 24 Dec 2008 19:53:20 +0900</pubDate>
		</item>
		<item>
			<title>IE에서 table의 tr과 td의 스타일에 dispaly:block을 줬을때</title>
			<link>http://jugug.net/entry/if-ie-table-tr-td-display-style-is-block</link>
			<description>&lt;p&gt;대략.. 이런 표를 만들었다고 합시다.&lt;br /&gt;
&lt;/p&gt;
&lt;pre class=&quot;html&quot; name=&quot;code&quot;&gt;&amp;lt;table id=&quot;itemTable&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;tr class=&quot;itemHead&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;th class=&quot;thumbNail&quot;&amp;gt;사진&amp;lt;/th&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;th class=&quot;itemName&quot;&amp;gt;메뉴 이름&amp;lt;/th&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;th class=&quot;itemNum&quot;&amp;gt;1kg당 개수(마리)&amp;lt;/th&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;th class=&quot;itemPrice&quot;&amp;gt;가격&amp;lt;/th&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;tr class=&quot;item1&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;thumbNail&quot;&amp;gt;img1&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemName&quot;&amp;gt;전복 소&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemNum&quot;&amp;gt;1kg당 20~30마리&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemPrice&quot;&amp;gt;39,000&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;tr class=&quot;item2&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;thumbNail&quot;&amp;gt;img2&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemName&quot;&amp;gt;전복 중&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemNum&quot;&amp;gt;1kg당 15~19마리&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemPrice&quot;&amp;gt;45,000&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;tr class=&quot;item3&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;thumbNail&quot;&amp;gt;img3&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemName&quot;&amp;gt;전복 대&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemNum&quot;&amp;gt;1kg당 10~14마리&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemPrice&quot;&amp;gt;55,000&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;tr class=&quot;item4&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;thumbNail&quot;&amp;gt;img4&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemName&quot;&amp;gt;전복 특대&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemNum&quot;&amp;gt;1kg당 7~9마리&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemPrice&quot;&amp;gt;69,000&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;tr class=&quot;item5&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;thumbNail&quot;&amp;gt;img5&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemName&quot;&amp;gt;전복 종합&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemNum&quot;&amp;gt;다양한 크기&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemPrice&quot;&amp;gt;50,000&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;tr class=&quot;item6&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;thumbNail&quot;&amp;gt;img6&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemName&quot;&amp;gt;전복죽&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemNum&quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;td class=&quot;itemPrice&quot;&amp;gt;일반 : 8,000&amp;lt;br /&amp;gt;후식 : 4,000&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;/table&amp;gt;&lt;/pre&gt;


&lt;p&gt;그러면 아래와 같은 표가 나옵니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs11.tistory.com/image/1/tistory/2008/12/15/00/28/49452624629f6&quot; alt=&quot;표&quot; filemime=&quot;&quot; filename=&quot;49452624629f6A0.png&quot; height=&quot;215&quot; width=&quot;386&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;이런 표&lt;/p&gt;&lt;/div&gt;이것의 모양새를 한번 바꿔 본다고 미친짓을 한번 해봅시다. 모양새를 바꾸기 위하여 아래와 같이 스타일시트를 지정합니다.&lt;br /&gt;
&lt;/p&gt;
&lt;pre class=&quot;css&quot; name=&quot;code&quot;&gt;&amp;nbsp; &amp;nbsp; table{&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; display:block;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; border:0;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; padding:0;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; margin:0;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; td, th{&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; display:block;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; tr{&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; display:block;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; position:absolute;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; width:190px;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; height:210px;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; .itemHead{&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; display:none;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; .item1{&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; top:0;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; left:0;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; background-color:#aaf;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;&amp;nbsp; &amp;nbsp; .item2{&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; top:0;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; left:230px;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; background-color:#afa;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;&amp;nbsp; &amp;nbsp; .item3{&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; top:0;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; left:460px;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; background-color:#faa;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;&amp;nbsp; &amp;nbsp; .item4{&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; top:265px;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; left:0;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; background-color:#339;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;&amp;nbsp; &amp;nbsp; .item5{&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; top:265px;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; left:230px;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; background-color:#393;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;&amp;nbsp; &amp;nbsp; .item6{&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; top:265px;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; left:460px;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; background-color:#933;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;/pre&gt;
&lt;p&gt;이렇게 하면 일반 웹브라우저(?)에서는 아래처럼 제가 의도한데로 렌더링이 됩니다.&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs15.tistory.com/image/24/tistory/2008/12/15/00/32/494526faa2244&quot; alt=&quot;표준웹브라우저&quot; filemime=&quot;&quot; filename=&quot;494526faa2244EN.png&quot; height=&quot;438&quot; width=&quot;590&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;이래야지&lt;/p&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/p&gt;&lt;p&gt;그런데 IE는 IE특유의 table해석 철학때문에 지 맘대로 해석을 해버리십니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs13.tistory.com/image/4/tistory/2008/12/15/00/33/4945274553eab&quot; alt=&quot;IE에서&quot; filemime=&quot;&quot; filename=&quot;4945274553eabC3.png&quot; height=&quot;360&quot; width=&quot;590&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;IE..너...&lt;/p&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/p&gt;&lt;p&gt;애초에 원래 구조화된 table의 속성을 무시하고 모양새를 바꾸려던 제가 이상한놈일까요, 아니면 IE가 이상한것 일까요? 6,7에서 짝짜쿵 하시니 제가 뭐라 말을 못하겠군요. (8도 제대로 나오지 않기는 마찬가지입니다....)&lt;br /&gt;
&lt;/p&gt;&lt;p&gt;td에 position:absolute; width:190px;를 주면 비슷하게 보이긴 하지만 또다시 td에 너비와 높이를 주고, 위치를 설정하면 객체들이 마음대로 춤을 춥니다..&lt;br /&gt;
&lt;/p&gt;&lt;p&gt;그래서 이건 어쩔 수 없이 table은 포기를 하고 다른걸 써야 겠군요.&lt;br /&gt;
&lt;/p&gt;</description>
			<category>웹 이야기</category>
			<category>IE</category>
			<category>웹표준</category>
			<author>희주</author>
			<guid>http://jugug.net/179</guid>
			<comments>http://jugug.net/entry/if-ie-table-tr-td-display-style-is-block#entry179comment</comments>
			<pubDate>Mon, 15 Dec 2008 00:37:32 +0900</pubDate>
		</item>
		<item>
			<title>골때리는 티스토리 태터데스크</title>
			<link>http://jugug.net/entry/%EA%B3%A8%EB%95%8C%EB%A6%AC%EB%8A%94-%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%ED%83%9C%ED%84%B0%EB%8D%B0%EC%8A%A4%ED%81%AC</link>
			<description>&lt;p&gt;요즘 티스토리 스킨을 만들고 있습니다. 제 블로그는 아니고 일때문에 만들어야 할 블로그인데요. 아무튼 제가 디자인및 개발을 하고 있습니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;블로그 특성상 테터데스크같은 첫페이지가 필요하여 그것을 다루고 있습니다. 일단 사용자가 HTML과 CSS디자인을 직접 수정할 수 있다는것은 좋은데 이해할 수 없는 부분이 몇가지 보이더군요. 그것에 대해 말해 보고자합니다.&lt;br /&gt;
&lt;/p&gt;

&lt;p&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs10.tistory.com/image/34/tistory/2008/11/23/22/33/49295ba10c587&quot; alt=&quot;배치될 아이템들&quot; filemime=&quot;&quot; filename=&quot;49295ba10c5879X.png&quot; height=&quot;517&quot; width=&quot;336&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;배치될 아이템들&lt;/p&gt;&lt;/div&gt;첫 페이지는 대충 이런식으로 아이템을 배치할 생각입니다. 위, 아래 HTML모듈은 헤더와 푸더로 테두리의 윗뚜껑과 바닥을 장식할 겁니다. 이렇게 배치하면 대략 이러한 디자인이 나옵니다.&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs10.tistory.com/image/11/tistory/2008/11/23/22/48/49295f34d3fca&quot; alt=&quot;디자인1&quot; filemime=&quot;&quot; filename=&quot;49295f34d3fca9A.png&quot; height=&quot;660&quot; width=&quot;400&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;대략 이러한 구조&lt;/p&gt;&lt;/div&gt;저렇게 디자인을 잡고 코딩을 한 후 결과물을 보니깐 문제가 발생하더군요. 아래 그림처럼 헤더부분과 헤드라인부분이 떨여져 있는것입니다. 헤더가 테두리의 뚜껑부분을 담당하니 큰 문제입니다.&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs10.tistory.com/image/4/tistory/2008/11/23/22/52/4929603b194b9&quot; alt=&quot;구현한 모습&quot; filemime=&quot;&quot; filename=&quot;4929603b194b993.png&quot; height=&quot;94&quot; width=&quot;400&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;아니 이게 무슨 현상임?&lt;/p&gt;&lt;/div&gt;아무래도 저기가 떨어질 이유가 없는데 이상하여 소스를 보니 이러한 소스가 삽입되어 있더군요.&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs11.tistory.com/image/31/tistory/2008/11/23/22/54/492960787b5f7&quot; alt=&quot;10px떨어뜨리기&quot; filemime=&quot;&quot; filename=&quot;492960787b5f7AU.png&quot; height=&quot;104&quot; width=&quot;277&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;의도적으로 10픽셀 떨어뜨리려고 삽입한 모양&lt;/p&gt;&lt;/div&gt;HTML을 넣는 아이템 아래에 자동으로 저러한 코드가 삽입되게 되어있더군요. HTML아이템과 아래 아이템사이에 간격을 10픽셀 떨어뜨리려고 넣은것 같습니다. 저 부분은 테터데스크에서 자동으로 넣는 코드입니다. 제가 어찌 수정 할 수 없는 부분이죠. &lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;10픽셀을 떨어뜨리려면 TD_htmlbox에 마진을 10픽셀 주든가 하는 방법도 있는데 왜 저렇게 했는지 이해가 안갑니다. 차라리 class를 주었다면 CSS에서 !important로 강제로 높이값을 없앨수나 있지 아에 HTML에 스타일을 인라인으로 삽입해 버려 어쩔 수도 없습니다. 그러나 한가지 방법이 있으니 CSS선택자를 이용하여 저것을 안보이게 할 수 있습니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;저 DIV는 TD_htmlbox바로 다음에 오는 객체이므로 &lt;br /&gt;
&lt;/p&gt;
&lt;div style=&quot;border: 1px dashed rgb(203, 203, 203); padding: 10px; background-color: rgb(250, 250, 250);&quot; class=&quot;txc-textbox&quot;&gt;
.TD_htmlbox + DIV{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;
	display:none;&lt;br /&gt;
}&lt;br /&gt;
&lt;/div&gt;
&lt;p&gt;이런식으로 하면 숨길 수는 있습니다. 그런데 +선택자는 IE6에선 안먹힙니다. 그러면 어쩌라고!&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;하 참 난감하군요. 지금 다른 방법으로 디자인을 할 생각을 하고 있습니다...&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;그리고 또 하나. 테테데스크에서 최신글 등의 섬네일을 출력할때 table태그를 사용하는데 굳이 table을 사용하는 이유를 모르겠으나 그것을 둘째 치더라고 태그라도 제대로 입력해야 될거 아닙니까?&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs11.tistory.com/image/4/tistory/2008/11/23/23/05/4929632a535eb&quot; alt=&quot;따옴표는 어디에&quot; filemime=&quot;&quot; filename=&quot;4929632a535ebA3.png&quot; height=&quot;220&quot; width=&quot;500&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;따옴표는 어디에..&lt;/p&gt;&lt;/div&gt;파란색 테두리 쳐진부분이 섬네일치환자가 변한 부분입니다.&amp;nbsp; 빨간색으로 밑줄쳐진 부분을 보면 속성에 대한 값부분에 &quot;&quot;등의 따옴표가 빠진것을 볼 수 있습니다. 웹프로그래밍하다보면 실수로 빠뜨릴 수 있다곤하지만 저건 너무 심한거 아닙니까? 어디는 제대로 들어가고 어디는 안들어가고.. 메인페이지 &lt;a title=&quot;[http://validator.w3.org/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://validator.w3.org/&quot;&gt;HTML Validate&lt;/a&gt;검사에 통과좀 해봅시다.&lt;br /&gt;
&lt;/p&gt;</description>
			<category>웹 이야기</category>
			<category>태터데스크</category>
			<category>티스토리</category>
			<author>희주</author>
			<guid>http://jugug.net/177</guid>
			<comments>http://jugug.net/entry/%EA%B3%A8%EB%95%8C%EB%A6%AC%EB%8A%94-%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%ED%83%9C%ED%84%B0%EB%8D%B0%EC%8A%A4%ED%81%AC#entry177comment</comments>
			<pubDate>Sun, 23 Nov 2008 23:10:59 +0900</pubDate>
		</item>
		<item>
			<title>하마터면 폰을 잃어버릴 뻔했습니다.</title>
			<link>http://jugug.net/entry/%ED%95%98%EB%A7%88%ED%84%B0%EB%A9%B4-%ED%8F%B0%EC%9D%84-%EC%9E%83%EC%96%B4%EB%B2%84%EB%A6%B4-%EB%BB%94%ED%96%88%EC%8A%B5%EB%8B%88%EB%8B%A4</link>
			<description>&lt;p&gt;그제 일이군요. 금요일 시청에 출근하기 위해 버스를 타고 갔는데 버스에서 내린 후 주머니를 뒤져보니 폰이 없는것입니다. &lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;집에 두고 온건가? 버스에서 흘린건가? 생각을 해봤는데 아무래도 버스에서 흘린것 같습니다. 꾸벅꾸벅 졸다가 내리다보니 정신이 없었나 봅니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;어쨌든 폰으로 전화를 해보니 안 받습니다. 다시 걸어보니 또 안 받습니다. 불안한 마음에 LGT홈페이지에서 핸드폰위치추적을 하려니 분실신고를 해야만 위치추적이 되더군요. 그래서 고객센터에 전화를 걸어 분실신고 및 발신제한을 신청했습니다. 분실신고를 하면 자동으로 발신제한이 되더군요.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;그러고 나서 위치추적을 해보니 역시 버스에서 두고 내린것이 틀림 없습니다. 집에 두고왔다면 북구쪽으로 나올텐데 광산구 쪽으로 나왔습니다. 게다가 추적할때마다 위치가 바뀌더군요.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;혹시나 한번 더 전화를 걸어보니 어떤 아저씨가 받습니다. &lt;br /&gt;
&lt;/p&gt;
&lt;div style=&quot;border: 1px dashed rgb(203, 203, 203); padding: 10px; background-color: rgb(250, 250, 250);&quot; class=&quot;txc-textbox&quot;&gt;
&lt;p&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;희주 :&lt;/span&gt; 여보세요?&lt;br /&gt;
&lt;span style=&quot;font-weight: bold; color: rgb(48, 88, 210);&quot;&gt;상대방 :&lt;/span&gt; 아 이폰 잃어 버리셨죠?&lt;br /&gt;
&lt;span style=&quot;font-weight: bold;&quot;&gt;희주 :&lt;/span&gt; 아네 혹시 버스기사분이신가요?&lt;br /&gt;
&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;span style=&quot;color: rgb(48, 88, 210);&quot;&gt;상대방 :&lt;/span&gt; &lt;/span&gt;네 맞아요. 핸드폰은 계속 울리는데 받는 사람이 없어 보니깐 두고 내리셨더라구요.&lt;br /&gt;
&lt;span style=&quot;font-weight: bold;&quot;&gt;희주 :&lt;/span&gt; 아 맞아요. 감사합니다. 제가 깜빡하고 두고내렸네요.&lt;br /&gt;
&lt;span style=&quot;font-weight: bold; color: rgb(48, 88, 210);&quot;&gt;기사아저씨 :&lt;/span&gt; 여기가 종점인데 25분에 여기서 출발하거든요. 어디서 내리셨나요?&lt;br /&gt;
&lt;span style=&quot;font-weight: bold;&quot;&gt;희주 :&lt;/span&gt; 저 시청에서 내렸는데요.&lt;br /&gt;
&lt;span style=&quot;font-weight: bold; color: rgb(48, 88, 210);&quot;&gt;기사아저씨 :&lt;/span&gt; 아 그러면 50분에서 정각사이에 도착하겠네요. 그쯤에 나와계세요. &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;&amp;nbsp; 버스번호가 XXXX에요. 버스올때 핸드폰 찾아가면 되겠네요.&lt;br /&gt;
&lt;span style=&quot;font-weight: bold;&quot;&gt;희주 :&lt;/span&gt; 아 정말 감사합니다. 찾아주셔서 정말 감사합니다. 다행이네요. 그때 뵙겠습니다.&lt;br /&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;정말 다행이었습니다. 폰을 다른 누군가 주워가서 팔아버리거나(비싼폰도 아니어서 누가 그러겠냐마는..) 진동으로 되있어서 발견이 안되면 어쩌나 했는데 안심이 되었습니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;어쨌든 시간이 되서 폰을 찾으러 나갔습니다. 빈손으로 가면 안될거 같아 약소하게나마 매점에 들러 음료수 2명을 사들고 버스를 기다렸습니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;정각쯤에 버스가 오더군요. 버스에 타서 핸드폰을 받고 몇번이고 감사하다고 말씀드리며 음료수를 건내어주었습니다. &lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;버스기사아저씨 정말 고맙습니다. 어찌보면 귀찮으신 일인데도 친절히 핸드폰을 찾아주셔서 얼마나 감사하던지.. 이런 분들이 있어서 아직 세상은 살만한가 봅니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;그런데.. 문제는 그 후입니다. 분실신고와 발신정지를 해놓아서 해제시키려니 이게 또 문제이군요. 괜히 성급하게 분실신고를 한것이 후회가 됩니다.&lt;br /&gt;
전 대리점에 가서 직접 해제를 해야하는줄 알고 집근처에 대리점도 없고 주말에 어디가서 해제를 시키나 걱정했는데 LGT홈페이지에 해제하는 메뉴가 있더군요..-_-&lt;br /&gt;
&lt;/p&gt;

&lt;p&gt;그리하여 분실신고는 해제를 했는데.. 발신정지는 전달에 미납요금이 있다고 해제가 안되는 겁니다. 아 정말 요금 한달 미뤘다고 발신정지가 해제가 안되다니 잔인한 놈들입니다. &lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs11.tistory.com/image/16/tistory/2008/11/16/02/14/491f0384e7944&quot; alt=&quot;pause&quot; filemime=&quot;&quot; filename=&quot;491f0384e7944AF.png&quot; height=&quot;257&quot; width=&quot;550&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;잔인한 LGT&lt;/p&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/p&gt;&lt;p&gt;지금은 잘 안쓰는 통장으로 자동이체를 했는데, 잔고가 없다보니 저번달 요금이 덜 나간것이었습니다. 일단 계좌에 돈을 넣어두긴했는데 고지서를 보니 24일에 돈이 나가게 되있는 겁니다. 그러면 24일까지 발신이 안될거 같아 월요일에 114에 문의를 해봐야 겠습니다. 아무래도 대리점 방문하여 직접 미납요금을 내야할거 같네요.. &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/p&gt;</description>
			<category>광주/전남 이야기</category>
			<category>발신제한</category>
			<category>분실</category>
			<category>핸드폰</category>
			<author>희주</author>
			<guid>http://jugug.net/176</guid>
			<comments>http://jugug.net/entry/%ED%95%98%EB%A7%88%ED%84%B0%EB%A9%B4-%ED%8F%B0%EC%9D%84-%EC%9E%83%EC%96%B4%EB%B2%84%EB%A6%B4-%EB%BB%94%ED%96%88%EC%8A%B5%EB%8B%88%EB%8B%A4#entry176comment</comments>
			<pubDate>Sun, 16 Nov 2008 02:15:42 +0900</pubDate>
		</item>
		<item>
			<title>OpenOffice.org 3.0 한국어판 릴리즈</title>
			<link>http://jugug.net/entry/OpenOfficeorg3-korean-release</link>
			<description>&lt;p&gt;사실 그젠가 된거 같은데 이제 발견했습니다..&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;3.0이 나온지 상당히 오래됐음에도 불구하고 정식한국어판이 릴리지 되기까지 상당히 오래 걸렸습니다. 이번 버전부터 맥 지원이 변경되어 강화되었는데 그것을 국내에서 테스트할 환경이 미약해서 늦어졌다고 합니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;&lt;a title=&quot;[http://openoffice.or.kr/main/page.php?id=download]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://openoffice.or.kr/main/page.php?id=download&quot;&gt;다운로드&lt;/a&gt;&lt;br /&gt;
&lt;a title=&quot;[http://wiki.services.openoffice.org/wiki/%EC%98%A4%ED%94%88%EC%98%A4%ED%94%BC%EC%8A%A4_3.0%EC%9D%98_%EC%83%88%EB%A1%9C%EC%9A%B4_%EA%B8%B0%EB%8A%A5_%EB%AA%A9%EB%A1%9D]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://wiki.services.openoffice.org/wiki/%EC%98%A4%ED%94%88%EC%98%A4%ED%94%BC%EC%8A%A4_3.0%EC%9D%98_%EC%83%88%EB%A1%9C%EC%9A%B4_%EA%B8%B0%EB%8A%A5_%EB%AA%A9%EB%A1%9D&quot;&gt;바뀐점&lt;/a&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;무료인데다가 강력하지만 역시 전세계점유율 1위인 MS오피스와의 호환성이 2%모자란점은 큰 약점이지만...(이놈의 호환성이 정말 문제지요..) 무료라는점이 가장 큰 장점이지요. 대게 오피스중에선 Excel(Calc)과 Powerpont(Impress)를 많이 사용할건데 뭐 제가 보기엔 MS것이나 OOo나 비슷합니다. 생긴것만 좀 다르지..&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;정식릴리즈 되어도 그렇게 큰이슈가 없는걸 보니 우리나라에서 너무 인기가 없나봅니다. 전에 OOo한글화팀의 &lt;a title=&quot;[http://mr-dust.pe.kr/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://mr-dust.pe.kr/&quot;&gt;Mr Dust&lt;/a&gt;님 말을 들어보니 뭐 꽤 심각하긴 하나봅니다. &lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;얼마나 많은 분들이 OOo를 사용하시는지는 잘 모르겠으나 어쨌든 정책적인 지원이 강화되어 공개 소프트들이 기업에서나 관공서에서나 많이 사용되어지기를 바랍니다.&lt;br /&gt;
&lt;/p&gt;</description>
			<category>잡담</category>
			<category>OpenOffice.org</category>
			<category>오픈오피스</category>
			<author>희주</author>
			<guid>http://jugug.net/174</guid>
			<comments>http://jugug.net/entry/OpenOfficeorg3-korean-release#entry174comment</comments>
			<pubDate>Sun, 09 Nov 2008 23:20:09 +0900</pubDate>
		</item>
		<item>
			<title>제2 차 광주 블로거 모임</title>
			<link>http://jugug.net/entry/%EC%A0%9C2-%EC%B0%A8-%EA%B4%91%EC%A3%BC-%EB%B8%94%EB%A1%9C%EA%B1%B0-%EB%AA%A8%EC%9E%84</link>
			<description>&lt;p&gt;지난주에 이어 이번주에도 블로거 모임이 있을 예정입니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;지난 모임 후기는 &lt;a href=&quot;http://jugug.net/entry/kj-jm-blogger-meeting&quot; target=&quot;&quot;&gt;2008/10/26 - [잡담] - 광주/전남 지역 블로거 모임 후기&lt;/a&gt;를 보세요.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;지난 모임은 첫모임에도 불구하고 많은 분들이 참석해 주셨습니다. 이번 모임은 좀 빠르긴 하지만 앞으로의 모임에 대한 계획을 잡기 위하여 계획되었습니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;광주에 사시거나 전남에 사시면서 블로그를 하시는 분, 그러면서 같은 지역의 블로거들이 어떤 분들인가 궁금하신 분들은 오세요.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;장소 : 전남대 정문 그린비&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs13.tistory.com/image/11/tistory/2008/11/01/00/17/490b21a15c407&quot; alt=&quot;&quot; filemime=&quot;&quot; filename=&quot;1154996201.jpg&quot; height=&quot;309&quot; width=&quot;480&quot;/&gt;&lt;/div&gt;&lt;br /&gt;
시간 : 11월 1일 토요일 오후3시&lt;br /&gt;
회비 : 정확하진 않지만 1만원 예상&lt;br /&gt;
참여방법 : 아래 글에 댓글을 달아주시거나,&amp;nbsp; 연락을 주세요.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;이번 모임 이후에는 격주마다 모임이 있을 예정입니다. 내일이 아니더라도 언제든지 환영입니다.&lt;br /&gt;
&lt;/p&gt;</description>
			<category>광주/전남 이야기</category>
			<category>광주</category>
			<category>모임</category>
			<category>전남</category>
			<author>희주</author>
			<guid>http://jugug.net/173</guid>
			<comments>http://jugug.net/entry/%EC%A0%9C2-%EC%B0%A8-%EA%B4%91%EC%A3%BC-%EB%B8%94%EB%A1%9C%EA%B1%B0-%EB%AA%A8%EC%9E%84#entry173comment</comments>
			<pubDate>Sat, 01 Nov 2008 00:19:07 +0900</pubDate>
		</item>
		<item>
			<title>심슨가족 실사 시리즈</title>
			<link>http://jugug.net/entry/simpsons-real-series</link>
			<description>&lt;p&gt;웹을 돌아다니다가 심슨가족들을 실사를 바탕으로 해서 포토샵으로 표현한 동영상들이 있어서 올려봅니다. 아주 호러네요..-_-&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;embed src=&quot;http://www.metacafe.com/fplayer/512805/reality_simpsons_if_homer_were_real.swf&quot; width=&quot;400&quot; height=&quot;345&quot; wmode=&quot;transparent&quot; pluginspage=&quot;http://www.macromedia.com/go/getflashplayer&quot; type=&quot;application/x-shockwave-flash&quot;&gt; &lt;br /&gt;
호머 심슨&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;embed src=&quot;http://www.metacafe.com/fplayer/580206/reality_simpsons_marge.swf&quot; width=&quot;400&quot; height=&quot;345&quot; wmode=&quot;transparent&quot; pluginspage=&quot;http://www.macromedia.com/go/getflashplayer&quot; type=&quot;application/x-shockwave-flash&quot;&gt; &lt;br /&gt;
마지 심슨&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;embed src=&quot;http://www.metacafe.com/fplayer/580204/reality_simpsons_bart.swf&quot; width=&quot;400&quot; height=&quot;345&quot; wmode=&quot;transparent&quot; pluginspage=&quot;http://www.macromedia.com/go/getflashplayer&quot; type=&quot;application/x-shockwave-flash&quot;&gt; &lt;br /&gt;
바트심슨&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;embed src=&quot;http://www.metacafe.com/fplayer/580209/reality_simpsons_lisa.swf&quot; width=&quot;400&quot; height=&quot;345&quot; wmode=&quot;transparent&quot; pluginspage=&quot;http://www.macromedia.com/go/getflashplayer&quot; type=&quot;application/x-shockwave-flash&quot;&gt; &lt;br /&gt;
리사 심슨&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;embed src=&quot;http://www.metacafe.com/fplayer/580212/reality_simpsons_maggie.swf&quot; width=&quot;400&quot; height=&quot;345&quot; wmode=&quot;transparent&quot; pluginspage=&quot;http://www.macromedia.com/go/getflashplayer&quot; type=&quot;application/x-shockwave-flash&quot;&gt; &lt;br /&gt;
매기심슨&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;이거 뭐 마지막 가족사진은 공포감마저 불러일으키는군요.-_-&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;이거 외에도 실사를 모아봤습니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;object width=&quot;420&quot; height=&quot;374&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/bLNqK99F2pI&amp;amp;hl=ko&amp;amp;fs=1&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;http://www.youtube.com/v/bLNqK99F2pI&amp;amp;hl=ko&amp;amp;fs=1&quot; type=&quot;application/x-shockwave-flash&quot; allowfullscreen=&quot;true&quot; width=&quot;420&quot; height=&quot;374&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;
실제로 방영된 실사판 심슨가족 오프닝&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;object width=&quot;400&quot; height=&quot;389&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/EGI52iiIcxg&amp;amp;hl=ko&amp;amp;fs=1&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;http://www.youtube.com/v/EGI52iiIcxg&amp;amp;hl=ko&amp;amp;fs=1&quot; type=&quot;application/x-shockwave-flash&quot; allowfullscreen=&quot;true&quot; width=&quot;400&quot; height=&quot;389&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;
어느 나라인줄 모르겠지만 분장이 아주,,-_-&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;object width=&quot;425&quot; height=&quot;344&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/CgEIGx0JKL8&amp;amp;hl=ko&amp;amp;fs=1&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;http://www.youtube.com/v/CgEIGx0JKL8&amp;amp;hl=ko&amp;amp;fs=1&quot; type=&quot;application/x-shockwave-flash&quot; allowfullscreen=&quot;true&quot; width=&quot;425&quot; height=&quot;344&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;
레고로 만든 오프닝&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs11.tistory.com/image/20/tistory/2008/10/29/08/51/4907a56ab3f24&quot; alt=&quot;real homer&quot; filemime=&quot;&quot; filename=&quot;4907a56ab3f24AJ.jpg&quot; height=&quot;644&quot; width=&quot;480&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;3D로 구성한 호머실사판. 무섭네요..&lt;/p&gt;&lt;/div&gt;&lt;/p&gt;</description>
			<category>잡담</category>
			<category>실사</category>
			<category>심슨가족</category>
			<author>희주</author>
			<guid>http://jugug.net/172</guid>
			<comments>http://jugug.net/entry/simpsons-real-series#entry172comment</comments>
			<pubDate>Wed, 29 Oct 2008 08:56:12 +0900</pubDate>
		</item>
		<item>
			<title>심슨가족에서 스탠리 큐브릭 영화 패러디</title>
			<link>http://jugug.net/entry/stanley-kubrick-in-simpsons</link>
			<description>&lt;p style=&quot;text-align: left;&quot;&gt;요즘 심심하면 심슨가족을 보고있습니다. 본지 얼마 안됐고 지금 시즌 4보고 있는데요. 패러디가 상당히 많이 나오더라구요. 비틀즈라든지 다른 가수들 그리고 영화등 제가 아는것만해도 많이 보이는데 모르는것까지 하면 얼마나 많을지 상상도 안가는군요.&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;오늘 일보러 나갈려다가 피곤하고 귀찮기도 하고 다음에 보자하면서 심슨가족이나 몇편 봤습니다. 그러다가 우연히 스탠리 큐브릭 영화의 패러디가 많다는 생각이 들더군요. 그동안 그생각을 하면서 찍어두었던 장면들을 모아봤습니다. 물론 4시즌까지만입니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;object type=&quot;application/x-shockwave-flash&quot; classid=&quot;clsid:d27cdb6e-ae6d-11cf-96b8-444553540000&quot; codebase=&quot;http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0&quot; width=&quot;502&quot; height=&quot;399&quot;&gt;
	&lt;param name=&quot;movie&quot; value=&quot;http://flvs.daum.net/flvPlayer.swf?vid=fyCYsfSD3as%24&amp;amp;pwidth=502&amp;amp;pheight=399&quot;/&gt;
	&lt;param name=&quot;allowScriptAccess&quot; value=&quot;always&quot;/&gt;
	&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;/&gt;
	&lt;param name=&quot;bgcolor&quot; value=&quot;#000000&quot;/&gt;
	&lt;embed src=&quot;http://flvs.daum.net/flvPlayer.swf?vid=fyCYsfSD3as%24&amp;amp;pwidth=502&amp;amp;pheight=399&quot; width=&quot;502&quot; height=&quot;399&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; type=&quot;application/x-shockwave-flash&quot; bgcolor=&quot;#000000&quot;/&gt;
&lt;/object&gt;
&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;
이 장면은 &quot;2001:스페이스 오디세이&quot; 초반에 등장하는 &quot;인류의 여명&quot; 부분인데, 원시인류가 모노리스의 영향을 받아 도구를 사용하는 장면을 패러디 한겁니다. 원작에서는 원시인이 하늘로 던진 뼈가 페이드 되면서 우주선의 모습으로 바뀌는데 심슨가족에서는 호머 심슨을 닮은 원시인이 모노리스에 기대서 자는 모습이 페이드 되면서 현제의 호머 심슨으로 바뀝니다. 상당히 재미있게 패러디 했네요.&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;object width=&quot;425&quot; height=&quot;344&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/ML1OZCHixR0&amp;amp;hl=ko&amp;amp;fs=1&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;http://www.youtube.com/v/ML1OZCHixR0&amp;amp;hl=ko&amp;amp;fs=1&quot; type=&quot;application/x-shockwave-flash&quot; allowfullscreen=&quot;true&quot; width=&quot;425&quot; height=&quot;344&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/p&gt;
&lt;p&gt;
이것이 영화에서의 장면입니다. 놀라운것은 저게 다 세트에서 촬영한거라고 합니다..&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;한가지 더 이 영화를 패러디한 장면이 있는데 호머가 전동의자에 앉을때 주면배경이 마치 어디를 통과하듯이 빛이 흘러가는 장면입니다. &lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;object type=&quot;application/x-shockwave-flash&quot; classid=&quot;clsid:d27cdb6e-ae6d-11cf-96b8-444553540000&quot; codebase=&quot;http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0&quot; width=&quot;502&quot; height=&quot;399&quot;&gt;
	&lt;param name=&quot;movie&quot; value=&quot;http://flvs.daum.net/flvPlayer.swf?vid=-jHDWGNc40E%24&amp;amp;pwidth=502&amp;amp;pheight=399&quot;/&gt;
	&lt;param name=&quot;allowScriptAccess&quot; value=&quot;always&quot;/&gt;
	&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;/&gt;
	&lt;param name=&quot;bgcolor&quot; value=&quot;#000000&quot;/&gt;
	&lt;embed src=&quot;http://flvs.daum.net/flvPlayer.swf?vid=-jHDWGNc40E%24&amp;amp;pwidth=502&amp;amp;pheight=399&quot; width=&quot;502&quot; height=&quot;399&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; type=&quot;application/x-shockwave-flash&quot; bgcolor=&quot;#000000&quot;/&gt;
&lt;/object&gt;
&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;이 장면도 &quot;2001:스페이스 오디세이&quot;의 일명 &quot;스타 게이트&quot;라고 불리우는 장면을 패러디 한것입니다. &lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;object width=&quot;425&quot; height=&quot;344&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/m6yAEvnoCPs&amp;amp;hl=ko&amp;amp;fs=1&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;http://www.youtube.com/v/m6yAEvnoCPs&amp;amp;hl=ko&amp;amp;fs=1&quot; type=&quot;application/x-shockwave-flash&quot; allowfullscreen=&quot;true&quot; width=&quot;425&quot; height=&quot;344&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/p&gt;
&lt;p&gt;무려 10분가까이 이 장면이 계속되는데 놀라운것은 이 영화는 인류가 달에 가기도 전에 만들어졌다는 겁니다. 지금이야 CG기술이 있으니 이런 장면쯤 쉽게 만들어 내겠지만 이 장면은 100% 아날로그로 만들었다는 겁니다. 당시의 기술로 이런 싸이키델릭한 영상을 만들어 냈다는게 놀랍지 않습니까?&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;이제 다른 영화도 봅시다. 스탠리 큐브릭의 문제작중 하나인 &quot;시계 태엽 오렌지&quot;의 장면을 패러디 한건데요. 원작에서는 불량배인 주인공의 폭력성을 없애는 프로그램인 &quot;루도비코 요법&quot; 을 패러디 한겁니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt; &lt;object type=&quot;application/x-shockwave-flash&quot; classid=&quot;clsid:d27cdb6e-ae6d-11cf-96b8-444553540000&quot; codebase=&quot;http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0&quot; width=&quot;502&quot; height=&quot;399&quot;&gt;
	&lt;param name=&quot;movie&quot; value=&quot;http://flvs.daum.net/flvPlayer.swf?vid=d7iRQATdSoI%24&amp;amp;pwidth=502&amp;amp;pheight=399&quot;/&gt;
	&lt;param name=&quot;allowScriptAccess&quot; value=&quot;always&quot;/&gt;
	&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;/&gt;
	&lt;param name=&quot;bgcolor&quot; value=&quot;#000000&quot;/&gt;
	&lt;embed src=&quot;http://flvs.daum.net/flvPlayer.swf?vid=d7iRQATdSoI%24&amp;amp;pwidth=502&amp;amp;pheight=399&quot; width=&quot;502&quot; height=&quot;399&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; type=&quot;application/x-shockwave-flash&quot; bgcolor=&quot;#000000&quot;/&gt;
&lt;/object&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs14.tistory.com/image/28/tistory/2008/10/26/23/47/490482e6b95bd&quot; alt=&quot;clock work orange&quot; filemime=&quot;&quot; filename=&quot;490482e6b95bdDR.jpg&quot; height=&quot;460&quot; width=&quot;320&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;루도비코 요법 장면을 그린 영화의 포스터&lt;/p&gt;&lt;/div&gt;원작에서는 주인공의 폭력성향을 치료하기 위해 쓰였지만, 심슨가족에서는 반대로 개를 폭력적이게 만드려고 사용하는 군요. &quot;시계 태엽 오랜지&quot;의 패러디는 한번 더 나오는데요, 심슨 할로윈특집에서 바트의 복장입니다. &lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs10.tistory.com/image/36/tistory/2008/10/26/23/38/490480ca6cf8e&quot; alt=&quot;&quot; filemime=&quot;&quot; filename=&quot;S04E05.TreehouseofHorrorIII[(002339)23-46-47].PNG&quot; height=&quot;338&quot; width=&quot;450&quot;/&gt;&lt;/div&gt;이 복장이 &quot;시계 태엽 오랜지&quot;에 나오는 주인공 무리들의 복장입니다. 영화 개봉 당시가 70년대이고 영화에서의 배경은 가까운 미래. 즉 지금 우리가 살고 있는 현대시대입니다. 영화 곳곳에 가까운 미래에는 이렇게 살것이다라고 예상한 노력이 보입니다. 초미니 음악테이프 라든지, 실내 조명이라든지..&lt;br /&gt;
&lt;/p&gt;&lt;p&gt;
&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;이렇게 해서 지금까지만 보아온 심슨가족에서의 (4시즌 까지.. 현재 20시즌인가요?) 스탠리 큐브릭 영화의 패러디(혹은 오마주)를 정리해 봤습니다. 예상하건데 앞으로도 엄청 나올거 같네요.&lt;br /&gt;
&lt;/p&gt;</description>
			<category>영화 이야기</category>
			<category>스탠리 큐브릭</category>
			<category>심슨가족</category>
			<category>오마주</category>
			<category>패러디</category>
			<author>희주</author>
			<guid>http://jugug.net/171</guid>
			<comments>http://jugug.net/entry/stanley-kubrick-in-simpsons#entry171comment</comments>
			<pubDate>Sun, 26 Oct 2008 23:43:37 +0900</pubDate>
		</item>
		<item>
			<title>광주/전남 지역 블로거 모임 후기</title>
			<link>http://jugug.net/entry/kj-jm-blogger-meeting</link>
			<description>&lt;p&gt;25일 토요일 오후3시 민들레영토에서 광주/전남 지역 블로거모임이 있었습니다. 원래는 광주지역 블로거 모임이지만.. 실제로 광주에 거주하시는 분은 &lt;span style=&quot;color: rgb(150, 221, 243);&quot;&gt;(별로)&lt;/span&gt;없어서 광주/전남지역 블로거 모임입니다. -_-&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;저는 목포에 거주하는 관계로 빨리 출발한다고 출발하였는데 버스를 놓치는 바람에 1시간이나 늦게 도착하였습니다. 이번 모임의 신청자를 mepay님의 글에서 댓글로 받았는데 상당히 많은 분들이 비밀댓글을 달아주셔서 &#039;많이 오셨나 보다&#039;하고, 도착하자 마자 죄송스런 마음에 문을 열었는데.. 그 넓은 공간에 6분께서 앉아계시더군요.-_- 하긴 이런 오프모임에서 오겠다 하고는 출석율이 저조할것은 어느정도 예상은 했습니다만..&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;오신 분들 중 &lt;a title=&quot;[http://mepay.co.kr/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://mepay.co.kr/&quot;&gt;mepay님&lt;/a&gt;, &lt;a title=&quot;[http://mr-dust.pe.kr/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://mr-dust.pe.kr/&quot;&gt;Mr. Dust님&lt;/a&gt;, &lt;a title=&quot;[http://bloggertip.com/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://bloggertip.com/&quot;&gt;Zet님&lt;/a&gt;, 광주블로그를 운영하시는 광주시청 마케팅팀의 &lt;a title=&quot;[http://saygj.com/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://saygj.com/&quot;&gt;이보현님&lt;/a&gt;. 네분은 전에도 만나뵈어서 반가운 분들이었습니다. 다른 두분은 처음 보는 분들이셨습니다. 한분은 UserStory Lab의 CEO이신 &lt;a title=&quot;[http://jungyunho.com/blog]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://jungyunho.com/blog&quot;&gt;유노님&lt;/a&gt;, 다른 한분은 티셔츠 전문 블로그를 운영중이신 &lt;a title=&quot;[http://cdisong.tistory.com/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://cdisong.tistory.com/&quot;&gt;송씨님&lt;/a&gt;이었습니다. &lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;제가 오고 나서 얼마 후 광주에 거주하시며 주로 여행과 사진이 취미이신 &lt;a title=&quot;[http://log.marihuana.kr/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://log.marihuana.kr/&quot;&gt;marihuana님&lt;/a&gt;이 오셨습니다. 블로그 경력이 5년차이고 상당한 내공을 가지신 분이시더군요. 게다가 아주 조각같이 잘생기셔서 marihuana님을 미끼로 여성 블로거들을 끌여 들이려는 음모(?)가 진행되기도 하였습니다.-_-&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;민토에서의 만남이 끝나갈 무렵쯤 책리뷰로 유명하신 &lt;a title=&quot;[http://hyeranh.net]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://hyeranh.net&quot;&gt;혜란님&lt;/a&gt;께서 오셨습니다. 유일한 홍일좀으로서 인기가 많으셨습니다. 집도 저랑 같은 목포더군요. 말도 잘하시도 책을 많이 읽어서인지 아시는것도 많아 대화하는것이 참 즐거웠습니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;주로 대화내용은 &quot;다음 모임을 어떻게 진행해 나갈것인가&quot;와 블로고스피어상의 이슈에 대한 내용이었는데 그 외에도 여러 주제로 많은 이야기를 나누었습니다. 다들 입담이 좋으셔서 아주 즐거운 시간이었습니다.(라고 쓰고 서로 어색하여 대화가 자주 중단되었다고는 절대 쓰지 않습니다.) 저는 말주변이 없어 감히 많은 말을 못하겠더라구요.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;민토에서 나오기전 Dust님의 디카로 단체사진을 찍었습니다. 그것 말고도 여러 사진을 찍었는데 저는 사진빨도 잘 안받고 원판도 그닥 훌륭하지 않은지라 맘에 드는 사진이 없네요. -_-&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs14.tistory.com/image/33/tistory/2008/10/26/01/44/49034ce33c4ad&quot; alt=&quot;광주전남블로거모임1차단체사진&quot; filemime=&quot;&quot; filename=&quot;49034ce33c4adDW.jpg&quot; height=&quot;450&quot; width=&quot;600&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;왼쪽부터 Mepay님, 유노님, 송씨님, Zet님, 저(희주), 혜란님, 이보현님, marihuana님, Mr Dust님&lt;/p&gt;&lt;/div&gt;&lt;br /&gt;
송씨님과 이보현님은 일이 있어 먼저 가시고 나머지 분들과 근처 식당에서 밥을 먹었습니다. 제 추천으로 예전에 몇번 가봐 잘아는 고기집으로 갔습니다. 오랜만에 간거였는데 고기맛이 예전만은 못하여 민망하였지만 다들 맛있게 드셔서 안심했습니다. 그리고 8시까지 계속해서 대화를 했습니다. 블로그를 한다는 공통점이 있어서인지 대화들이 재미있더라구요.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;이렇게 해서 1차 전남/광주 블로거 모임은 끝났습니다. 하지만 일주일후에 또 모이기로 약속을 잡았고, 어떻게 하면 더 많은 블로거들을 모을 수 있을지, 어떤 의미있는 모임을 가질것인지 (절대 피라미드는 아닙니다.. 네트워크 마케팅..)각자 고민하고 발표하기로 하였습니다.. &lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;이번 모임은 비록 9명이 모이는것에 머물렀지만 첫번째 의미있는 모임이었다는 것 자체가 큰 의미를 가지는 모임이었습니다. 분위기도 아주 좋았구요. 시작은 미약하지만 갈수록 성장해 나가는 모임이 될 수 있기를 바랍니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;마지막으로 오늘 만난 모든 분들 반가웠고, 앞으로도 좋은 인연이 되었으면 합니다.&lt;br /&gt;
&lt;/p&gt;</description>
			<category>광주/전남 이야기</category>
			<category>광주</category>
			<category>모임</category>
			<category>블로거</category>
			<category>전남</category>
			<author>희주</author>
			<guid>http://jugug.net/170</guid>
			<comments>http://jugug.net/entry/kj-jm-blogger-meeting#entry170comment</comments>
			<pubDate>Sun, 26 Oct 2008 01:58:01 +0900</pubDate>
		</item>
		<item>
			<title>티스토리 초대장 드립니다.(전남 광주지역 한정, 기업블로그 환영)</title>
			<link>http://jugug.net/entry/invite-tistory-for-Jeonnam-gwangju-blogger</link>
			<description>&lt;p&gt;티스토리 초대장 드립니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;이번 초대장은 전남.광주지역에 거주하시는 분들에게 한정하여 드립니다. 특히 광주지역을 중심으로 드리겠습니다.&lt;/span&gt; 또는 전남.광주지역에 계시지는 않지만 출장이나 기타 이유로 전남.광주지역에 자주오시는 분들도 환영입니다. &lt;span style=&quot;font-weight: bold;&quot;&gt;특히 기업이나 매장을 블로그로 홍보하는 것에 관심있으신 분들은 더더욱 환영입니다.&lt;/span&gt; (학교, 비영리단체, 공공기관도 대환영입니다.)&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;지역에 관련된 글을 최소한 한달에 한번이상 올려주시는 조건입니다. 전남,광주지역 맛집이라든지, 기아 타이거즈라든지, 광주 비엔날레라든지, 광주 민주화운동이라든지, 우리동네 불편한 점이라든지, 일상 이야기라든지 어떠한 주제도 환영입니다. 매일매일 올려주시면 더욱 좋구요. 나중에 전남.광주지역 블로거모임으로 확대할까 합니다. 블로그도 하시고 같은 지역에 사시는 블로거분들도 만나 뵙고 여러가지로 의미있는 일이라고 생각합니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;기존 전남,광주지역 블로거분들도 많습니다. &lt;br /&gt;
블로그 관련 전문 블로그 &lt;a title=&quot;[http://bloggertip.com/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://bloggertip.com/&quot;&gt;&quot;Bloggertip.com&quot;&lt;/a&gt;을 운영하시고, 이 분야에서 전문가이시며, 요즘 광주시청 주관 블로그교육도 담당하시는 &lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;a title=&quot;[http://bloggertip.com/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://bloggertip.com/&quot;&gt;Zet님&lt;/a&gt;&lt;/span&gt;.&amp;nbsp; 친환경 돼지고기 쇼핑몰인 &quot;&lt;a title=&quot;[http://dotorinamu.tistory.com/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://dotorinamu.tistory.com/&quot;&gt;도토리속 참나무&lt;/a&gt;&quot;을 운영하시면서 쇼핑몰 전문 컨설턴트를 하시는 &lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;a title=&quot;[http://mepay.co.kr/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://mepay.co.kr/&quot;&gt;mepay님&lt;/a&gt;&lt;/span&gt;.&amp;nbsp; 자유소프트웨어인 OpenOffice.org와 GIMP를 한글화 하시면서 여러 자유소프트웨어 프로젝트에 참여하고 계시는 &lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;a title=&quot;[http://mr-dust.pe.kr/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://mr-dust.pe.kr/&quot;&gt;Mr.Dust님&lt;/a&gt;&lt;/span&gt;이 계십니다.&amp;nbsp; 그리고 저같이 뭐 하나 내세울게 없는 평범한 블로거도 있구요.-_- 이런 분들과 모임도 생각중입니다. (제가 주최하는 것은 아니고요..--)&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;요약하자면,&lt;br/&gt;
&lt;/p&gt;
&lt;ol style=&quot;list-style-type: decimal; font-weight: bold;&quot;&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;전남, 광주지역에 거주하시는 분.(또는 자주 방문 하시는 분)&lt;/span&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;성실한 블로깅을 하시면서 한달에 한번이상 전남,광주 포스팅을 할 수 있으신 분.&lt;/span&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;광주지역에서 기업이나 매장을 운영하시면서 블로그 마케팅에 관심이 많으신 분.&lt;/span&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;광주 블로거 커뮤니티 관련 여러가지 행사에 참여할 의사가 있으신 분.&lt;/span&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;
위 조건에 만족하시면 비밀 댓글로 이메일을 적어서 신청해 주세요. 그리고 어느 지역에 사시는지도 적어 주시구요. 광주지역이라면 어느동에 사시는것도 적어주시면 감사하겠습니다. 기업블로그를 하시는 분들은 기업명이나 상호도 적어주시면 감사하겠습니다.&amp;nbsp;&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;초대장은 전부 못드리지만 최대한 많이 드리겠습니다.&lt;br /&gt;
&lt;/p&gt;</description>
			<category>잡담</category>
			<category>광주</category>
			<category>기업블로그</category>
			<category>전남</category>
			<category>초대장</category>
			<category>티스토리 초대장</category>
			<author>희주</author>
			<guid>http://jugug.net/169</guid>
			<comments>http://jugug.net/entry/invite-tistory-for-Jeonnam-gwangju-blogger#entry169comment</comments>
			<pubDate>Mon, 20 Oct 2008 13:50:46 +0900</pubDate>
		</item>
		<item>
			<title>파이어폭스와 구글 리더를 사용하신다면 이 플러그인을 추천합니다.</title>
			<link>http://jugug.net/entry/recommand-google-reader-watcher</link>
			<description>&lt;p&gt;저는 rss구독을 구글리더를 통해서 합니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;여러가지 이유가 있겠지만 웹브라우저만 있으면 사용하기 쉽고 익숙해져있기 때문입니다. Hanrss도 많이들 사용하시지만 저는 구글리더가 더 좋더라구요. 또 제가 아이팟 터치를 사용하는데 구글 리더와 연동이 잘되있는 어플들이 많더라구요.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;본론으로 들어가서, 저같이 파이어폭스도 사용하신다면 파이어폭스를 항상 켜놓고 있으신 분들은 파이어폭스로 쉽게 구글리더의 새글을 체크할 수 있는 플러그인이 필요하실겁니다. 현재 파이어폭스 부가기능 홈페이지에서 이와같은 역할을 하는 플러그인이 두가지가 있습니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;&lt;a style=&quot;font-weight: bold; color: rgb(226, 29, 29);&quot; title=&quot;[https://addons.mozilla.org/ko/firefox/addon/4808]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;https://addons.mozilla.org/ko/firefox/addon/4808&quot;&gt;Google Reader Watcher&lt;/a&gt;와 &lt;a style=&quot;font-weight: bold; color: rgb(48, 88, 210);&quot; title=&quot;[https://addons.mozilla.org/ko/firefox/addon/3977]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;https://addons.mozilla.org/ko/firefox/addon/3977&quot;&gt;Google Reader Notifier&lt;/a&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt; &lt;/span&gt;이 두가지인데요. 둘다 상태표시줄에 아이콘과 읽지 않은 글의 수를 표시해 주고, 새로운 글이 있으면 알림창을 표시해줍니다. 역할은 같지만 세세한 부분에서 조금씩 다릅니다. &lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;일단 설정창을 비교해 보면 비슷하면서도 조금씩 다른 옵션을 제공합니다.&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs13.tistory.com/image/4/tistory/2008/10/17/19/35/48f86a6bb5ea2&quot; alt=&quot;구글리더 notifier 옵션창&quot; filemime=&quot;&quot; filename=&quot;48f86a6bb5ea2C3.png&quot; height=&quot;366&quot; width=&quot;500&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;Google reader notifier 설정창&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs13.tistory.com/image/12/tistory/2008/10/17/19/35/48f86a6e89749&quot; alt=&quot;Google reader watcher 설정창&quot; filemime=&quot;&quot; filename=&quot;48f86a6e89749CB.png&quot; height=&quot;525&quot; width=&quot;400&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;Google reader watcher 설정창&lt;/p&gt;&lt;/div&gt;&lt;br /&gt;
&lt;span style=&quot;font-weight: bold; color: rgb(48, 88, 210);&quot;&gt;Google Reader Notifier&lt;/span&gt;는 상태표시줄의 아이콘을 바꾸는 옵션과 상태표시줄의 어디에 위치할 것인가도 설정이 가능합니다. &lt;span style=&quot;font-weight: bold; color: rgb(226, 29, 29);&quot;&gt;Google Reader Watcher&lt;/span&gt;는 구글리더에서 제공하는 폴더별로 글을 불러오는 옵션을 제공합니다. 또 툴팁에 관련된 옵션을 제공합니다.&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;img src=&quot;http://cfs13.tistory.com/image/16/tistory/2008/10/17/19/42/48f86c1769bb9&quot; alt=&quot;Google reader watcher&quot; height=&quot;160&quot; width=&quot;240&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;Google reader watcher 툴팁&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://cfs13.tistory.com/image/33/tistory/2008/10/17/19/42/48f86c1e6f577&quot; alt=&quot;Google reader notofier&quot; height=&quot;160&quot; width=&quot;240&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;Google reader notifier 툴팁&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;
&lt;/p&gt;
&lt;p&gt;위 그림에서 왼쪽이 &lt;span style=&quot;font-weight: bold; color: rgb(226, 29, 29);&quot;&gt;Google Reader Watcher&lt;/span&gt;인데 &lt;span style=&quot;color: rgb(48, 88, 210); font-weight: bold;&quot;&gt;Google Reader Notifier&lt;/span&gt;와는 달리 툴팁에서 항목별로 읽지 않은 글의 수를 보여주는것을 볼 수 있습니다. 또 툴팁에서는 폴더별로 항목을 정렬하여 읽지 않은 항목을 정렬할 수 도 있습니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-weight: bold; font-size: 12pt;&quot;&gt;제가 이 두가지를 모두 설치하여 일주일간 비교해본 결과 &lt;span style=&quot;color: rgb(226, 29, 29);&quot;&gt;Google Reader Watcher&lt;/span&gt;가 좀더 낫다는 결론을 내렸습니다.&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: rgb(48, 88, 210);&quot;&gt;Google Reader Notifier&lt;/span&gt;는 가끔씩 연결이 불안정하고 끊기는 현상이 일어났습니다. &lt;span style=&quot;font-weight: bold; color: rgb(226, 29, 29);&quot;&gt;Google Reader Watcher&lt;/span&gt;는 그런 현상이 없고 본연의 기능에 충실한 모습을 보여줍니다. &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;img src=&quot;http://cfs10.tistory.com/image/31/tistory/2008/10/17/20/04/48f8712b834bd&quot; alt=&quot;Google Reader Notifier 접속이 불안정하면 이런 아이콘이 나타납니다.&quot; height=&quot;70&quot; width=&quot;129&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;Google Reader Notifier 접속이 불안정하면 이런 아이콘이 나타납니다.&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://cfs12.tistory.com/image/20/tistory/2008/10/17/20/11/48f872de3b165&quot; alt=&quot;또 개인적으로 새로운 글이 없어도 항상 0이 나오는것도 살짝 맘에 안드네요.&quot; height=&quot;70&quot; width=&quot;129&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;또 개인적으로 새로운 글이 없어도 항상 0이 나오는것도 살짝 맘에 안드네요.&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;그리고 툴팁기능이 더 좋아서 맘에 듭니다. &lt;span style=&quot;font-weight: bold; color: rgb(48, 88, 210);&quot;&gt;Google Reader Notifier&lt;/span&gt;는 아이콘 변경과 상태표시줄 위치를 설정하는 부분이 맘에 들긴 하는데요, 아이콘 부분은 크게 신경이 안쓰이고, 상태표시줄 위치 변경은 전에도 소개해 드린적 있는 &lt;a title=&quot;[https://addons.mozilla.org/ko/firefox/addon/1759]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;https://addons.mozilla.org/ko/firefox/addon/1759&quot;&gt;Organize Status Bar&lt;/a&gt;로 해결하면 되니 큰 문제는 되지 않습니다. &lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;사실 이 둘을 비교해서 사용했을때 &lt;span style=&quot;font-weight: bold; color: rgb(48, 88, 210);&quot;&gt;Google Reader Notifier&lt;/span&gt;만 한글화 되었었는데 비교결과 &lt;span style=&quot;font-weight: bold; color: rgb(226, 29, 29);&quot;&gt;Google Reader Watcher&lt;/span&gt;가 더 맘에 들어서 제가 한글화 파일을 만들어 제작자에게 보냈습니다. 제작자가 바로 업데이트를 해주셔서 지금 파이어폭스 확장기능 홈페이지에서 한글화가 포함된 새로운 버전을 받을 수 있습니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;마지막으로 상태표시줄에서 같은 방법으로 메일을 확인하시고 싶으신분은 전에도 소개해 드린적 있는 &lt;a title=&quot;[https://addons.mozilla.org/ko/firefox/addon/4490]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;https://addons.mozilla.org/ko/firefox/addon/4490&quot;&gt;웹메일 알리미&lt;/a&gt;를 써보세요.&lt;br /&gt;
&lt;/p&gt;</description>
			<category>Firefox 팁</category>
			<category>Firefox</category>
			<category>google reader</category>
			<category>구글리더</category>
			<author>희주</author>
			<guid>http://jugug.net/168</guid>
			<comments>http://jugug.net/entry/recommand-google-reader-watcher#entry168comment</comments>
			<pubDate>Fri, 17 Oct 2008 20:13:58 +0900</pubDate>
		</item>
		<item>
			<title>내 블로그글을 인쇄할때 저작권정보를 넣기</title>
			<link>http://jugug.net/entry/license-in-print</link>
			<description>&lt;p&gt;방문자가 내 블로그를 방문할때 블로그의 내용을 프린터를 이용하여 인쇄할 때도 있습니다. 이럴때를 대비해서 대부분 인쇄에 최적화 하기위한 위한 스타일시트를 따로 지정하는데요.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;프린트용 스타일 시트를 넣는 방법은 해더부분에 아래와 같이 지정해 주면 됩니다.&lt;br /&gt;
&lt;/p&gt;
&lt;pre class=&quot;html&quot; name=&quot;code&quot;&gt;&amp;lt;link rel=&quot;stylesheet&quot; media=&quot;print&quot; type=&quot;text/css&quot; href=&quot;/images/print.css&quot;&amp;gt;&lt;/pre&gt;print.css에는 쓸모없는 부분은 모두 안보이게 처리하고, 인쇄에 최적화하여 글꼴의 종류와 크기를 최적화시킵니다.&lt;br /&gt;

&lt;p&gt;이렇게 하면 인쇄를 할때는 print.css파일의 서식을 따라 인쇄가 됩니다. 이것을 응용하여 간단하게 CSS를 이용하면 웹브라우저상으로는 안보이고, 인쇄할때만 보이는 메세지를 넣을 수 있습니다. &lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;먼저 스킨 수정에 들어가서 자신의 블로그 상단이나 메세지를 넣고싶은 부분에 다음과 같이 넣습니다. &lt;br /&gt;
&lt;/p&gt;
&lt;pre class=&quot;html&quot; name=&quot;code&quot;&gt;&amp;lt;div class=&quot;printMSG&quot; style=&quot;text-align:center; display:none;&quot;&amp;gt;&lt;br /&gt;※이 문서는 jugug.net ( &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; document.write(document.URL); &amp;lt;/script&amp;gt; )에서 인쇄하였으며, 저작권은 희주에게 있습니다. &lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;/pre&gt;&lt;p&gt;이렇게 하면 메세지는 웹브라우저상에는 이 메세지는 보이지 않게 됩니다. &lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;document.write(document.URL);&amp;lt;/script&amp;gt;&lt;/span&gt;부분은 현재의 문서 주소를 출력해주는 스크립트입니다. 메세지 내용은 여러분의 블로그에 맞게 수정하면 됩니다.
&lt;/p&gt;
&lt;p&gt;이렇게 한 후 print.css에 다음과 같이 추가합니다.&lt;br /&gt;
&lt;/p&gt;
&lt;pre class=&quot;css&quot; name=&quot;code&quot;&gt;.printMSG		{ display:block !important;}&lt;/pre&gt;
방금 블로그 상단에 적은 메세지를 보이게 하는 코드입니다. !important를 붙이면 그 속성은 css처리시 태그안에 inline으로 넣은 style도 무시해버리고 우선순위가 됩니다. &lt;br /&gt;
&lt;br /&gt;

아래는 예제로 저의 블로그에 적용된 print.css의 소스입니다.
&lt;pre class=&quot;css&quot; name=&quot;code&quot;&gt;@charset &quot;utf-8&quot;;&lt;br /&gt;&lt;br /&gt;body		{ font:0.8em/1.5 &quot;바탕&quot;,serif; }&lt;br /&gt;a			{ color:#000; text-decoration:none;}&lt;br /&gt;hr			{ display:none;}&lt;br /&gt;img			{ border:0;}&lt;br /&gt;h1			{ margin:0; padding:0; font:1em &quot;돋움&quot;;} &lt;br /&gt;h2			{ margin:0; padding:0; font-size:1.4em; font-weight:bold;} &lt;br /&gt;&lt;br /&gt;#header, #sidebar, #footer, &lt;br /&gt;#bottombar, #recommend, &lt;br /&gt;#ad1, #ad2, #ad3, #guestWrite,&lt;br /&gt;.entry .admin, .entry .actionTrail, &lt;br /&gt;.entry .tagTrail, .entry .comment, &lt;br /&gt;.entry .trackback, .another_category,&lt;br /&gt;.hiddenObj	{ display:none;}&lt;br /&gt;
&lt;br /&gt;#header			{ text-align:right; padding-bottom:10px; padding-right:10px;}&lt;br /&gt;.printMSG		{ margin:0; padding:0; display:block !important; font:9pt &quot;돋움&quot;;}&lt;br /&gt;.paging			{ display:none;}&lt;br /&gt;.entry			{ border:1px solid #ccc; padding:15px; margin:0;}&lt;br /&gt;.titleWrap		{ border-bottom:1px solid #ccc; margin:10px 0; font-family:&quot;맑은 고딕&quot;,&quot;돋움&quot;,sans-serif;}&lt;br /&gt;.titleWrap .date{ font:8pt verdana;}&lt;br /&gt;.article a		{ color:#33c; text-decoration:underline;}&lt;br /&gt;
&lt;br /&gt;#taglog ul		{ margin:0; text-align:justify;}&lt;br /&gt;#taglog li		{ display:inline; margin-right:15px; padding:0;}&lt;br /&gt;.cloud1			{ font:bold 1.0em/1.5 &quot;맑은 고딕&quot;,&quot;돋움&quot;,sans-serif;}&lt;br /&gt;.cloud2			{ font-size:0.9em/1.5; font-weight:bold; }&lt;br /&gt;
&lt;/pre&gt;&lt;p&gt;이렇게 해서 블로그를 인쇄해보면 아래와 같이 상단에 메세지가 나오는것을 알 수 있습니다.&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs9.tistory.com/image/28/tistory/2008/10/06/22/11/48ea0e9e065f4&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;321&quot; width=&quot;508&quot;/&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;
&lt;/p&gt;</description>
			<category>웹관련 팁</category>
			<category>메세지</category>
			<category>인쇄</category>
			<category>저작권</category>
			<author>희주</author>
			<guid>http://jugug.net/167</guid>
			<comments>http://jugug.net/entry/license-in-print#entry167comment</comments>
			<pubDate>Mon, 06 Oct 2008 21:59:26 +0900</pubDate>
		</item>
		<item>
			<title>파이어폭스에서 IE, Opera, Chrome로 보기 플러그인</title>
			<link>http://jugug.net/entry/IE-Opera-Chrome-view-on-firefox</link>
			<description>&lt;p&gt;예전에 제가 파이어폭스에서 현재 페이지를 IE, Opera로 열어주는 플러그인을 소개한적이 있는데요.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://jugug.net/entry/IE-Opera-View-Lite&quot; target=&quot;_blank&quot;&gt;2008/08/01 - [웹 이야기/Firefox 팁] - IE View확장기능과 Opera View확장기능을 하나로! IE Opera View Lite&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;구글의 Chrome도 나왔으니 Chrome view기능도 포함한것을 만들었습니다. 그래서 총 3개의 브라우저를 지원하는 것이죠.&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://jugug.tistory.com/attachment/48e9ff0d6f5977K.xpi&quot;&gt;&lt;img src=&quot;http://cfs.tistory.com/blog/image/extension/unknown.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; iocview.xpi&lt;/a&gt;&lt;/div&gt;예전버전과 다른점 &lt;br /&gt;
&lt;/p&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot;&gt;
&lt;li&gt;Chrome을 지원합니다.(총 3개의 브라우저)&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs7.tistory.com/image/18/tistory/2008/10/06/21/03/48e9fe8647190&quot; alt=&quot;IOCview&quot; filemime=&quot;&quot; filename=&quot;48e9fe86471906H.png&quot; height=&quot;33&quot; width=&quot;87&quot;/&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;아이콘을 바꿨습니다.&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs7.tistory.com/image/18/tistory/2008/10/06/21/07/48e9ff924cfba&quot; alt=&quot;&quot; filemime=&quot;&quot; filename=&quot;icon.png&quot; height=&quot;24&quot; width=&quot;24&quot;/&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;옵션에서 자동으로 IE로 열면 닫기옵션을 아에 없앴습니다. 체크하나마나 작동하니..-_- 고쳐보려고도 했지만 뭐가 문제인지 모르겠습니다.&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;마우스오른쪽메뉴에 아이콘을 넣었습니다.&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs8.tistory.com/image/15/tistory/2008/10/06/21/03/48e9fe8e93174&quot; alt=&quot;IOCview&quot; filemime=&quot;&quot; filename=&quot;48e9fe8e931747E.png&quot; height=&quot;70&quot; width=&quot;201&quot;/&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;배열을 넣어서 더 깔끔하게 만들어볼까도 생각했지만 무리인거 같아 그냥 만들었습니다. 역시 저작권은&amp;nbsp; IE View lite를 만든 원저작자에게 있습니다.&amp;nbsp; 예전과 마찬가지로 받으셔서 다른곳에 퍼뜨리지 마시고.. 개인적으로 조용히 사용하시길 부탁합니다.&lt;br /&gt;
&lt;/p&gt;</description>
			<category>Firefox 팁</category>
			<category>IOC View Lite</category>
			<author>희주</author>
			<guid>http://jugug.net/166</guid>
			<comments>http://jugug.net/entry/IE-Opera-Chrome-view-on-firefox#entry166comment</comments>
			<pubDate>Mon, 06 Oct 2008 21:06:48 +0900</pubDate>
		</item>
		<item>
			<title>간단하게 만드는 마우스번지</title>
			<link>http://jugug.net/entry/mousebungee</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://cfs7.tistory.com/image/23/tistory/2008/09/27/23/35/48de449be34c4&quot; alt=&quot;마우스번지&quot; filemime=&quot;&quot; filename=&quot;48de449be34c46M.jpg&quot; height=&quot;338&quot; width=&quot;450&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;이렇게 생겼습니다. 출처: http://www.aijoarashop.com&lt;/p&gt;&lt;/div&gt;아이디어 자체도 훌륭하고 매우 실용적인 물건에는 틀림 없습니다. 가격은 1만원대입니다. 그런데 이런 간단한 기능을 수행하기에 좀 비싸다는 느낌이 듭니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;그래서 주변에서 쉽게 구할 수 있는 재료로 만들어 보는법을 소개합니다. 사실 저는 이렇게 만들어 쓴지 좀 됐습니다.(1년이 넘었습니다.) 어떻게 생겼는지 보시면 만드는 법은 굳이 설명하지 않아도 될만큼 간단합니다. 일단 어떻게 생겼는지 보시죠.&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs8.tistory.com/image/5/tistory/2008/09/27/23/44/48de46ea43308&quot; alt=&quot;자작마우스번지&quot; filemime=&quot;&quot; filename=&quot;48de46ea4330874.JPG&quot; height=&quot;375&quot; width=&quot;500&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;자작 마우스번지 모습&lt;/p&gt;&lt;/div&gt;보시다시피 하늘색 플라스틱으로 돼있는게 자작한 마우스번지입니다. &lt;span style=&quot;font-weight: bold;&quot;&gt;안쓰는 벌크CD통(50장짜리), 케이블타이 3개, 선정리하는 철끈 몇개&lt;/span&gt;만 있으면 쉽게 만들 수 있습니다. &lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs7.tistory.com/image/33/tistory/2008/09/27/23/48/48de47aee9a38&quot; alt=&quot;자작 마우스번지 02&quot; filemime=&quot;&quot; filename=&quot;48de47aee9a386W.JPG&quot; height=&quot;375&quot; width=&quot;500&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;자세한 모습&lt;/p&gt;&lt;/div&gt;일단 케이블 타이를 사진과 같이 고정시키고 마우스 선은 선묶는 철끈을 적당히 잘라서 고정시키면 됩니다. 참 쉽죠?&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;주의할점이 마우스선을 지지하는 역할을 하는 케이블 타이인데요. 마우스선의 굵기에 따라 적당히 큰것을 써야 합니다. 그리고 끝부분을 커터칼로 적당히 잘라내야 합니다.&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs7.tistory.com/image/6/tistory/2008/09/27/23/50/48de4826c26e3&quot; alt=&quot;케이블타이&quot; filemime=&quot;&quot; filename=&quot;48de4826c26e365.JPG&quot; height=&quot;340&quot; width=&quot;300&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;이렇게 잘라야 합니다.&lt;/p&gt;&lt;/div&gt;이런식으로 잘라야 하는데요. 자르다가 다치지 않게 조심히 자릅니다. 그 후에 마우스 선을 저기에 꽂아야 하는데 처음 시도할때 잘 안꽂아 집니다. 약간 벌린뒤 조심스럽게 시도하세요. 마우스선길이는 환경에 따라 적절히 조절하여 끼우면 됩니다. 이렇게 하고난 뒤, 위의 사진과 같이 철사로 고정하면 끝입니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;이렇게 해서 자작 마우스번지를 만들어 봤습니다. 자작이 귀찮고, 좀더 모양새 있고, 더 좋은 마우스번지를 원하신다면 시중제품을 구입하셔도 됩니다. 자작한 마우스 번지가 시중에 파는 제품보다 모양새도 볼품없고, 기능도 떨어질지 모르나, 직접 만들어 사용하는 즐거움이 있지 않을까요? &lt;br /&gt;
&lt;/p&gt;</description>
			<category>여러가지 팁</category>
			<category>마우스번지</category>
			<category>자작</category>
			<author>희주</author>
			<guid>http://jugug.net/165</guid>
			<comments>http://jugug.net/entry/mousebungee#entry165comment</comments>
			<pubDate>Sat, 27 Sep 2008 23:58:23 +0900</pubDate>
		</item>
		<item>
			<title>IETester새버전이 나왔네요.</title>
			<link>http://jugug.net/entry/IETester-023</link>
			<description>&lt;p&gt;웹페이지를 여러버전의 IE로 볼 수 있는 IETester 0.2.3이 나왔습니다. 사실 나온지 좀 된거 같은데 이제 확인 했습니다.&lt;br /&gt;
&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://jugug.net/entry/introduce-ietester&quot; target=&quot;_blank&quot;&gt;2008/06/05 - [웹 이야기/웹관련 팁] - IE를 버전별로 볼 수 있는 IEtester&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;
몇가지 불안정한 부분을 수정하고 인쇄기능이 추가 되었다고 합니다. 또 새로운 버전은 IE8 beta2가 포함되있네요. &lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;IE8 beta2는 beta1에 비해 많은 개선이 있다고 하지만 설치는 안해봤습니다. 어차피 정식 나올때까진 설치할 생각은 없으니.. 그냥 이 IETester에서 확인해보면 되지요. beta1에서 문제가 있었던 Daum메인화면이 Daum에서 수정한건지 beta2가 바뀐건지 제대로 보이네요.&amp;nbsp;&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs8.tistory.com/image/8/tistory/2008/09/22/00/58/48d66f1064a58&quot; alt=&quot;Daum_at_IETester&quot; filemime=&quot;&quot; filename=&quot;48d66f1064a5877.png&quot; height=&quot;365&quot; width=&quot;480&quot;/&gt;&lt;/div&gt;&lt;/p&gt;
&lt;p&gt; 이번 버전은 제가 전에 만들어서 제작자에게 보낸 한글화파일이 기본으로 포함되어 있습니다. 한글화 파일을 확인해보니 인쇄에 대한 부분만 추가되 있더라구요. 그 부분까지 한글화 된것을 원하신다면 아래 파일을 프로그램이 설치된 폴더의 Languages폴더에 넣으면 됩니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://jugug.tistory.com/attachment/48d66fb2960007W.lang&quot;&gt;&lt;img src=&quot;http://cfs.tistory.com/blog/image/extension/unknown.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; Korean.lang&lt;/a&gt;&lt;/div&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;
&lt;/p&gt;</description>
			<category>웹관련 팁</category>
			<category>IEtester</category>
			<author>희주</author>
			<guid>http://jugug.net/164</guid>
			<comments>http://jugug.net/entry/IETester-023#entry164comment</comments>
			<pubDate>Mon, 22 Sep 2008 01:01:18 +0900</pubDate>
		</item>
		<item>
			<title>한가위 잘 보내셨나요?</title>
			<link>http://jugug.net/entry/good-hangawi</link>
			<description>&lt;p&gt;민족의 명절 추석연휴가 끝났습니다. 여러분들은 추석 잘 보내셨나요? 저도 오랜만에 친척들도 만나고 잘 보냈습니다. 올해 추석은 경기가 안좋아서 그런지 분위기가 예전만 못한거 같습니다. 친구녀석들이나 친척들이나 타지에 생활하고 있는 사람들이 많이 내려오질 않았더군요. 매해 동창들을 보는데 올해는 저도 가지 못했습니다. 좀 안타까운 추석이었습니다.&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;추석연휴동안 여러가지 소식들이 많았는데요. 제일 큰 소식이 TNC를 Google이 인수한것이 아닌가 싶습니다. 구글이 인수했던 블로거닷컴에 이어 또다른 블로그서비스를 인수한것인데요. 국내외적으로 관심도가 높나봅니다. 택스트큐브하면 기술력과 비전이 높은 블로그툴중 하나인데 구글이 인수 함으로써 앞으로 어떻게 발전해 나갈지 기대되는 부분입니다. 블로거닷컴처럼 뭉그적한 운영이 아니라 적극적인 방향으로 발전해 나갔으면 합니다.&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;오늘 전해진 미국 투자회사 리먼 브라더스의 파산과 메릴린치의 매각도 큰 뉴스군요. 아마 국내에서도 파장을 피해가긴 힘들거라는데 참 걱정입니다. 미국 최대 보험사인 AIG도 지원요청을 했다고 합니다. 우리나라에도 진출하여 상당한 보험을 판매한걸로 아는데 걱정되네요. 9월위기설이 비껴가나 싶더니 또다시 이렇게 위기가 찾아오나 싶군요.&lt;/p&gt;
&lt;p&gt;어쨌든 이제 추석연휴도 끝났고 우울한 소식들도 들리지만, 새롭게 기분전환하시고 힘내시길 바랍니다.여기 오시는 모든 분들께 좋은 일만 있기를 바라겠습니다.&lt;br /&gt;&lt;/p&gt;
</description>
			<category>잡담</category>
			<category>추석</category>
			<category>한가위</category>
			<author>희주</author>
			<guid>http://jugug.net/163</guid>
			<comments>http://jugug.net/entry/good-hangawi#entry163comment</comments>
			<pubDate>Tue, 16 Sep 2008 00:40:50 +0900</pubDate>
		</item>
		<item>
			<title>새로운 아이팟 터치 발표..</title>
			<link>http://jugug.net/entry/new-ipod-touch-2nd</link>
			<description>&lt;p&gt;지금 막 애플에서 새로운 아이팟을 발표했습니다.&lt;br /&gt;아이팟 나노4세대와 아이팟 터치 2세대로군요.&lt;br /&gt;&lt;/p&gt;

&lt;p style=&quot;text-align: center;&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs8.tistory.com/image/31/tistory/2008/09/10/02/54/48c6b85e286d1&quot; alt=&quot;아이팟 나노 4세대&quot; height=&quot;318&quot; width=&quot;480&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;사진출처 : http://live.gizmodo.com/&lt;/p&gt;&lt;/div&gt;&lt;/p&gt;

&lt;p style=&quot;text-align: center;&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs8.tistory.com/image/30/tistory/2008/09/10/02/54/48c6b8613d9f9&quot; alt=&quot;아이팟 터치 2세대&quot; height=&quot;318&quot; width=&quot;480&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;사진출처 http://live.gizmodo.com/&lt;/p&gt;&lt;/div&gt;&lt;/p&gt;
&lt;p&gt;나노 4세대는 더 얇아진 디자인과 새로운 UI를 적용했다고 합니다. 디자인이 기존에 떠돌던 루머와 비슷하군요. 색상도 추가 되었다고 합니다.&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;터치2세대는 볼륨버튼과 스피커내장, 새로운 뒷면 디자인 더 길어진 배터리 수명(덕분에 2mm정도 더 두거워졌다고 합니다.)이 눈에 띄는군요. 그리고 가격도 인하 되었습니다. 8gb가 $229, 16gb $299, 32gb $399로 전체적으로 하향조정되었습니다. 아 터치 1세대 중고가격떨어지는 소리가..&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;그리고 지니어스기능이 추가된 아이튠즈8.0, Nike과 재휴한 Nike+기능, 새로운 게임들, 마지막으로 이를 모두 아우르는 새로운 펌웨어 2.1을 발표했습니다. 내일부터 다운로드 가능하다고 하네요.&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;어쨌든 터치 2세대 나온것은.. 좀 우울하고 2.1펌웨어나 기대해 봐야겠네요.&lt;br /&gt;&lt;/p&gt;
</description>
			<category>iPod Touch</category>
			<category>아이팟 터치</category>
			<author>희주</author>
			<guid>http://jugug.net/162</guid>
			<comments>http://jugug.net/entry/new-ipod-touch-2nd#entry162comment</comments>
			<pubDate>Wed, 10 Sep 2008 03:05:53 +0900</pubDate>
		</item>
		<item>
			<title>크롬을 발표한 구글의 궁극적인 목표는</title>
			<link>http://jugug.net/entry/google-goal-chrome</link>
			<description>&lt;p&gt;크롬 개발자의 &lt;a title=&quot;[http://kr.youtube.com/watch?v=zT_ayPh0Kd0]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://kr.youtube.com/watch?v=zT_ayPh0Kd0&quot;&gt;비하인드 스토리&lt;/a&gt;를 보면 크롬의 목표는 크롬의 점유율을 높이는것이 아니라 전반적인 웹환경의 수준을 높이는 것이라고 합니다.&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;object width=&quot;425&quot; height=&quot;344&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/zT_ayPh0Kd0&amp;amp;hl=ko&amp;amp;fs=1&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;http://www.youtube.com/v/zT_ayPh0Kd0&amp;amp;hl=ko&amp;amp;fs=1&quot; type=&quot;application/x-shockwave-flash&quot; allowfullscreen=&quot;true&quot; width=&quot;425&quot; height=&quot;344&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/p&gt;
&lt;p&gt;구글은 지금까지 기존의 웹브라우저들이 자사의 서비스들을 제공하는데 적합하지 않다는 불만을 제기해 왔습니다. 그러다가 크롬을 발표하게 된것이죠. &lt;br /&gt;구글의 목표는 웹환경에서 오피스, 사진편집등 다양한 어플리케이션서비스를 제공하여 자사의 서비스비율을 높이는 것입니다. 이러한 서비스들은 속도와 안정성이 우선입니다. 크롬개발의 중점도 바로 빠른 속도와 안정성이지요. 이러한 서비스들의 자바스크립트의 처리가 매우 중요한데 이를 위해 V8엔진을 자체 개발한것이라고 볼 수 있겠지요.&lt;br /&gt;실제로 자바스크립트를 응용한 Ajax기술등 여러 기술들을 이용한 서비스들이 선을 보이고 있고, 구글은 이러한 서비스들을 집대성하여 웹OS를 만드려고 하고 있습니다. Google Gears도 그러한 계획의 일부입니다.(구글 기어즈를 통해 오프라인에서도 웹 서비스를 이용하고 온라인상태에서 동기화를 할 수 있습니다. 예를 들면 웹 오피스 작업을 하려면 브라우저를 통해 온라인에 접속되어 있어야 하지만 구글 기어즈로 개발된 웹 오피스는 오프라인에서도 작업과 저장이 가능하며 온라인 되었을때 웹상의 서버와 동기화 되어 어디서든지 작업이 가능하도록 환경을 제공해 주는 것입니다.)&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;앞으로는 기존의 OS상에서 어플리케이션을 실행하여 했던 작업들이 점차 사라지고 왠만한 작업들은 웹상에서 처리할것이라 예상됩니다. 웹OS라고 불리우는 시장이죠. 구글은 그러한 시장을 선점하고 싶어합니다. 하지만 그러한 환경을 만들기에 기존의 웹브라우저들은 아직도 수준미달이라고 판단한거죠. 그래서 구글이 직접나서 웹브라우저의 전반적인 질적향상을 도모한 것입니다.&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;이러한 프로젝트를 통해 웹환경의 전반적인 질적 향상을 도모하고, 이로써 자사의 서비스들을 더 나은환경에서 제공할 수 있게 됩니다. 그렇게 되면 웹 OS라는 새로운 영역에 사용자들을 끌어 모을 수 있게 되는 것이죠. (참고 글 : &lt;a title=&quot;[http://www.dal.kr/blog/001730.html]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://www.dal.kr/blog/001730.html&quot;&gt;김중태 문화원: 크롬은 치약구멍처럼 1인당 웹문서 소비량 증대가 목표&lt;/a&gt;)&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;구글의 이러한 움직임은 전반적인 웹의 발전을 도모한다는 점에서 매우 긍정적입니다. 이러한 변화가 앞으로의 웹에 어떠한 변화를 가져올지 상상만해도 신나지 않습니까? 아직도 윈도우 전용 ActiveX따위로 서비스를 제공하는 국내사이트들은 반성하고 하루빨리 새로운 웹의 흐름에 적응해야 합니다.&lt;br /&gt;&lt;/p&gt;
</description>
			<category>웹 이야기</category>
			<category>chrome</category>
			<category>구글</category>
			<category>크롬</category>
			<author>희주</author>
			<guid>http://jugug.net/161</guid>
			<comments>http://jugug.net/entry/google-goal-chrome#entry161comment</comments>
			<pubDate>Fri, 05 Sep 2008 22:03:56 +0900</pubDate>
		</item>
		<item>
			<title>Chrome의 정확한 Acid3테스트 점수는?</title>
			<link>http://jugug.net/entry/Chrome-review-01</link>
			<description>&lt;p&gt;Chrome(이하 크롬)이 나오고 써보면서 느낀점은 베타버전임에도 불구하고 상당한 완성도를 보여준다는 것입니다. 여기저기서 구글이 크롬을 개발하면서 얼마나 신경을 썼는지를 알 수 있습니다.&lt;br /&gt;
크롬에 대한 전반적인 리뷰를 작성하려 했으나 많은 분들이 관련된 글을 남기셨고 제가 또 그것을 쓰기에는 너무 늦은거 같아 언급이 잘 안된 몇가지 사항만 짚어보고 넘어가겠습니다. 그중에는 제목에서도 쓰여진 Acid3테스트에 관한것도 포함되어 있습니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-weight: bold; font-size: 14pt;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;1. 크롬의 렌더링 엔진은 사파리,퀑커러에서도 쓰이고 있는 &quot;Webkit&quot;을 사용합니다.&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt; &lt;/span&gt;그래서인지 렌더링이 safari와 유사합니다. 얼마나 비슷한지 한번 알아봅시다. &lt;/p&gt;&lt;p&gt;제 블로그 사이드바의 링크에는 &lt;span style=&quot;font-weight: bold;&quot;&gt;&quot;text-overflow:ellipsis&quot;&lt;/span&gt;라는 CSS속성을 주었는데 이는 글자길이가 정해진 틀을 벗어나면 끝부분을 말줄임표로 표시해 주는 속성입니다.   CSS 3.0에 정의된 내용으로 지원하는 브라우저는 IE(6이상)와 Safari뿐이었습니다. Safari와 동일한 엔진을 채택한 크롬도 역시 지원하는데요 지원하는 방법이 약간 차이가 있습니다. 그런데 그 차이가 Safari와 크롬이 동일하더군요.&lt;br /&gt;
&lt;/p&gt;
&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;img src=&quot;http://cfs9.tistory.com/image/24/tistory/2008/09/04/21/54/48bfdaa311d73&quot; alt=&quot;text clip on ff opera&quot; height=&quot;243&quot; width=&quot;176&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;FF,Opera에서의 결과.&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://cfs9.tistory.com/image/31/tistory/2008/09/04/22/06/48bfdd73eeba7&quot; alt=&quot;text clip on ie&quot; height=&quot;243&quot; width=&quot;176&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;IE(6이상)에서의 결과.&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;&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;img src=&quot;http://cfs9.tistory.com/image/15/tistory/2008/09/04/21/54/48bfdaa2f04bd&quot; alt=&quot;text clip on chrome&quot; height=&quot;241&quot; width=&quot;178&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;크롬에서의 결과.&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://cfs9.tistory.com/image/7/tistory/2008/09/04/22/37/48bfe4afc99e9&quot; alt=&quot;text clip on safari&quot; height=&quot;264&quot; width=&quot;176&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;safari에서의 결과.&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;먼저 위의 사진들을 보시면 FF,Oprea에서는 ellipsis를 지원하지 않기때문에 clip과 동일한 결과를 보여줍니다. IE는 제대로 지원하네요. safari는 아이팟터치에서 갈무리 하였지만 PC와 차이는 없습니다. 보면 safari와 크롬의 결과가 같습니다. safari와 크롬에서는 글자가 겹쳐서 나오는데 이는 버그같습니다. 문장에 줄바꿈 태크 &amp;lt;br /&amp;gt;이 들어가는 경우 저렇게 겹쳐서 나옵니다. 이러한 버그가 동일하게 나타나는것을 보면 역시 같은 엔진을 사용하고 있다는 것을 알 수 있습니다. 물론 이러한 렌더링 버그 하나만으로 완전히 같다라고 말하는건 성급할지 모릅니다. 하지만 이것이 흔하게 지원하는 사항이 아닌만큼 같다고 봐도 무리는 없을것같습니다. &lt;br /&gt;&lt;span style=&quot;color: rgb(212, 26, 1);&quot;&gt;(알림 : Webkit엔진에서의 글자겹침버그로 인하여 블로그 스킨에서 진작 해당부분을 수정을 하였었습니다. 위 갈무리는 글의 이해를 돕기위해 임시적으로 만든 상황입니다. 현재는 저렇게 표시되지 않습니다.)&lt;/span&gt;&lt;br style=&quot;color: rgb(212, 26, 1);&quot;&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;이것 외에도 input요소에 포커스가 있을때 주변에 테두리가 생긴다든지, textarea 크기조정이 가능한것도 Safari와 동일한 부분입니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;2. 크롬은 CPU사용량이 많으면 버벅거립니다.&lt;/span&gt;&lt;/span&gt; 탭마다 각각 자원을 할당하고 독립적으로 작동하는 점과, 탭중심의 인터페이스와 기능을 보면 크롬은 탭브라우징에 중점을 둔 브라우저임을 알 수 있습니다. 그래서인지 멀티코어를 지원한다고 알려져 있습니다. 하지만 최적화가 잘 안되었나 봅니다. &lt;br /&gt;
오늘 PC에서 동영상 인코딩을 하면서 크롬을 작동시켜보니 상당히 불안하게 작동하였습니다. 인코딩을 할때는 인코더가 CPU를 거의100% 사용하는데, 이때 전반적으로 프로그램이 느려지고 로딩과 스크롤링이 상당히 끊기고 불안하였습니다. 거기에 오류를 내면서 프로그램이 뻗는 문제가 발생하였습니다. 특히 사진등이 많아 용량등이 큰 웹페이지에서 심하였습니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs8.tistory.com/image/7/tistory/2008/09/04/22/18/48bfe008b401a&quot; alt=&quot;크롬 오류&quot; filemime=&quot;&quot; filename=&quot;48bfe008b401a76.png&quot; height=&quot;202&quot; width=&quot;400&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;이런식으로 응답이 없는 경우도 발생하였습니다.&lt;/p&gt;&lt;/div&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;이러한 불안정한 모습은 물론 인코딩을 하지 않을때는 일어나지 않는 현상입니다. 저의 PC에서만 일어나는 문제일 가능성도 있으나 다른 웹브라우저들은 멀쩡한데 크롬만 이랬다는 것은 이상합니다. 제 PC사양은 코어2듀오 E6300에 2GB램이고 운영체제는 Windows XP Professional입니다. 동일한 증상을발견하신분은 알려주세요.&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;이 과정에서 한가지 재밌는 점은 비정상적으로 종료되면서 재시작할때 메세지가 떴는데 메세지내용은 갈무리를 못하였지만 대충 &quot;헉! 크롬이 비정상 종료되었습니다. 재시작하시겠습니까.&quot;이런 메세지 였습니다. 메세지에 &quot;헉!&quot;이라는 말이 들어가다니.. 실제로 삭제하려고 할때도 아래와 같은 메세지가 뜨는것을 보면 개발할때 한국인이 많이 투입된것은 사실인가 봅니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://cfs7.tistory.com/image/20/tistory/2008/09/04/22/22/48bfe1167b9f3&quot; alt=&quot;크롬 제거메세지&quot; filemime=&quot;&quot; filename=&quot;48bfe1167b9f36J.png&quot; height=&quot;105&quot; width=&quot;400&quot;/&gt;&lt;p class=&quot;cap1&quot;&gt;이러면 맘이 약해져서 삭제를 못하잖아&lt;/p&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;br style=&quot;font-weight: bold;&quot;&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;3. 이제 말하려고 한 Acid3문제입니다.&lt;/span&gt;&lt;/span&gt; Acid3테스트는 예전글에서 한번 설명한 적이 있습니다. &lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;a href=&quot;http://jugug.net/entry/ipod-Safari-Acid3-Test&quot; target=&quot;_blank&quot;&gt;2008/08/04 - [iPod Touch] - 아이팟 터치용 Safari의 Acid3 Test결과는?&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;Acid3는 주로 자바스크립트를 중심으로 테스트를 합니다. 크롬은 자체개발한 V8 해석엔진을 사용한다고 알려져 있습니다. Chrome에서 Acid3테스트를 해보면 재미있는 사실을 알 수 있습니다. 아래 동영상을 보세요.&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;object type=&quot;application/x-shockwave-flash&quot; classid=&quot;clsid:d27cdb6e-ae6d-11cf-96b8-444553540000&quot; codebase=&quot;http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0&quot; width=&quot;502&quot; height=&quot;399&quot;&gt;
	&lt;param name=&quot;movie&quot; value=&quot;http://flvs.daum.net/flvPlayer.swf?vid=ytYmsUzoZzo%24&amp;amp;pwidth=502&amp;amp;pheight=399&quot;/&gt;
	&lt;param name=&quot;allowScriptAccess&quot; value=&quot;always&quot;/&gt;
	&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;/&gt;
	&lt;param name=&quot;bgcolor&quot; value=&quot;#000000&quot;/&gt;
	&lt;embed src=&quot;http://flvs.daum.net/flvPlayer.swf?vid=ytYmsUzoZzo%24&amp;amp;pwidth=502&amp;amp;pheight=399&quot; width=&quot;502&quot; height=&quot;399&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; type=&quot;application/x-shockwave-flash&quot; bgcolor=&quot;#000000&quot;/&gt;
&lt;/object&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;Acid2테스트는 일단 기본으로 통과를 합니다. Webkit엔진이니 사파리와 동일하구요. 문제는 Acid3인데 보시면 아시겠지만 할때마다 다른 결과가 나옵니다. 76~79점을 왔다갔다 하는데요 79점이 가장 많이 나오는 군요. 크롬 관련글들을 보시면 글마다 Acid3점수가 제각각 다릅니다. 아무래도 자체개발했다는 V8엔진이 불안정한 모양입니다. 실제로 자바스크립트부분에서 문제가 많다는 지적이 나오고 있고, (자바스크립트를 이용한 기능이나 동작이 작동됐다가 안됐다가 그러는 경우가 많습니다.) 플래시에서도 문제가 발생하고 있습니다. 플래시에 자바스크립트를 넣는경우말이죠. 앞으로도 개선해 나가야할 문제라고 봅니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-weight: bold; font-size: 12pt;&quot;&gt;4. 결론입니다.&lt;/span&gt; 위와 같은 문제점에도 불구하고 첫 베타버전치고는 상당한 안정성과 완성도를 자랑합니다. 정말 앞으로의 발전이 기대되는 브라우저입니다. 베타테스트 하루만에 크롬의 점유율이 2%에 가까워졌다는 글을 얼핏 보았는데요. 개인적인 생각으론 잘못된 글일 가능성이 높습니다. 같은 Webkit엔진을 사용하는 Safari가 점유율이 2%대인데 점유율을 분석하는 프로그램이 크롬과 Safari를 혼동하였을 가능성이 있기 때문입니다. 현재 Opera가 뛰어난 성능과 잦은 업데이트 지원에도 1%의 벽을 넘지 못하고 있는데요. 지금 크롬에 대한 반응으로만 본다면 정식버전에서는 Opera를 제치고 먼저 1%의 벽을 넘을거 같다는 느낌도 듭니다.&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: justify;&quot;&gt;아무튼 구글의 크롬공개로 웹브라우저 전쟁은 새로운 양상을 띄게 되었습니다. 곧 출시될 브라우저들로 새로운 자바스크립트 해석기와 더욱 빠른 엔진을 탑제할 파이어폭스3.1, 전버전 보다 성능이 좋아지고 웹 표준지원이 향상된 Internet Explorer8 등이 있고, Opera와 Safari도 새로운 버전을 꾸준히 발표할것입니다. 크롬이 이러한 브라우저들과 함께 어떤 모습을 보여줄지 벌써부터 기대가 됩니다.&lt;br /&gt;
&lt;/p&gt;
</description>
			<category>웹 이야기</category>
			<category>Acid Test</category>
			<category>chrome</category>
			<category>브라우저</category>
			<category>크롬</category>
			<author>희주</author>
			<guid>http://jugug.net/160</guid>
			<comments>http://jugug.net/entry/Chrome-review-01#entry160comment</comments>
			<pubDate>Thu, 04 Sep 2008 23:08:31 +0900</pubDate>
		</item>
	</channel>
</rss>
