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

<channel>
	<title>따라쟁이</title>
	<atom:link href="http://www.yuiworld.kr/suguni/feed" rel="self" type="application/rss+xml" />
	<link>http://www.yuiworld.kr/suguni</link>
	<description>승근이의 LifeLog - We learn many things by imitation!</description>
	<lastBuildDate>Sat, 24 Oct 2009 15:48:39 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>@font-face rule</title>
		<link>http://www.yuiworld.kr/suguni/2009/font-face-rule</link>
		<comments>http://www.yuiworld.kr/suguni/2009/font-face-rule#comments</comments>
		<pubDate>Sat, 24 Oct 2009 15:06:25 +0000</pubDate>
		<dc:creator>suguni</dc:creator>
				<category><![CDATA[Front-end]]></category>

		<guid isPermaLink="false">http://www.yuiworld.kr/suguni/?p=422</guid>
		<description><![CDATA[@font-face는 새로운 font-family를 생성하는 CSS rule로, 이를 이용하면 local이 아닌 remote server 상에 있는 폰트로 웹 페이지를 렌더링 할 수 있습니다. 원래는 Internet Explorer 4에서부터 독자적으로 지원했었던 기능이었지만, CSS 3에서 공식적으로 채택되어 현재 Firefox 3.5, Safari 3.1, Opera 10에서도 지원하고 있습니다. 다만 IE에서는 Embedded OpenType (EOT) 포맷만을 지원하고 있고, 최근에 지원하기 시작한 FF, Safari, Opera의 [...]]]></description>
			<content:encoded><![CDATA[<p>@font-face는 새로운 font-family를 생성하는 CSS rule로, 이를 이용하면 local이 아닌 remote server 상에 있는 폰트로 웹 페이지를 렌더링 할 수 있습니다. 원래는 Internet Explorer 4에서부터 독자적으로 지원했었던 기능이었지만, CSS 3에서 공식적으로 채택되어 현재 Firefox 3.5, Safari 3.1, Opera 10에서도 지원하고 있습니다. 다만 IE에서는 Embedded OpenType (EOT) 포맷만을 지원하고 있고, 최근에 지원하기 시작한 FF, Safari, Opera의 경우 TrueType과 OpenType만을 지원하고 있습니다.</p>
<h3>Syntax</h3>
<p>font-face를 정의하는 syntax는 다음과 같고,</p>
<p class="blockcode"><code>@font-face {<br />
    font-family: &lt;a-font-name&gt;;<br />
    src: &lt;source&gt; [,&lt;source&gt;]*;<br />
    [font-weight: &lt;weight&gt;];<br />
    [font-style: &lt;style&gt;];<br />
    [unicode-range: &lt;U+nnn-nnn&gt; [,&lt;U+nnn-nnn&gt;]*];<br />
}<br />
</code></p>
<p>실제 사용은 다음과 같이 합니다. @font-face에서 명시한 font-family를 일반적인 폰트 이름처럼 사용하면 됩니다.</p>
<p class="blockcode"><code>@font-face {<br />
  font-family: Graublau Sans Web;<br />
  src: url(GraublauWeb.otf) format("opentype");<br />
}<br />
body {<br />
  font-family: Graublau Sans Web, Lucida Grande, sans-serif;<br />
}<br />
</code></p>
<h3>새로 알게된 내용들</h3>
<p><strong>local hint</strong> : src descriptor에는 서버에 있는 폰트 url을 명시하는 url hint 외에도 local hint를 이용해서 로컬에 있는 폰트를 지정할 수 있습니다. 또한 소스를 하나 이상 명시할 수 있습니다. 이들을 사용하는 이유는, 해당 폰트가 설치되어 있으면 설치된 폰트를 사용하고 그렇지 않은 경우에만 다운로드 받도록 하기 위함입니다.</p>
<p class="blockcode"><code>@font-face {<br />
    font-family: MyHelvetica;<br />
    src: local("Helvetica Neue"),<br />
         local("HelveticaNeue"),<br />
         url(MgOpenModernaRegular.ttf);<br />
}<br />
</code></p>
<p></p>
<p><strong>format hint</strong> : 여러 가지 유형의 폰트를 지원할 수 있으므로 source의 포맷을 명시하는 format hint 키워드가 있습니다. <a href="http://www.w3.org/TR/css3-fonts/">CSS Fonts Module Level 3(W3C Working Draft 18 June 2009)</a> 문서에서는 &#8220;truetype&#8221;, &#8220;opentype&#8221;, &#8220;truetype-aat&#8221;, &#8220;embedded-opentype&#8221;, &#8220;svg&#8221;를 예제로 들고 있는데, 실제 브라우저에 따라 지원의 차이가 있을 수 있고 또 다른 포맷이 생길수도 있습니다. <del datetime="2009-10-24T15:29:22+00:00">참고로 IE에서는 format hint를 인식하지 못하며 포함된 경우 이를 무시하게 됩니다.</del></p>
<p class="blockcode"><code>@font-face {<br />
    font-family: Gentium;<br />
    src: url(Gentium.ttf) format("opentype");<br />
}<br />
</code></p>
<h3>Cross Browsed @font-face</h3>
<p>IE의 경우 eot 파일을, 그 외 브라우저(위에서 언급한 것들)에서는 TrueType 및 OpenType만을 지원하므로 크로스 브라우징이 가능하게끔 코딩을 해야 합니다. 앞서 언급한 src descriptor의 format hint를 이용하여 다음과 같이 코딩할 수 있습니다. 다음 코드에서 어떤 @font-face를 먼저 코딩하는지가 중요합니다.</p>
<p class="blockcode"><code>@font-face { /* for IE */<br />
  font-family: Gentium;<br />
  src: url('Gentium.eot');<br />
}<br />
 @font-face { /* for non-IE */<br />
  font-family: Gentium;<br />
  src: url('Gentium.ttf') format('opentype');<br />
}<br />
</code></p>
<p>Ajaxian의 <a href="http://ajaxian.com/archives/font-face-how-to-embed-it-and-how-it-looks-across-browsers">@font-face: How to embed it, and how it looks across browsers</a>에서는 하나의 @font-face에 src descriptor를 두 번 선언해서 사용하고 있습니다. 이런식으로도 가능하다면 위 코드는 다음과 같이 변경할 수 있습니다.</p>
<p class="blockcode"><code>@font-face {<br />
  font-family: Gentium;<br />
  src: url('Gentium.eot');<br />
  src: url('Gentium.ttf') format('opentype');<br />
}<br />
</code></p>
<h3>Bulletproof @font-face syntax</h3>
<p style="border:1px solid #e1e1e1;background-color:#f1f1f1;padding:1em;font-weight:bold;"><a href="http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/">Bulletproof @font-face syntax</a>을 읽고 추가한 사항입니다.</p>
<p>위의 Cross Browsed @font-face 단락에서 제시한 방법 모두 겉으로 보기에는 크로스 브라우징에는 문제가 없으나, IE에서 조금 이상한 request가 발생하는 문제(?)가 있습니다. IE에서는 먼저 Gentium.eot 파일을 요청(HTTP request)하고 다음번 src에 대해서는 <strong>Gentium.ttf&#8217;)%20format(&#8217;opentype</strong> 로 요청을 발생시킴니다. IE가 src를 파싱하는 구조때문인것으로 보이는데 이 경우 404 응답(response)이 올 것입니다.</p>
<p>다음 코드는 이러한 문제를 해결하기 위한 것으로 ttf를 요청할 때 반드시 local hint를 먼저 입력하는 방식입니다. 이 방식은 non-IE 브라우저에서는 로컬에 설치된 경우 이를 사용할 수 있다는 장점이 있으며, IE에서는 local hint 자체를 인식하지 못하므로 파싱 오류가 발생할 것이고 어떤 요청도 하지 않게 됩니다. 참고로 local hint가 2번 사용된 것은 OS X의 Safari에서는 전체 폰트 이름과 Postscript 이름이 틀린 경우 Postscript 이름만을 사용하기 때문에 이를 추가해 준 것입니다(두번째 local hint에 있는 이름). </p>
<p class="blockcode"><code>@font-face {<br />
  font-family: 'Graublau Web';<br />
  src: url('GraublauWeb.eot);<br />
  src: local('Graublau Web Regular'), local('Graublau Web'),<br />
         url('GraublauWeb.otf') format('opentype');<br />
}
</p>
<p>다음과 같은 방식으로도 불필요한 요청(request)이 발생하지 않게 할 수 있다고 하지만 너무 tricky한 코드라 사용하지 않는게 좋을듯 하네요.</p>
<p class="blockcode"><code>@font-face{<br />
  font-family:'Graublau Web';<br />
  src: url('GraublauWeb.eot'); /* here you go, IE */<br />
}<br />
@font-face{<br />
  font-family:'Graublau Web';<br />
  src: url(//:) format ('no404'), url('GraublauWeb.otf') format('opentype'); /* tricky! */<br />
}
</p>
<h3>의문 사항</h3>
<p><strong>font-weight, font-style</strong>: <code>font-weight</code>와 <code>font-style</code>을 지정할 경우 해당 font-family는 한가지 스타일만을 가질 수 있는 것일까요?</p>
<p><strong>unicode-range 지원</strong> : <a href="http://www.w3.org/TR/css3-fonts/">CSS Fonts Module Level 3(W3C Working Draft 18 June 2009)</a> 문서에서는 존재하지만 <a href="https://developer.mozilla.org/index.php?title=En/CSS/%40font-face">MDC</a>와 <a href="http://msdn.microsoft.com/en-us/library/ms530757%28VS.85,lightweight%29.aspx">MSDN</a>에서는 찾아볼 수 없습니다. 만일 Firefox에서 지원하고, <a href="/">font-family</a> 글에서 언급한 동작방식을 고려한다면 한글과 영문 폰트를 css font-family에 명시되는 순서에 무관하게 사용할 수 있을것 같습니다.</p>
<h3>References</h3>
<p>본 문서에 나온 예제 코드들은 모두 아래의 문서들에서 가져온 것들입니다.</p>
<ul>
<li><a href="http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/">beautiful fonts with @font-face</a></li>
<li><a href="http://msdn.microsoft.com/en-us/library/ms530757%28VS.85,lightweight%29.aspx">MSDN @font-face Rule </a></li>
<li><a href="http://www.w3.org/TR/css3-fonts/">CSS Fonts Module Level 3 (W3C Working Draft 18 June 2009)</a></li>
<li><a href="https://developer.mozilla.org/index.php?title=En/CSS/%40font-face">MDC @font-face</a></li>
<li><a href="http://www.w3.org/Submission/EOT/">Embedded OpenType (EOT) File Format (W3C Member Submission 5 March 2008)</a></li>
<li><a href="http://www.useragentman.com/blog/2009/09/20/font-face-in-depth/">@font-face in Depth</a></li>
<li><a href="http://webfonts.info/wiki/index.php?title=Main_Page">Webfonts.info</a></li>
<li><a href="http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/">Bulletproof @font-face syntax</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.yuiworld.kr/suguni/2009/font-face-rule/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>XMind default style 변경</title>
		<link>http://www.yuiworld.kr/suguni/2009/xmind-default-style-%eb%b3%80%ea%b2%bd</link>
		<comments>http://www.yuiworld.kr/suguni/2009/xmind-default-style-%eb%b3%80%ea%b2%bd#comments</comments>
		<pubDate>Mon, 07 Sep 2009 02:46:23 +0000</pubDate>
		<dc:creator>suguni</dc:creator>
				<category><![CDATA[생활]]></category>
		<category><![CDATA[xmind]]></category>

		<guid isPermaLink="false">http://www.yuiworld.kr/suguni/?p=402</guid>
		<description><![CDATA[
MS Windows에서 설정 파일 경로
C:\Program Files\XMind\plugins\org.xmind.ui.resources_3.0.1.200812152237\styles\defaultStyles.xml
참조
Google Groups XMind User Forum &#8211; default settings

]]></description>
			<content:encoded><![CDATA[<dl>
<dt>MS Windows에서 설정 파일 경로</dt>
<dd><tt>C:\Program Files\XMind\plugins\org.xmind.ui.resources_3.0.1.200812152237\styles\defaultStyles.xml</tt></dd>
<dt>참조</dt>
<dd><a href="http://groups.google.com/group/xmind/browse_thread/thread/0a5d2e2ab3be1c82?pli=1">Google Groups XMind User Forum &#8211; default settings</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://www.yuiworld.kr/suguni/2009/xmind-default-style-%eb%b3%80%ea%b2%bd/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Babel fish</title>
		<link>http://www.yuiworld.kr/suguni/2009/babel-fish</link>
		<comments>http://www.yuiworld.kr/suguni/2009/babel-fish#comments</comments>
		<pubDate>Sat, 11 Jul 2009 06:20:22 +0000</pubDate>
		<dc:creator>suguni</dc:creator>
				<category><![CDATA[생활]]></category>

		<guid isPermaLink="false">http://www.yuiworld.kr/suguni/?p=394</guid>
		<description><![CDATA[The Babel Fish is small, yellow, leech-like, and is a universal translator which simultaneously translates from one spoken language to another. When inserted into the ear, its nutrition processes convert sound waves into brain waves, neatly crossing the language divide between any species you should happen to meet whilst travelling in space. Meanwhile, the poor [...]]]></description>
			<content:encoded><![CDATA[<blockquote cite="http://en.wikipedia.org/wiki/Races_and_species_in_The_Hitchhiker%27s_Guide_to_the_Galaxy#Babel_fish"><p>The Babel Fish is small, yellow, leech-like, and is a universal translator which simultaneously translates from one spoken language to another. When inserted into the ear, its nutrition processes convert sound waves into brain waves, neatly crossing the language divide between any species you should happen to meet whilst travelling in space. Meanwhile, the poor Babel fish, by effectively removing all barriers to communication between different races and cultures, has caused more and bloodier wars than anything else in the history of creation. Arthur Dent, a surviving Earthling, commented only &#8216;Eurgh!&#8217; when first inserting the fish into his ear canal. It did, however, enable him to understand Vogon Poetry &#8211; not necessarily a good thing. The book points out that the Babel Fish could not possibly have developed naturally, and therefore proves the existence of God as its creator. However, as Man points out, God needs faith to exist, and this proof dispels the need for faith, therefore causing God to vanish &#8220;in a puff of logic&#8221;.</p>
</blockquote>
<p style="text-align:right;">From Wikipedia &#8211; List of races and species in The Hitchhiker&#8217;s Guide to the Galaxy</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yuiworld.kr/suguni/2009/babel-fish/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>More &#8211; IE6 bug : Horizontal scroll bar in frame.</title>
		<link>http://www.yuiworld.kr/suguni/2009/more-ie6-bug-horizontal-scroll-bar-in-frame</link>
		<comments>http://www.yuiworld.kr/suguni/2009/more-ie6-bug-horizontal-scroll-bar-in-frame#comments</comments>
		<pubDate>Sun, 17 May 2009 16:58:18 +0000</pubDate>
		<dc:creator>suguni</dc:creator>
				<category><![CDATA[Front-end]]></category>
		<category><![CDATA[frame]]></category>
		<category><![CDATA[ie6 bug]]></category>
		<category><![CDATA[scrollbar]]></category>

		<guid isPermaLink="false">http://www.yuiworld.kr/suguni/?p=382</guid>
		<description><![CDATA[제목은 NARADESIGN:BLOG 의 포스트 제목을 그대로 채용한 것입니다.
위 포스트에서 제시한 &#8220;적당한 문제 해결 방법&#8221;을 사용할 경우 가장 치명적인 문제는, frame 문서 내에 absolute position 된 요소가 있을 경우 이 요소가 스크롤을 덮는다는 것입니다. 다음은 이에 대한 예제 화면.

그래서 &#8220;좀 더 적당한 문제 해결 방법&#8221;은 frame의 scroll 속성은 auto로 하고(auto가 기본값이니 scroll 속성은 없어도 됩니다) frame [...]]]></description>
			<content:encoded><![CDATA[<p>제목은 <a href="http://naradesign.net/wp/">NARADESIGN:BLOG</a> 의 <a href="http://naradesign.net/wp/2009/04/10/763/">포스트</a> 제목을 그대로 채용한 것입니다.</p>
<p>위 포스트에서 제시한 &#8220;적당한 문제 해결 방법&#8221;을 사용할 경우 가장 치명적인 문제는, frame 문서 내에 absolute position 된 요소가 있을 경우 이 요소가 스크롤을 덮는다는 것입니다. 다음은 이에 대한 예제 화면.</p>
<p><img src="http://www.yuiworld.kr/suguni/wp/wp-content/uploads/2009/05/ie6-1.png" alt="IE6 - frame bug" title="IE6 - frame bug" width="642" height="367" class="aligncenter size-full wp-image-384" /></p>
<p>그래서 &#8220;좀 더 적당한 문제 해결 방법&#8221;은 frame의 scroll 속성은 auto로 하고(auto가 기본값이니 scroll 속성은 없어도 됩니다) frame 문서의 css에 다음을 추가하는 것입니다.</p>
<p><code>html { overflow-y:scroll; }</code></p>
<dl>
<dt><strong>장접</strong></dt>
<dd>
<ul>
<li>absolute position 요소가 스크롤을 덮는 버그 없어짐</li>
<li>수평 스크롤은 필요시에만 생김</li>
</ul>
</dd>
<dt><strong>단점</strong></dt>
<dd>
<ul>
<li>수직 스크롤이 항상 생긴다는 점에서는 원래의 해결 방법과 동일</li>
<li>프레임 내 문서를 수정할 수 없다면 적용할 수 없음</li>
</ul>
</dd>
</dl>
<p>Frameset을 사용하면서 단일 프레임만 보여주는 페이지 구성을 할 경우 필수 적용해야 할 듯 합니다(경험상 ^^). 또 IE에서만 발생하는 문제 및 해결법이니, IE Conditional Comment 혹은 IE css hack을 사용해서 적용하면 되겠습니다.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yuiworld.kr/suguni/2009/more-ie6-bug-horizontal-scroll-bar-in-frame/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Structure and Interpretation of Computer Programs</title>
		<link>http://www.yuiworld.kr/suguni/2009/structure-and-interpretation-of-computer-programs</link>
		<comments>http://www.yuiworld.kr/suguni/2009/structure-and-interpretation-of-computer-programs#comments</comments>
		<pubDate>Mon, 30 Mar 2009 13:08:34 +0000</pubDate>
		<dc:creator>suguni</dc:creator>
				<category><![CDATA[생활]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[sicp]]></category>

		<guid isPermaLink="false">http://www.yuiworld.kr/suguni/?p=378</guid>
		<description><![CDATA[
올해 목표로 삼은 것 중 하나가 SICP를 모두 읽는 것입니다. 번역본 제목은 컴퓨터 프로그램의 구조와 해석입니다. 처음 이 책을 알게 되었을 때는 원서 가격이 너무 비싸 온라인 문서를 읽으려고 했는데, 이것 저것 핑계 삼아 잘 안되더군요. 그래서 작년 말에 번역본을 구매해서 책꽂이에 꽂아두었다가 이제야 본격적으로 읽고 있습니다. 연습 문제도 대부분 해 보려고 생각하고 있습니다.
SICP 공부 [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://mitpress.mit.edu/sicp/graphics/main-banner.gif" alt="Structure and Interpretation of Computer Programs" /></p>
<p>올해 목표로 삼은 것 중 하나가 <a href="http://mitpress.mit.edu/sicp/">SICP</a>를 모두 읽는 것입니다. 번역본 제목은 <a href="http://www.aladdin.co.kr/shop/wproduct.aspx?isbn=8991268323">컴퓨터 프로그램의 구조와 해석</a>입니다. 처음 이 책을 알게 되었을 때는 원서 가격이 너무 비싸 <a href="http://mitpress.mit.edu/sicp/full-text/book/book.html">온라인 문서</a>를 읽으려고 했는데, 이것 저것 핑계 삼아 잘 안되더군요. 그래서 작년 말에 번역본을 구매해서 책꽂이에 꽂아두었다가 이제야 본격적으로 읽고 있습니다. 연습 문제도 대부분 해 보려고 생각하고 있습니다.</p>
<p>SICP 공부 중 연습 문제 관련해서 궁금한점이 있어 검색 중 <a href="http://eli.thegreenplace.net/">Eli Bendersky&#8217;s website</a>란 블로그를 발견했는데 이분 대단하시네요. 2006년부터 시작해서 각 chapter 별로 review와 함께 exam 에 대한 코드를 포스팅 해 두었습니다. Archive에서 보면 SICP라는 category가 있습니다. 이거 보면 쫙~~~. 1980년생이라는데 올해 30. 적은 나이는 아니지만 저보다 어리다고 생각하니 &#8230; 에궁 빨리 읽어야 겠다는&#8230; 암튼 저도 Eli Bendersky 따라해볼까 생각중입니다.</p>
<p>상반기에 SICP 다 읽으면 <a href="http://www.htdp.org/">HTDP(How To Design Program)</a>까지 도전해 보려고 했는데, 이건 너무 과한 욕심이었네요. &#8211;;;; </p>
<p><strong>참고 자료</strong></p>
<ul>
<li><a href="http://mitpress.mit.edu/sicp/full-text/book/book.html">Online Full-Text</a></li>
<li><a href="http://groups.csail.mit.edu/mac/classes/6.001/abelson-sussman-lectures/">SICP 동영상 강의</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.yuiworld.kr/suguni/2009/structure-and-interpretation-of-computer-programs/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ball Clock widget</title>
		<link>http://www.yuiworld.kr/suguni/2009/ball-clock-widget</link>
		<comments>http://www.yuiworld.kr/suguni/2009/ball-clock-widget#comments</comments>
		<pubDate>Mon, 02 Mar 2009 00:17:21 +0000</pubDate>
		<dc:creator>suguni</dc:creator>
				<category><![CDATA[생활]]></category>
		<category><![CDATA[시계]]></category>
		<category><![CDATA[위젯]]></category>

		<guid isPermaLink="false">http://www.yuiworld.kr/suguni/?p=369</guid>
		<description><![CDATA[아이디어가 재미있어서 소개합니다. 위젯 받기

처음 보면 이게 뭔가 하실껀데&#8230; 시계입니다. 맨 윗층은 1분을 중간 층은 5분, 맨 아래층은 1시간을 나타냅니다. 처음 로딩되면 현재의 시간이 공이 위치로 나타나며, 1분마다 왼쪽의 엘리베이터(?)로 공을 올려서 시간이 증가하게 됩니다.
1분을 기다리기 싫으시면 아래에 떨어져 있는 공들을 하나씩 맨 위에다 올려보면 어떤 식으로 동작하는 빨리 확인하실 수 있습니다. 단, L 자 [...]]]></description>
			<content:encoded><![CDATA[<p>아이디어가 재미있어서 소개합니다. <a href="http://abowman.com/google-modules/ball-clock/">위젯 받기</a></p>
<p><object style="float:left;margin:0 1em 1em 0;" type="application/x-shockwave-flash" data="http://widgets.clearspring.com/o/48ce7cdc6af09c41/49ab254103080cbe/48ce7cdc6af09c41/76a3bec/-cpid/bf39a91ca2ca9aca" id="W48ce7cdc6af09c4149ab254103080cbe" width="280" height="210"><param name="movie" value="http://widgets.clearspring.com/o/48ce7cdc6af09c41/49ab254103080cbe/48ce7cdc6af09c41/76a3bec/-cpid/bf39a91ca2ca9aca" /><param name="wmode" value="transparent" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /></object></p>
<p>처음 보면 이게 뭔가 하실껀데&#8230; 시계입니다. 맨 윗층은 1분을 중간 층은 5분, 맨 아래층은 1시간을 나타냅니다. 처음 로딩되면 현재의 시간이 공이 위치로 나타나며, 1분마다 왼쪽의 엘리베이터(?)로 공을 올려서 시간이 증가하게 됩니다.</p>
<p>1분을 기다리기 싫으시면 아래에 떨어져 있는 공들을 하나씩 맨 위에다 올려보면 어떤 식으로 동작하는 빨리 확인하실 수 있습니다. 단, L 자 위에는 놓으면 안됩니다. 거기에 공을 올리면 오른쪽의 막혀 있던 문이 모두 열리게 되니까&#8230;</p>
<p>그러고 보니 위젯 중에 가장 인기있는게 시계라고 하더니 이것도 시계네여. ^^</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yuiworld.kr/suguni/2009/ball-clock-widget/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>요즘 관심사</title>
		<link>http://www.yuiworld.kr/suguni/2009/%ec%9a%94%ec%a6%98-%ea%b4%80%ec%8b%ac%ec%82%ac</link>
		<comments>http://www.yuiworld.kr/suguni/2009/%ec%9a%94%ec%a6%98-%ea%b4%80%ec%8b%ac%ec%82%ac#comments</comments>
		<pubDate>Mon, 23 Feb 2009 11:29:05 +0000</pubDate>
		<dc:creator>suguni</dc:creator>
				<category><![CDATA[생활]]></category>
		<category><![CDATA[관심사]]></category>

		<guid isPermaLink="false">http://www.yuiworld.kr/suguni/?p=365</guid>
		<description><![CDATA[하도 블로깅 한지 오래되서 ^^
org-mode
Emacs의 org-mode입니다. Things 정식 버전이 발매되면서 대안을 찾던 중에 발견했습니다. Emacs라는 험난한 산이 있긴 하지만(저는 Aquamacs라서 그나마 나은건지&#8230; ^^) 손에만 익으면 Things 보다 강력하게 사용할 수 있을거 같은 예감이 드네요. 문서화도 잘 되어 있고 org-mode를 이용해서 GTD하는 문서들도 많이 있네요. 혹시 text operation에 거부감이 없으면서 open source tool을 찾으신다면 이거야 말로 [...]]]></description>
			<content:encoded><![CDATA[<p>하도 블로깅 한지 오래되서 ^^</p>
<p><strong>org-mode</strong><br />
Emacs의 <a href="http://orgmode.org/">org-mode</a>입니다. <a href="http://culturedcode.com/things/">Things</a> 정식 버전이 발매되면서 대안을 찾던 중에 발견했습니다. Emacs라는 험난한 산이 있긴 하지만(저는 <a href="http://aquamacs.org/">Aquamacs</a>라서 그나마 나은건지&#8230; ^^) 손에만 익으면 <a href="http://culturedcode.com/things/">Things</a> 보다 강력하게 사용할 수 있을거 같은 예감이 드네요. <a href="http://orgmode.org/worg/">문서화도 잘 되어 있고</a> org-mode를 이용해서 <a href="http://orgmode.org/worg/org-tutorials/index.php">GTD하는 문서</a>들도 많이 있네요. 혹시 text operation에 거부감이 없으면서 open source tool을 찾으신다면 이거야 말로 정답이 될 듯.</p>
<p><strong>UX, Usability, Interaction design, &#8230;</strong><br />
비전공자로서 내가 알고 싶은게 정확히 뭔지 모르겠네요. 암튼 <a href="http://www.aladdin.co.kr/shop/wproduct.aspx?ISBN=8991268455">컨텍스트를 생각하는 디자인</a>, <a href="http://www.aladdin.co.kr/shop/wproduct.aspx?ISBN=8960770698">인터랙션 디자인</a>, <a href="http://www.aladdin.co.kr/shop/wproduct.aspx?ISBN=8992939191">UX디자인 커뮤니케이션</a>, <a href="http://www.aladdin.co.kr/shop/wproduct.aspx?ISBN=8970592202">정신병원을 뛰쳐나온 디자인</a> 등을 보고 있는데&#8230; 열심히 보다 보면 뭔가 답이 나오지 않을까 생각중입니다. 이 책들 다 읽으면 <a href="http://foreign.aladdin.co.kr/shop/wproduct.aspx?ISBN=0470084111">About Face 3</a>, <a href="http://foreign.aladdin.co.kr/shop/wproduct.aspx?ISBN=0465002277">The Design of Future Things</a>, <a href="http://www.aladdin.co.kr/shop/wproduct.aspx?ISBN=8979145802">사용자 경험에 미쳐라!</a>, <a href="http://www.aladdin.co.kr/shop/wproduct.aspx?ISBN=8958911336">이모셔널 디자인</a> 여기까지 읽어볼 예정입니다. 이 정도 읽으면 조그마나마 인사이트를 얻을 수 있지 않을까 생각되네요.</p>
<p><strong>MBA</strong><br />
갑자기 쌩뚱맞게 MBA 과정을 온라인 교육으로 수강하고 있습니다. 이번달은 마케팅 과정인데, 나중에 정식으로 MBA 과정을 거치게 될지는 모르겠지만 도움이 될 듯 합니다.</p>
<p><strong>리더쉽</strong><br />
팀장이 되다 보니 어려운점들이 많아서 책에 의존하고 있습니다.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yuiworld.kr/suguni/2009/%ec%9a%94%ec%a6%98-%ea%b4%80%ec%8b%ac%ec%82%ac/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>웹 개발자의 의무 &#8211; 브라우저 버그 리포팅</title>
		<link>http://www.yuiworld.kr/suguni/2009/%ec%9b%b9-%ea%b0%9c%eb%b0%9c%ec%9e%90%ec%9d%98-%ec%9d%98%eb%ac%b4-%eb%b8%8c%eb%9d%bc%ec%9a%b0%ec%a0%80-%eb%b2%84%ea%b7%b8-%eb%a6%ac%ed%8f%ac%ed%8c%85</link>
		<comments>http://www.yuiworld.kr/suguni/2009/%ec%9b%b9-%ea%b0%9c%eb%b0%9c%ec%9e%90%ec%9d%98-%ec%9d%98%eb%ac%b4-%eb%b8%8c%eb%9d%bc%ec%9a%b0%ec%a0%80-%eb%b2%84%ea%b7%b8-%eb%a6%ac%ed%8f%ac%ed%8c%85#comments</comments>
		<pubDate>Wed, 14 Jan 2009 14:12:53 +0000</pubDate>
		<dc:creator>suguni</dc:creator>
				<category><![CDATA[Front-end]]></category>
		<category><![CDATA[버그리포팅]]></category>
		<category><![CDATA[웹브라우저]]></category>

		<guid isPermaLink="false">http://www.yuiworld.kr/suguni/?p=361</guid>
		<description><![CDATA[John Resig 아저씨가 A Web Developer&#8217;s Responsibility 라는 제목이 붙은 장문의 포스팅을 했습니다. 이 글에서는 웹 개발자는 브라우저 버그를 찾고 이를 수정할 수 있게 알려줘야 하는 의무가 있고, 이를 수행하기 위해 항상 버그 리포팅하고 최신 빌드를 이용해 테스트 하라 라고 하고 있습니다. 글의 대부분은 브라우저 (Mozilla/Firefox, WebKit/Safari, Internet Explorer 8, Google Chrome / V8 JavaScript [...]]]></description>
			<content:encoded><![CDATA[<p>John Resig 아저씨가 <a href="http://ejohn.org/blog/a-web-developers-responsibility/">A Web Developer&#8217;s Responsibility</a> 라는 제목이 붙은 장문의 포스팅을 했습니다. 이 글에서는 <q cite="http://ejohn.org/blog/a-web-developers-responsibility/">웹 개발자는 브라우저 버그를 찾고 이를 수정할 수 있게 알려줘야 하는 의무가 있고, 이를 수행하기 위해 항상 버그 리포팅하고 최신 빌드를 이용해 테스트 하라</q> 라고 하고 있습니다. 글의 대부분은 브라우저 (Mozilla/Firefox, WebKit/Safari, Internet Explorer 8, Google Chrome / V8 JavaScript Engine, Opera)에 따라 어떻게 버그 리포팅 해야 하는지에 대해 소개하고 있습니다.</p>
<p>오픈 소스 참여, 버그 리포팅 이런게 생각보다 쉽지 않습니다. 일단 해당 프로젝트에서 사용하는 도구를 익히고 이를 그들의 문화에 맞게 사용하는 방법을 체득해야 하는데&#8230; 쉽지 않죠. 이런 점에서 이 글은 자세하게 설명해 주고 있습니다. 브라우저 버그 리포팅하고 싶지만 구체적인 방법을 모르는 분들께는 좋은 글입니다.</p>
<p>저에게는 사실 &#8230; 영어가 문제죠 ^^;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yuiworld.kr/suguni/2009/%ec%9b%b9-%ea%b0%9c%eb%b0%9c%ec%9e%90%ec%9d%98-%ec%9d%98%eb%ac%b4-%eb%b8%8c%eb%9d%bc%ec%9a%b0%ec%a0%80-%eb%b2%84%ea%b7%b8-%eb%a6%ac%ed%8f%ac%ed%8c%85/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>지구가 멈추는 날</title>
		<link>http://www.yuiworld.kr/suguni/2008/%ec%a7%80%ea%b5%ac%ea%b0%80-%eb%a9%88%ec%b6%94%eb%8a%94-%eb%82%a0</link>
		<comments>http://www.yuiworld.kr/suguni/2008/%ec%a7%80%ea%b5%ac%ea%b0%80-%eb%a9%88%ec%b6%94%eb%8a%94-%eb%82%a0#comments</comments>
		<pubDate>Sun, 28 Dec 2008 14:12:31 +0000</pubDate>
		<dc:creator>suguni</dc:creator>
				<category><![CDATA[생활]]></category>
		<category><![CDATA[Gort]]></category>
		<category><![CDATA[영화]]></category>
		<category><![CDATA[지구가 멈추는 날]]></category>

		<guid isPermaLink="false">http://www.yuiworld.kr/suguni/?p=338</guid>
		<description><![CDATA[
어제 마눌님과 같이 지구가 멈추는 날을 관람했습니다. 워낙 관람평이 극과 극이라 별로 볼 생각이 없었는데. 여차여차 하는 관계로 관람하게 되었죠. 오랜만에 용산 CGV로 늦은 시간에 갔었는데 크리스마스 시즌이라 그런지 야외 공연장이 예쁘게 장식되어 있더군요. 임자 있으신 분들 같이 가셔서 사진 찍으면 좋겠습니다.
영화에 대한 관람평은 10점 만점에 7점 정도는 줄 수 있겠습니다. 배우들의 연기라던지 CG는 나쁘지 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.yuiworld.kr/suguni/wp/wp-content/uploads/2008/12/poster_379517.jpg"><img src="http://www.yuiworld.kr/suguni/wp/wp-content/uploads/2008/12/poster_379517-202x300.jpg" alt="The day the Earth stood still" title="The day the Earth stood still" width="150" class="alignnone size-medium wp-image-343" style="float:left;margin-right:1em;" /></a></p>
<p>어제 마눌님과 같이 <a href="http://movie.daum.net/moviedetail/moviedetailMain.do?movieId=44838">지구가 멈추는 날</a>을 관람했습니다. 워낙 관람평이 극과 극이라 별로 볼 생각이 없었는데. 여차여차 하는 관계로 관람하게 되었죠. 오랜만에 용산 CGV로 늦은 시간에 갔었는데 크리스마스 시즌이라 그런지 야외 공연장이 예쁘게 장식되어 있더군요. 임자 있으신 분들 같이 가셔서 사진 찍으면 좋겠습니다.</p>
<p>영화에 대한 관람평은 10점 만점에 7점 정도는 줄 수 있겠습니다. 배우들의 연기라던지 CG는 나쁘지 않았고 스토리야 원래 유명했던 영화를 리메이크 한 것이니 따로 왈가불가 할 사항은 아닐 듯. 약간은 뻔한 결말인듯 하긴 하지만 뭐 나쁘지는 않았습니다. 사실 제가 가장 인상 깊게 본 것은 Gort 입니다.</p>
<p>Gort는 Klaatu(외계인 주인공 이름 &#8211; Keanu Reeves)에 따르면 자신을 보호하기 위해 같이 온 로보트입니다. 영화를 보시면 아시겠지만 Gort가 있는 목적은 그 보다 더 큰 이유 때문인듯 합니다. 암튼 Gort 보면서 단순한 모양새에서 철인28호가 ~~~. 원래 철인 28호가 Gort에서 모티브되었을지도? ^^</p>
<p style="clear:both;text-align:center;"><img src="http://www.yuiworld.kr/suguni/wp/wp-content/uploads/2008/12/gort.jpg" alt="Gort" title="Gort" width="490" height="180" class="aligncenter size-full wp-image-342" /></p>
<p>사실 영화보기 전에는 몰랐는데 Gort 이미지를 찾다 보니 리메이크된 영화라는 걸 알게 되었습니다. 그래서 덤으로 예전의 Gort 모습도 같이~~~</p>
<p style="clear:both;text-align:center;"><img src="http://www.yuiworld.kr/suguni/wp/wp-content/uploads/2008/12/earthstoodstill2.jpg" alt="Old Gort" title="Old Gort" width="350" height="233" class="aligncenter size-full wp-image-354" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.yuiworld.kr/suguni/2008/%ec%a7%80%ea%b5%ac%ea%b0%80-%eb%a9%88%ec%b6%94%eb%8a%94-%eb%82%a0/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>비겁자 응징법?</title>
		<link>http://www.yuiworld.kr/suguni/2008/%eb%b9%84%ea%b2%81%ec%9e%90-%ec%9d%91%ec%a7%95%eb%b2%95</link>
		<comments>http://www.yuiworld.kr/suguni/2008/%eb%b9%84%ea%b2%81%ec%9e%90-%ec%9d%91%ec%a7%95%eb%b2%95#comments</comments>
		<pubDate>Fri, 26 Dec 2008 07:20:42 +0000</pubDate>
		<dc:creator>suguni</dc:creator>
				<category><![CDATA[생활]]></category>
		<category><![CDATA[비겁자응징법]]></category>

		<guid isPermaLink="false">http://www.yuiworld.kr/suguni/?p=336</guid>
		<description><![CDATA[한나라당 홍준표 원내대표가 비겁자응징법안이라고 말한 법안이 뭔가 하고 봤더니 사이버모욕죄와 복면방지법이라고 합니다. 두 법안의 공통점이라면 비겁자라는 말에서와 같이 자신을 떳떳히 드러내지 않은 상태에서의 불법적인 행위를 규제한다는 점인거 같습니다.
물론 불법적인 행위 자체야 항상 금지되어야 하지만 이전에 생각해볼 것은 시위 혹은 댓글이라는 행위에 대한 의미입니다. 이 둘은 상대적으로 약자가 강자에게 뭔가를 주장하기 위한 최후의 혹은 최소한의 수단입니다. [...]]]></description>
			<content:encoded><![CDATA[<p>한나라당 홍준표 원내대표가 비겁자응징법안이라고 말한 법안이 뭔가 하고 봤더니 사이버모욕죄와 복면방지법이라고 합니다. 두 법안의 공통점이라면 비겁자라는 말에서와 같이 자신을 떳떳히 드러내지 않은 상태에서의 불법적인 행위를 규제한다는 점인거 같습니다.</p>
<p>물론 불법적인 행위 자체야 항상 금지되어야 하지만 이전에 생각해볼 것은 시위 혹은 댓글이라는 행위에 대한 의미입니다. 이 둘은 상대적으로 약자가 강자에게 뭔가를 주장하기 위한 최후의 혹은 최소한의 수단입니다. 시위는 말할것도 없고 댓글도 상대적으로 잘 알려지지 않은 혹은 자신의 의견을 말이나 글로는 상대를 이길 수 없는(논리성이 떨어진다기 보다는 말하는 혹은 글쓰는 테크닉의 문제이죠) 사람들이 할 수 있는 조그만 행위입니다.</p>
<p>강자와 약자의 대결에서는 강자는 자기의 의지만으로도 시위자 혹은 글쓴 사람을 불법 행위로 몰아갈 수 있습니다. 그런 부분에 있어 부당함을 피하고자 복면을 쓸 수도 있고 가명으로 댓글을 남길 수 도 있다고 생각됩니다. 물론 그에 따른 문제점도 존재합니다. 하지만 이 부분은 국가의 문화로서 풀어나갈 문제이지 법률적으로 해결될 수 있는 문제가 아니라고 생각합니다. 이런 문제를 법제화하여 규제한다고 하면 20년 전까지 지속되온 군사 독재 정부와 뭐가 다르겠습니까?</p>
<p>암튼 MB 정부는 뭐든지 자기 마음데로만 하고 싶은가 봅니다.</p>
<p>많은 분들이 이 정부의 문제점 그리고 현재 국회에서 싸움질하고 있는 법안들에 대한 얘기들을 하고 있지만&#8230; 그냥 답답시러워서 사족을 달아봤습니다.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yuiworld.kr/suguni/2008/%eb%b9%84%ea%b2%81%ec%9e%90-%ec%9d%91%ec%a7%95%eb%b2%95/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
