<?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>Calm Shouting! &#187; 웹사이트</title>
	<atom:link href="http://lordmiss.com/journal/archives/tag/%ec%9b%b9%ec%82%ac%ec%9d%b4%ed%8a%b8/feed" rel="self" type="application/rss+xml" />
	<link>http://lordmiss.com/journal</link>
	<description>삶의 작은 향기</description>
	<lastBuildDate>Fri, 11 Jun 2010 04:15:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Readability &#8211; 웹사이트 내용에 집중하여 읽기</title>
		<link>http://lordmiss.com/journal/archives/390</link>
		<comments>http://lordmiss.com/journal/archives/390#comments</comments>
		<pubDate>Thu, 11 Jun 2009 04:05:02 +0000</pubDate>
		<dc:creator>lordmiss</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[bookmarklet]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Readability]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[북마크]]></category>
		<category><![CDATA[웹사이트]]></category>

		<guid isPermaLink="false">http://lordmiss.com/journal/?p=390</guid>
		<description><![CDATA[종이보다 인터넷에서 훨씬 많은 정보를 접하게 되는 요즘, 인터넷 페이지들을 보다보면 내용에 집중을 하기가 쉽지 않다. 여러 가지 광고들이나 글 내용과는 상관없는 다른 요소들이 눈을 잡아 끌면서 글 자체에 집중하는 것을 방해하기 때문이다. 다행히 RSS로 전문을 지원하는 경우라면 RSS 리더 프로그램에서 자신이 원하는 모습을 글을 볼 수 있지만, 대부분의 매체들은 (당연히) 전체 RSS를 지원하지 않기 [...]]]></description>
			<content:encoded><![CDATA[<p>종이보다 인터넷에서 훨씬 많은 정보를 접하게 되는 요즘, 인터넷 페이지들을 보다보면 내용에 집중을 하기가 쉽지 않다. 여러 가지 광고들이나 글 내용과는 상관없는 다른 요소들이 눈을 잡아 끌면서 글 자체에 집중하는 것을 방해하기 때문이다. 다행히 RSS로 전문을 지원하는 경우라면 <a href=
'http://lordmiss.com/journal/archives/371'>RSS 리더 프로그램</a>에서 자신이 원하는 모습을 글을 볼 수 있지만, 대부분의 매체들은 (당연히) 전체 RSS를 지원하지 않기 때문에 결국은 브라우저를 열어서 봐야 한다.</p>

<p>이런 문제를 해결하는 방법 중의 하나는 <a href="http://www.mozilla.or.kr">Firefox</a>의 부가 기능인 <a href="http://www.greasespot.net/">greasemonkey</a>를 쓰는 것이다. 다만 문제는 사이트마다 설정을 해 주어야 한다는 점, 그리고 오직 Firefox에서만 가능하다는 점이다.</p>

<p>그러다가 내가 찾은 방법이 바로 <a href="http://lab.arc90.com/experiments/readability/">Readability라는 북마크릿</a>이다.</p>

<p>홈페이지를 보면 이렇게 되어 있다.</p>

<p><a href="http://www.flickr.com/photos/lordmiss/3615991714/" title="Flickr에서 lordmiss님의 Readability: Intro"><img src="http://farm4.static.flickr.com/3380/3615991714_77e1c04a43.jpg" width="500" height="109" alt="Readability: Intro" /></a></p>

<p>읽는 내용과 상관 없는 부분들을 모두 제거해 줌으로서 읽는 것을 편하게 만들어주는 도구라는 설명이다. 이 도구를 이용하는 방법은 간단하다.</p>

<p>우선 셋팅을 정한다. 쉽게 말하면 테마를 정한다고 보면 되겠다. 내게는 고정폭 글꼴로 출력이 되는 Terminal이 가장 보기 좋았지만, 사람마다 선택은 다를 것이고 어차피 테마가 네 개 뿐이니 적당한걸 고르면 된다.</p>

<p><a href="http://www.flickr.com/photos/lordmiss/3615991536/" title="Flickr에서 lordmiss님의 Readability: Step 1"><img src="http://farm4.static.flickr.com/3413/3615991536_c1676c9c89.jpg" width="497" height="235" alt="Readability: Step 1" /></a></p>

<p>그리고는 가운데 보이는 Readability 버튼을 북마크 도구에 끌어다 놓는다. 이런 식으로 자바스크립트로 북마크를 만드는 경우는 많이 있으니 그렇게 어려운 일은 아닐 것이다.</p>

<p><a href="http://www.flickr.com/photos/lordmiss/3615171105/" title="Flickr에서 lordmiss님의 Readability: Step 2"><img src="http://farm3.static.flickr.com/2439/3615171105_c21276448a.jpg" width="398" height="226" alt="Readability: Step 2" /></a></p>

<p>이제, 실험을 해 봐야 하지 않을까? 그래서 내가 가끔 들르는 사이트인 <a href="http://www.pressian.com">프레시안</a>에 들어가 보았다. 오늘 대문 기사를 클릭하고 나서 보이는 화면은 아래와 같다.</p>

<p><a href="http://www.flickr.com/photos/lordmiss/3615990746/" title="Flickr에서 lordmiss님의 Original site - Pressian"><img src="http://farm3.static.flickr.com/2425/3615990746_de8832b99b.jpg" width="500" height="243" alt="Original site - Pressian" /></a></p>

<p>그런데 Readability 버튼을 누르고 나서는 이렇게 변했다.</p>

<p><a href="http://www.flickr.com/photos/lordmiss/3615991008/" title="Flickr에서 lordmiss님의 Readability: Example"><img src="http://farm3.static.flickr.com/2424/3615991008_9932002761.jpg" width="500" height="179" alt="Readability: Example" /></a></p>

<p>무지 깔끔하다!! 왼쪽 상단에 보이는 세 개의 버튼은 그림으로 그 기능을 쉽게 알 수 있다. 첫번째 버튼은 원래 사이트 모양으로 돌아가는 버튼, 두번째는 출력 버튼, 세번째는 이메일로 전송하는 버튼이 되겠다. 브라우저에서 본 내용을 <a href="http://lordmiss.com/journal/archives/183">EagleFiler</a> 프로그램에 잘 스크랩해 놓는 나로서는 이 상황에서 프린트 버튼을 통해 바로 pdf로 스크랩을 할 수 있으니 편한 일이 아닐 수 없다. 그렇지만 무엇보다도 내용 자체에 집중해서 글을 읽을 수 있다는 것이 가장 큰 장점이다. 휘황찬란한 웹 디자인을 보는 것이 고역이라고 생각하고 무엇보다 내용에 집중할 수 있기를 원하는 사람들에게 이 북마크릿을 강력하게 추천한다.</p>
]]></content:encoded>
			<wfw:commentRss>http://lordmiss.com/journal/archives/390/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
