    <?xml version="1.0" encoding="utf-8"?>
<!-- generator="FeedCreator 1.7.2-ppt DokuWiki" -->
<?xml-stylesheet href="http://www.clearboth.org/wiki/lib/exe/css.php?s=feed" type="text/css"?>
<rss version="2.0">
    <channel>
        <title>Clearboth</title>
        <description></description>
        <link>http://www.clearboth.org/wiki/</link>
        <lastBuildDate>Fri, 30 Jul 2010 19:11:55 +0900</lastBuildDate>
        <generator>FeedCreator 1.7.2-ppt DokuWiki</generator>
        <image>
            <url>http://www.clearboth.org/wiki/lib/images/favicon.ico</url>
            <title>Clearboth</title>
            <link>http://www.clearboth.org/wiki/</link>
        </image>
        <item>
            <title>Myth #2: 모든 페이지는 3회 이내의 클릭으로 사용 가능해야 한다?</title>
            <link>http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_2_all_pages_should_be_accessible_in_3_clicks</link>
            <description>&lt;div class=&quot;wrap_site&quot;&gt;
이 글은 &lt;a href=&quot;http://uxmyths.com/&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/&quot;  rel=&quot;nofollow&quot;&gt; UX MYTHS&lt;/a&gt;으로부터 허락을 받아 &lt;a href=&quot;mailto:&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot; class=&quot;mail JSnocheck&quot; title=&quot;&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot;&gt;검은태양&lt;/a&gt;님께서 요약하여, 클리어보스에 게시한 것입니다. 원문을 참조하시려면 &lt;a href=&quot;http://uxmyths.com/post/654026581/myth-all-pages-should-be-accessible-in-3-clicks&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/post/654026581/myth-all-pages-should-be-accessible-in-3-clicks&quot;  rel=&quot;nofollow&quot;&gt; Myth #2: All pages should be accessible in 3 clicks&lt;/a&gt;를 읽어보시면 됩니다. 번역상의 오류는 역자인 &lt;a href=&quot;mailto:&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot; class=&quot;mail JSnocheck&quot; title=&quot;&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot;&gt;검은태양&lt;/a&gt;님이나 아래 의견란에 남겨주시면 감사하겠습니다.
&lt;/div&gt;


&lt;div class=&quot;level1&quot;&gt;

&lt;p&gt;
사용성 테스트에서는 소위 말하는 &lt;a href=&quot;http://en.wikipedia.org/wiki/Three-click_rule&quot; class=&quot;urlextern&quot; title=&quot;http://en.wikipedia.org/wiki/Three-click_rule&quot;  rel=&quot;nofollow&quot;&gt;3클릭 법칙&lt;/a&gt;에 대해 오랫동안 연구해 왔다. 일반적인 믿음과는 다르게, 사람들은 자신이 원하는 것을 3회의 클릭 안에 찾을수 없다고 해서 사이트를 떠나지는 않는다. 사실, 클릭 횟수는 사용자의 만족도나 성공지수에 별 영향을 끼치지 않는다. 이것이 진실이다 : 적은 클릭이 사용자를 행복하게 만드는 것은 아니다. 빨라졌다고 느끼게 하는것도 아니다.
&lt;/p&gt;

&lt;p&gt;
여기에서 정말로 중요한 것은 내비게이션의 편리함이고, 사용자의 경로(동선)을 따라 끊어지지 않고 &lt;a href=&quot;http://en.wikipedia.org/wiki/Information_foraging&quot; class=&quot;urlextern&quot; title=&quot;http://en.wikipedia.org/wiki/Information_foraging&quot;  rel=&quot;nofollow&quot;&gt;주어지는 정보들&lt;/a&gt;이다. 사람들이 클릭에 대해 고민하지 않게 만든다면, 그들은 몇회 더 클릭하는 것을 주저하지는 않을 것이다.
&lt;/p&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;Myth #2: 모든 페이지는 3회 이내의 클릭으로 사용 가능해야 한다?&quot; [535-1555] --&gt;
&lt;h2&gt;&lt;a name=&quot;클릭 법칙에 대한 연구들&quot; id=&quot;클릭 법칙에 대한 연구들&quot;&gt;3클릭 법칙에 대한 연구들&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; UIE의 사용성 테스트는 사람들이 3회의 클릭 후에 빠져나가지 않는다는것, 그리고 몇번 더 클릭해야 한다 해서 좌절감을 느끼지는 않는다는 것을 보여주었다. - &lt;a href=&quot;http://www.uie.com/articles/three_click_rule/&quot; class=&quot;urlextern&quot; title=&quot;http://www.uie.com/articles/three_click_rule/&quot;  rel=&quot;nofollow&quot;&gt;Testing the Three-Click Rule&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 제이콥 닐슨의 사용성 테스트는 “홈페이지로부터 3회 클릭해서 물건을 찾던 때보다, 4회 클릭해서 물건을 찾게끔 디자인이 변경된 후 사용자들의 탐색 능력이 600% 향상되었다” 라고 밝히고 있다. - &lt;a href=&quot;http://www.amazon.com/Prioritizing-Web-Usability-Jakob-Nielsen/dp/0321350316&quot; class=&quot;urlextern&quot; title=&quot;http://www.amazon.com/Prioritizing-Web-Usability-Jakob-Nielsen/dp/0321350316&quot;  rel=&quot;nofollow&quot;&gt;Prioritizing Usability&lt;/a&gt;, ”&lt;a href=&quot;http://cahdsu.wordpress.com/2010/01/03/highlights-from-prioritizing-web-usability/&quot; class=&quot;urlextern&quot; title=&quot;http://cahdsu.wordpress.com/2010/01/03/highlights-from-prioritizing-web-usability/&quot;  rel=&quot;nofollow&quot;&gt;Highlights from Prioritizing Web Usability&lt;/a&gt;”&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; UIE의 사용성 테스트는, 사용성에서 핵심적인 역할을 하는 것은 클릭횟수가 아니라 정보의 자취로 잘 레이블링 되어 있는 링크들임을 보여주고 있다. - &lt;a href=&quot;http://www.uie.com/articles/getting_confidence/&quot; class=&quot;urlextern&quot; title=&quot;http://www.uie.com/articles/getting_confidence/&quot;  rel=&quot;nofollow&quot;&gt;Getting Confidence From Lincoln&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 합리적인 조언은 3클릭 법칙을 1클릭 법칙으로 바꾸는 것이다 : “매번의 클릭, 혹은 상호작용이 사용자로 하여금 그들의 목적에 조금 더 다가가게, 그리고 그들이 원하지 않는 것을 최대한 제거하게끔 하여야 한다” - &lt;a href=&quot;http://grundyhome.com/2009/01/31/breaking-the-law-the-3-click-rule/&quot; class=&quot;urlextern&quot; title=&quot;http://grundyhome.com/2009/01/31/breaking-the-law-the-3-click-rule/&quot;  rel=&quot;nofollow&quot;&gt;Breaking the Law: The 3 Click Rule&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;3클릭 법칙에 대한 연구들&quot; [1556-3082] --&gt;
&lt;h2&gt;&lt;a name=&quot;더 읽어볼 것들&quot; id=&quot;더 읽어볼 것들&quot;&gt;더 읽어볼 것들&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; David Hamill’s thoughts on why the three-click rule is nonsense: &lt;a href=&quot;http://www.uxbooth.com/blog/stop-counting-clicks/&quot; class=&quot;urlextern&quot; title=&quot;http://www.uxbooth.com/blog/stop-counting-clicks/&quot;  rel=&quot;nofollow&quot;&gt;Stop Counting Clicks&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; An article by CX Partners about the rule: &lt;a href=&quot;http://www.cxpartners.co.uk/thoughts/3_isnt_the_magic_number.htm&quot; class=&quot;urlextern&quot; title=&quot;http://www.cxpartners.co.uk/thoughts/3_isnt_the_magic_number.htm&quot;  rel=&quot;nofollow&quot;&gt;3 isn’t the magic number.&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;tags&quot;&gt;&lt;span&gt;
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:ux&amp;amp;do=showtag&amp;amp;tag=tag%3Aux&quot; class=&quot;wikilink1&quot; title=&quot;tag:ux&quot; rel=&quot;tag&quot;&gt;UX&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:uxmyths&amp;amp;do=showtag&amp;amp;tag=tag%3Auxmyths&quot; class=&quot;wikilink1&quot; title=&quot;tag:uxmyths&quot; rel=&quot;tag&quot;&gt;UXMyths&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:accessibilie&amp;amp;do=showtag&amp;amp;tag=tag%3Aaccessibilie&quot; class=&quot;wikilink1&quot; title=&quot;tag:accessibilie&quot; rel=&quot;tag&quot;&gt;Accessibilie&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:3click&amp;amp;do=showtag&amp;amp;tag=tag%3A3click&quot; class=&quot;wikilink1&quot; title=&quot;tag:3click&quot; rel=&quot;tag&quot;&gt;3click&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:3%ED%81%B4%EB%A6%AD&amp;amp;do=showtag&amp;amp;tag=tag%3A3%ED%81%B4%EB%A6%AD&quot; class=&quot;wikilink1&quot; title=&quot;tag:3클릭&quot; rel=&quot;tag&quot;&gt;3클릭&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:%ED%81%B4%EB%A6%AD&amp;amp;do=showtag&amp;amp;tag=tag%3A%ED%81%B4%EB%A6%AD&quot; class=&quot;wikilink1&quot; title=&quot;tag:클릭&quot; rel=&quot;tag&quot;&gt;클릭&lt;/a&gt;
&lt;/span&gt;&lt;/div&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;더 읽어볼 것들&quot; [3083-] --&gt;&lt;span class=&quot;plugin_feedmod_comments&quot;&gt;
  &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_2_all_pages_should_be_accessible_in_3_clicks#discussion__section&quot; title=&quot;Read or add comments to this article&quot;&gt;Read or add comments to this article&lt;/a&gt;
&lt;/span&gt;
</description>
            <author>추지호</author>
        <category>UX</category>
        <category>UXMyths</category>
        <category>Accessibilie</category>
        <category>3click</category>
        <category>3클릭</category>
        <category>클릭</category>
            <pubDate>Thu, 29 Jul 2010 15:33:01 +0900</pubDate>
        </item>
        <item>
            <title>문서</title>
            <link>http://www.clearboth.org/wiki/doku.php?id=documents</link>
            <description>


&lt;div class=&quot;level1&quot;&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;문서&quot; [1-22] --&gt;
&lt;h2&gt;&lt;a name=&quot;명세서&quot; id=&quot;명세서&quot;&gt;명세서&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;명세서&quot; [23-44] --&gt;
&lt;h3&gt;&lt;a name=&quot;html5&quot; id=&quot;html5&quot;&gt;HTML5&lt;/a&gt;&lt;/h3&gt;
&lt;div class=&quot;level3&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:etc:html5_guide_book&quot; class=&quot;wikilink1&quot; title=&quot;document:etc:html5_guide_book&quot;&gt; 실전 HTML5 가이드&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:spec:whatwg_faq&quot; class=&quot;wikilink1&quot; title=&quot;document:spec:whatwg_faq&quot;&gt; WHATWG FAQ, HTML5에 대한 질문답&lt;/a&gt; &lt;sub&gt;by 쥰쥰 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:spec:web_storage_working_draft&quot; class=&quot;wikilink1&quot; title=&quot;document:spec:web_storage_working_draft&quot;&gt; Web Storage&lt;/a&gt; &lt;sub&gt;Working Draft&lt;/sub&gt; &lt;sub&gt;by 쥰쥰 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:spec:offline_web_applications&quot; class=&quot;wikilink1&quot; title=&quot;document:spec:offline_web_applications&quot;&gt; Offline Web Applications&lt;/a&gt; &lt;sub&gt;Working Group Note&lt;/sub&gt; &lt;sub&gt;by 쥰쥰 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;HTML5&quot; [45-472] --&gt;
&lt;h3&gt;&lt;a name=&quot;w3c html 401 spec&quot; id=&quot;w3c html 401 spec&quot;&gt;W3C HTML 4.01 Spec&lt;/a&gt;&lt;/h3&gt;
&lt;div class=&quot;level3&quot;&gt;

&lt;p&gt;
&lt;sub&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=contributor:%EA%B2%80%EC%9D%80%ED%83%9C%EC%96%91&quot; class=&quot;wikilink1&quot; title=&quot;contributor:검은태양&quot;&gt;검은태양&lt;/a&gt;님 번역&lt;/sub&gt;

&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://html401.clearboth.org/&quot; class=&quot;urlextern&quot; title=&quot;http://html401.clearboth.org/&quot;  rel=&quot;nofollow&quot;&gt; HTML 4.01 Index&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://html401.clearboth.org/intro/intro.html&quot; class=&quot;urlextern&quot; title=&quot;http://html401.clearboth.org/intro/intro.html&quot;  rel=&quot;nofollow&quot;&gt; Introduction to HTML 4&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://html401.clearboth.org/intro/sgmltut.html&quot; class=&quot;urlextern&quot; title=&quot;http://html401.clearboth.org/intro/sgmltut.html&quot;  rel=&quot;nofollow&quot;&gt; On SGML and HTML&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://html401.clearboth.org/conform.html&quot; class=&quot;urlextern&quot; title=&quot;http://html401.clearboth.org/conform.html&quot;  rel=&quot;nofollow&quot;&gt; Conformance: requirements and recommendations&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://html401.clearboth.org/charset.html&quot; class=&quot;urlextern&quot; title=&quot;http://html401.clearboth.org/charset.html&quot;  rel=&quot;nofollow&quot;&gt; HTML Document Representation - Character sets, character encodings, and entities&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://html401.clearboth.org/types.html&quot; class=&quot;urlextern&quot; title=&quot;http://html401.clearboth.org/types.html&quot;  rel=&quot;nofollow&quot;&gt; Basic HTML data types - Character data, colors, lengths, URIs, content types, etc.&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://html401.clearboth.org/struct/text.html&quot; class=&quot;urlextern&quot; title=&quot;http://html401.clearboth.org/struct/text.html&quot;  rel=&quot;nofollow&quot;&gt; Text - Paragraphs, Lines, and Phrases&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://html401.clearboth.org/struct/lists.html&quot; class=&quot;urlextern&quot; title=&quot;http://html401.clearboth.org/struct/lists.html&quot;  rel=&quot;nofollow&quot;&gt; Lists - Unordered, Ordered, and Definition Lists&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://html401.clearboth.org/struct/tables.html&quot; class=&quot;urlextern&quot; title=&quot;http://html401.clearboth.org/struct/tables.html&quot;  rel=&quot;nofollow&quot;&gt; Tables&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://html401.clearboth.org/struct/links.html&quot; class=&quot;urlextern&quot; title=&quot;http://html401.clearboth.org/struct/links.html&quot;  rel=&quot;nofollow&quot;&gt; Links - Hypertext and Media-Independent Links&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://html401.clearboth.org/struct/objects.html&quot; class=&quot;urlextern&quot; title=&quot;http://html401.clearboth.org/struct/objects.html&quot;  rel=&quot;nofollow&quot;&gt; Objects, Images, and Applets&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://html401.clearboth.org/present/styles.html&quot; class=&quot;urlextern&quot; title=&quot;http://html401.clearboth.org/present/styles.html&quot;  rel=&quot;nofollow&quot;&gt; Style Sheets - Adding style to HTML documents&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;W3C HTML 4.01 Spec&quot; [473-1688] --&gt;
&lt;h2&gt;&lt;a name=&quot;ux myths&quot; id=&quot;ux myths&quot;&gt;UX Myths&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;

&lt;p&gt;
&lt;a href=&quot;http://www.uxmyths.com&quot; class=&quot;media&quot; title=&quot;http://www.uxmyths.com&quot;  rel=&quot;nofollow&quot;&gt;&lt;img src=&quot;http://www.clearboth.org/wiki/lib/exe/fetch.php?w=200&amp;amp;media=uxmyths_com.png&quot; class=&quot;mediaright&quot; align=&quot;right&quot; title=&quot;www.uxmyths.com&quot; alt=&quot;www.uxmyths.com&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_1_people_read_on_the_web&quot; class=&quot;wikilink1&quot; title=&quot;document:uxmyths:myth_1_people_read_on_the_web&quot;&gt; Myth #1: 사람들은 웹을 읽는다&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://uxmyths.com/post/647473628/myth-people-read-on-the-web&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/post/647473628/myth-people-read-on-the-web&quot;  rel=&quot;nofollow&quot;&gt;Myth #1: People read on the web&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_2_all_pages_should_be_accessible_in_3_clicks&quot; class=&quot;wikilink1&quot; title=&quot;document:uxmyths:myth_2_all_pages_should_be_accessible_in_3_clicks&quot;&gt; Myth #2: 모든 페이지는 3회 이내의 클릭으로 사용 가능해야 한다?&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://uxmyths.com/post/654026581/myth-all-pages-should-be-accessible-in-3-clicks&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/post/654026581/myth-all-pages-should-be-accessible-in-3-clicks&quot;  rel=&quot;nofollow&quot;&gt;Myth #2: All pages should be accessible in 3 clicks&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_3_people_do_not_scroll&quot; class=&quot;wikilink1&quot; title=&quot;document:uxmyths:myth_3_people_do_not_scroll&quot;&gt;Myth #3: 사람들은 스크롤하지 않는다?&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://uxmyths.com/post/654047943/myth-people-dont-scroll&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/post/654047943/myth-people-dont-scroll&quot;  rel=&quot;nofollow&quot;&gt;Myth #3: People don’t scroll&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_4_design_is_about_making_a_website_look_good&quot; class=&quot;wikilink1&quot; title=&quot;document:uxmyths:myth_4_design_is_about_making_a_website_look_good&quot;&gt;Myth #4: 디자인은 웹사이트를 멋지게 보이게 하는 것이다?&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://uxmyths.com/post/654070104/myth-design-is-about-making-a-website-look-good&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/post/654070104/myth-design-is-about-making-a-website-look-good&quot;  rel=&quot;nofollow&quot;&gt;Myth #4: Design is about making a website look good&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_5_accessibility_is_expensive_and_difficult&quot; class=&quot;wikilink1&quot; title=&quot;document:uxmyths:myth_5_accessibility_is_expensive_and_difficult&quot;&gt;Myth #5: 접근성은 어렵고 비용이 많이 든다?&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://uxmyths.com/post/654091803/myth-5-accessibility-is-expensive-and-difficult&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/post/654091803/myth-5-accessibility-is-expensive-and-difficult&quot;  rel=&quot;nofollow&quot;&gt;Myth #5: Accessibility is expensive and difficult&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_6_accessible_sites_are_ugly&quot; class=&quot;wikilink1&quot; title=&quot;document:uxmyths:myth_6_accessible_sites_are_ugly&quot;&gt;Myth #6: 접근성 있는 사이트들은 보기 흉하다?&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://uxmyths.com/post/702066202/myth-6-accessible-sites-are-ugly&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/post/702066202/myth-6-accessible-sites-are-ugly&quot;  rel=&quot;nofollow&quot;&gt;Myth #6: Accessible sites are ugly&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;UX Myths&quot; [1689-3313] --&gt;
&lt;h2&gt;&lt;a name=&quot;오페라 웹표준 강좌&quot; id=&quot;오페라 웹표준 강좌&quot;&gt;오페라 웹표준 강좌&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;

&lt;p&gt;
&lt;a href=&quot;http://dev.opera.com/articles/wsc/&quot; class=&quot;media&quot; title=&quot;http://dev.opera.com/articles/wsc/&quot;  rel=&quot;nofollow&quot;&gt;&lt;img src=&quot;http://www.clearboth.org/wiki/lib/exe/fetch.php?w=200&amp;amp;media=dev_opera_com.png&quot; class=&quot;mediaright&quot; align=&quot;right&quot; title=&quot;Dev Opera Web Standards Curriculum&quot; alt=&quot;Dev Opera Web Standards Curriculum&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 1.&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:1_introduction_to_the_web_standards_curriculum_table_of_contents&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:1_introduction_to_the_web_standards_curriculum_table_of_contents&quot;&gt; 웹 표준 커리큘럼의 소개와 차례&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur/&quot;  rel=&quot;nofollow&quot;&gt; Introduction to The Web Standards Curriculum/Table of Contents&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 2. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:2_the_history_of_the_internet_and_the_web_and_the_evolution_of_web_standards&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:2_the_history_of_the_internet_and_the_web_and_the_evolution_of_web_standards&quot;&gt; 인터넷과 웹의 역사, 그리고 웹 표준의 발전&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/2-the-history-of-the-internet-and-the-w/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/2-the-history-of-the-internet-and-the-w/&quot;  rel=&quot;nofollow&quot;&gt; The history of the Internet and the web, and the evolution of web standards&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 3. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:3_how_does_the_internet_work&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:3_how_does_the_internet_work&quot;&gt; 인터넷은 어떻게 작동하는가?&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/3-how-does-the-internet-work/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/3-how-does-the-internet-work/&quot;  rel=&quot;nofollow&quot;&gt; How does the Internet work?&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 4. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:4_the_web_standards_model_-_html_css_and_javascript&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:4_the_web_standards_model_-_html_css_and_javascript&quot;&gt; 웹 표준 모델 - HTML, CSS 그리고 JavaScript&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/4-the-web-standards-model-html-css-a/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/4-the-web-standards-model-html-css-a/&quot;  rel=&quot;nofollow&quot;&gt; The Web standards model - HTML, CSS and JavaScript&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 5. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:5_web_standards_beautiful_dream_but_whats_the_reality&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:5_web_standards_beautiful_dream_but_whats_the_reality&quot;&gt; 아름다운 꿈, 하지만 현실은 무엇인가?&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/5-web-standards-beautiful-dream-bu/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/5-web-standards-beautiful-dream-bu/&quot;  rel=&quot;nofollow&quot;&gt; Web standards – beautiful dream, but what&amp;#039;s the reality?&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 8. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:8_colour_theory&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:8_colour_theory&quot;&gt;색 이론&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/8-colour-theory/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/8-colour-theory/&quot;  rel=&quot;nofollow&quot;&gt; Colour Theory&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 11. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:11_typography_on_the_web&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:11_typography_on_the_web&quot;&gt; 웹 타이포그래피&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/11-typography-on-the-web/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/11-typography-on-the-web/&quot;  rel=&quot;nofollow&quot;&gt; Typography on the web&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 12. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:12_the_basics_of_html&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:12_the_basics_of_html&quot;&gt; HTML 기초&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/12-the-basics-of-html/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/12-the-basics-of-html/&quot;  rel=&quot;nofollow&quot;&gt; The basics of HTML&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 13. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:13_html_head_element&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:13_html_head_element&quot;&gt; HTML &amp;lt;head&amp;gt; 요소&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/13-the-html-head-element/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/13-the-html-head-element/&quot;  rel=&quot;nofollow&quot;&gt; The HTML &amp;lt;head&amp;gt; element&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 14. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:14_choosing_the_right_doctype_for_your_html_documents&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:14_choosing_the_right_doctype_for_your_html_documents&quot;&gt; 당신의 HTML 문서를 위한 올바른 문서형(Doctype) 선택&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/14-choosing-the-right-doctype-for-your/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/14-choosing-the-right-doctype-for-your/&quot;  rel=&quot;nofollow&quot;&gt; Choosing the right doctype for your HTML documents&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 24. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:24_validating_your_html&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:24_validating_your_html&quot;&gt; HTML 유효성 검사&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/24-validating-your-html/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/24-validating-your-html/&quot;  rel=&quot;nofollow&quot;&gt; Validating your HTML&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 25. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:25_accessibility_basics&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:25_accessibility_basics&quot;&gt; 접근성 기초&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/25-accessibility-basics/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/25-accessibility-basics/&quot;  rel=&quot;nofollow&quot;&gt; Accessibility basics&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 27. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:27_css_basics&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:27_css_basics&quot;&gt; CSS 기초&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/27-css-basics/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/27-css-basics/&quot;  rel=&quot;nofollow&quot;&gt; CSS basics&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 39. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:39_programming_-_the_real_basics&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:39_programming_-_the_real_basics&quot;&gt; 프로그래밍 - 정말 기초!&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/programming-the-real-basics/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/programming-the-real-basics/&quot;  rel=&quot;nofollow&quot;&gt; Programming - the real basics!&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 40. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:40_what_can_you_do_with_javascript&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:40_what_can_you_do_with_javascript&quot;&gt; 당신은 자바스크립트로 무엇을 할 수 있는가? &lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/javascript-uses/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/javascript-uses/&quot;  rel=&quot;nofollow&quot;&gt; What can you do with JavaScript?&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 41. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:41_your_first_look_at_javascript&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:41_your_first_look_at_javascript&quot;&gt; 자바스크립트 시작하기&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/first-look-at-javascript/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/first-look-at-javascript/&quot;  rel=&quot;nofollow&quot;&gt; Your first look at JavaScript&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 42. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:42_javascript_best_practices&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:42_javascript_best_practices&quot;&gt; 자바스크립트 멋진 예제들&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/javascript-best-practices/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/javascript-best-practices/&quot;  rel=&quot;nofollow&quot;&gt; JavaScript best practices&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 43. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:43_the_principles_of_unobtrusive_javascript&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:43_the_principles_of_unobtrusive_javascript&quot;&gt; 겸손한 자바스크립트(unobtrusive JavaScript)의 원리&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/unobtrusive-javascript/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/unobtrusive-javascript/&quot;  rel=&quot;nofollow&quot;&gt; The principles of unobtrusive JavaScript&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 44. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:44_javascript_functions&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:44_javascript_functions&quot;&gt; 자바스크립트 함수들&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/javascript-functions/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/javascript-functions/&quot;  rel=&quot;nofollow&quot;&gt; Javascript Functions&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 45. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:45_objects_in_javascript&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:45_objects_in_javascript&quot;&gt; 자바스크립트 객체&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/objects-in-javascript/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/objects-in-javascript/&quot;  rel=&quot;nofollow&quot;&gt; Objects in JavaScript&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 46. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:46_traversing_the_dom&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:46_traversing_the_dom&quot;&gt; DOM 여행&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/traversing-the-dom/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/traversing-the-dom/&quot;  rel=&quot;nofollow&quot;&gt; Traversing the DOM&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 48. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:48_dynamic_style_-_manipulating_css_with_javascript&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:48_dynamic_style_-_manipulating_css_with_javascript&quot;&gt; 동적 스타일 - 자바스크립로 CSS 다루기&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/dynamic-style-css-javascript/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/dynamic-style-css-javascript/&quot;  rel=&quot;nofollow&quot;&gt; Dynamic style - manipulating CSS with JavaScript&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 49. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:49_handling-events-with-javascript&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:49_handling-events-with-javascript&quot;&gt;  자바스크립트 이벤트 핸들링&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/handling-events-with-javascript/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/handling-events-with-javascript/&quot;  rel=&quot;nofollow&quot;&gt; Handling events with JavaScript&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 50. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:50_javascript_animation&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:50_javascript_animation&quot;&gt; 자바스크립트 에니메이션&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;http://dev.opera.com/articles/view/javascript-animation/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/javascript-animation/&quot;  rel=&quot;nofollow&quot;&gt; JavaScript animation&lt;/a&gt;&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 51. &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:owsc:51_graceful_degradation_versus_progressive_enhancement&quot; class=&quot;wikilink1&quot; title=&quot;document:owsc:51_graceful_degradation_versus_progressive_enhancement&quot;&gt; 적절한 낮춤 (Graceful degredation) 대 점진적 향상(progressive enhancement)&lt;/a&gt;  &lt;a href=&quot;http://dev.opera.com/articles/view/graceful-degradation-progressive-enhancement/&quot; class=&quot;urlextern&quot; title=&quot;http://dev.opera.com/articles/view/graceful-degradation-progressive-enhancement/&quot;  rel=&quot;nofollow&quot;&gt; Graceful degradation versus progressive enhancement&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;

&lt;p&gt;&lt;div class=&quot;notetip&quot;&gt;한글화 작업을 함께 해 주실 분들은 &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=clearboth:document:web_standards_curriculum#강좌_목록&quot; class=&quot;wikilink1&quot; title=&quot;clearboth:document:web_standards_curriculum&quot;&gt; 강좌 목록&lt;/a&gt;중 번역되지 않은 강좌를 선택해서 진행해 주시면 됩니다. 번역에 참여해 주신 분들께는 오페라 기념 티셔츠를 드리겠습니다. 
&lt;/div&gt;&lt;/p&gt;
&lt;/p&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;오페라 웹표준 강좌&quot; [3314-9110] --&gt;
&lt;h2&gt;&lt;a name=&quot;job&quot; id=&quot;job&quot;&gt;Job&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;

&lt;p&gt;
웹 퍼블리셔, UI개발자, 마크업 개발자… 직업과 관련된 글들:

&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:job:job_title&quot; class=&quot;wikilink1&quot; title=&quot;document:job:job_title&quot;&gt; 어떤 직함이 좋은가?&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:job:work_time&quot; class=&quot;wikilink1&quot; title=&quot;document:job:work_time&quot;&gt; 웹 퍼블리셔의 작업중 가장 오래 걸리는 것은?&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:job:who_webpublisher&quot; class=&quot;wikilink1&quot; title=&quot;document:job:who_webpublisher&quot;&gt; 어떤 사람들이 웹퍼블리셔가 될까?&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:job:pay_webpublisher_2009&quot; class=&quot;wikilink1&quot; title=&quot;document:job:pay_webpublisher_2009&quot;&gt; 2009년 웹 퍼블리셔 연봉 조사&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:job:pay_webpublisher_2008&quot; class=&quot;wikilink1&quot; title=&quot;document:job:pay_webpublisher_2008&quot;&gt; 2008년 웹 퍼블리셔 연봉 조사&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:job:markup_dev_7level&quot; class=&quot;wikilink1&quot; title=&quot;document:job:markup_dev_7level&quot;&gt; 마크업 개발 7단계, 웹퍼블리셔는 할 일도 많군&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:job:doc_webpublisher&quot; class=&quot;wikilink1&quot; title=&quot;document:job:doc_webpublisher&quot;&gt; 웹퍼블리셔도 문서를 만든다&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:job:%EC%8B%A0%EC%9E%85%EC%BD%94%EB%8D%941%EB%85%84%EC%9D%84%EB%8F%8C%EC%95%84%EB%B3%B4%EB%A9%B0&quot; class=&quot;wikilink1&quot; title=&quot;document:job:신입코더1년을돌아보며&quot;&gt; 신입 코더 1년을 돌아보며… 느낀 결론!!&lt;/a&gt; &lt;sub&gt;by Wise&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;Job&quot; [9111-9980] --&gt;
&lt;h2&gt;&lt;a name=&quot;html&quot; id=&quot;html&quot;&gt;HTML&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:channy_html5&quot; class=&quot;wikilink1&quot; title=&quot;document:html:channy_html5&quot;&gt; 차니의 HTML5&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:id_vs_class&quot; class=&quot;wikilink1&quot; title=&quot;document:html:id_vs_class&quot;&gt; id와 class 어떻게 구분해서 사용할까&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:faq_semantic_markup&quot; class=&quot;wikilink1&quot; title=&quot;document:html:faq_semantic_markup&quot;&gt; FAQ의 의미 있는 마크업은?&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:the_address_element&quot; class=&quot;wikilink1&quot; title=&quot;document:html:the_address_element&quot;&gt; 주소를 address 요소로 마크업하지 말라?&lt;/a&gt; &lt;sub&gt;by 추지호 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:10_rare_html_tags_you_really_should_know&quot; class=&quot;wikilink1&quot; title=&quot;document:html:10_rare_html_tags_you_really_should_know&quot;&gt; 잘 사용하지 않는 HTML 태그 10가지&lt;/a&gt; &lt;sub&gt;by 추지호 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:6_reasons_to_avoid_using_tables_in_website_layout&quot; class=&quot;wikilink1&quot; title=&quot;document:html:6_reasons_to_avoid_using_tables_in_website_layout&quot;&gt; 배치용 테이블을 사용하지 말아야 하는 6가지 이유&lt;/a&gt; &lt;sub&gt;by 추지호 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:td_in_thead_is_not_subject&quot; class=&quot;wikilink1&quot; title=&quot;document:html:td_in_thead_is_not_subject&quot;&gt; THEAD 안에 TD, 제목일까?&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:h1_only_one_or_more&quot; class=&quot;wikilink1&quot; title=&quot;document:html:h1_only_one_or_more&quot;&gt; 대제목 요소(H1)는 한 번만 쓸 수 있나?&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:12_principles_for_keeping_your_code_clean&quot; class=&quot;wikilink1&quot; title=&quot;document:html:12_principles_for_keeping_your_code_clean&quot;&gt; 마크업을 깔끔하게 유지하는 12가지 원칙&lt;/a&gt; &lt;sub&gt;by 추지호 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:xhtml_xml_declare&quot; class=&quot;wikilink1&quot; title=&quot;document:html:xhtml_xml_declare&quot;&gt; XHTML 문서에서 XML 선언 꼭 필요한가?&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:object_attribute&quot; class=&quot;wikilink1&quot; title=&quot;document:html:object_attribute&quot;&gt; Object 요소의 속성(Parameters)들&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:b_strong_differnt&quot; class=&quot;wikilink1&quot; title=&quot;document:html:b_strong_differnt&quot;&gt; &amp;lt;b&amp;gt;와 &amp;lt;strong&amp;gt; 요소의 차이&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:visual_image_alt&quot; class=&quot;wikilink1&quot; title=&quot;document:html:visual_image_alt&quot;&gt; 이미지 대체텍스트 속성 alt의 값을 비워두는 까닭?&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:elements_tags&quot; class=&quot;wikilink1&quot; title=&quot;document:html:elements_tags&quot;&gt; 요소와 태그&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:valided_attributes&quot; class=&quot;wikilink1&quot; title=&quot;document:html:valided_attributes&quot;&gt; XHTML에서 속성(Attributes) 올바르게 사용하기&lt;/a&gt; &lt;sub&gt;by 추지호 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:class_naming_10&quot; class=&quot;wikilink1&quot; title=&quot;document:html:class_naming_10&quot;&gt; Alen Grakalic이 추천하는 class 이름 10개&lt;/a&gt; &lt;sub&gt;by 추지호 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;HTML&quot; [9981-11884] --&gt;
&lt;h2&gt;&lt;a name=&quot;css&quot; id=&quot;css&quot;&gt;CSS&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:hakon_wium_lie&quot; class=&quot;wikilink1&quot; title=&quot;document:html:hakon_wium_lie&quot;&gt; CSS의 창시자, 호콘 비움 리에 강연 동영상&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:css:how_to_apply_mobile_css_to_smart_phone_devices&quot; class=&quot;wikilink1&quot; title=&quot;document:css:how_to_apply_mobile_css_to_smart_phone_devices&quot;&gt; 스마트폰에 모바일 CSS 적용시키기&lt;/a&gt; &lt;sub&gt;by Mytory&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:css:tips_to_design_your_site_for_mobile_devices&quot; class=&quot;wikilink1&quot; title=&quot;document:css:tips_to_design_your_site_for_mobile_devices&quot;&gt;모바일용 사이트를 디자인할 때 유용한 팁&lt;/a&gt; &lt;sub&gt;by Mytory&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:css:methodic_approach_to_css_coding_four_bubbles_model&quot; class=&quot;wikilink1&quot; title=&quot;document:css:methodic_approach_to_css_coding_four_bubbles_model&quot;&gt; CSS 코딩 방법론, 4개의 거품 모델&lt;/a&gt; &lt;sub&gt;by 추지호 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:css:ordering_properties&quot; class=&quot;wikilink1&quot; title=&quot;document:css:ordering_properties&quot;&gt; CSS 속성 운선순위&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:css:gradients_button_in_firefox36&quot; class=&quot;wikilink1&quot; title=&quot;document:css:gradients_button_in_firefox36&quot;&gt; Gradients Button in Firefox&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:css:css_encoding_error_firefox&quot; class=&quot;wikilink1&quot; title=&quot;document:css:css_encoding_error_firefox&quot;&gt;Firefox에서 외부 css파일을 읽어오지 못하는 문제&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:css:10_resources_for_when_you_need_help_with_css&quot; class=&quot;wikilink1&quot; title=&quot;document:css:10_resources_for_when_you_need_help_with_css&quot;&gt; CSS의 도움이 필요할 때를 위한 10가지 자원&lt;/a&gt; &lt;sub&gt;by 추지호 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:css:5_reasons_to_avoid_css_hacks_and_conditional_stylesheets&quot; class=&quot;wikilink1&quot; title=&quot;document:css:5_reasons_to_avoid_css_hacks_and_conditional_stylesheets&quot;&gt; 조건부 스타일시트와 CSS 핵을 피하는 5가지 이유&lt;/a&gt; &lt;sub&gt;by 추지호 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:css:10_css_tips_every_web_developer_should_know&quot; class=&quot;wikilink1&quot; title=&quot;document:css:10_css_tips_every_web_developer_should_know&quot;&gt; 웹 개발자가 알아야 할 CSS 팁 10가지&lt;/a&gt; &lt;sub&gt;by 추지호 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;CSS&quot; [11885-13214] --&gt;
&lt;h2&gt;&lt;a name=&quot;javascript&quot; id=&quot;javascript&quot;&gt;JavaScript&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;JavaScript&quot; [13215-13237] --&gt;
&lt;h2&gt;&lt;a name=&quot;웹 접근성&quot; id=&quot;웹 접근성&quot;&gt;웹 접근성&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:accessibility:wa_difference_publisher&quot; class=&quot;wikilink1&quot; title=&quot;document:accessibility:wa_difference_publisher&quot;&gt;웹 접근성의 견해차에 따른 한 퍼블리셔의 생각&lt;/a&gt; &lt;sub&gt;by Wise&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:accessibility:wcag20_checklist&quot; class=&quot;wikilink1&quot; title=&quot;document:accessibility:wcag20_checklist&quot;&gt; WCAG 2.0 체크리스트&lt;/a&gt; &lt;sub&gt;by 추지호 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:accessibility:survey_of_preferences_of_screen_readers_users&quot; class=&quot;wikilink1&quot; title=&quot;document:accessibility:survey_of_preferences_of_screen_readers_users&quot;&gt; WebAIM의 &amp;#039;스크린리더 사용자 선호도 조사&amp;#039; 결과&lt;/a&gt;  &lt;sub&gt;by 추지호 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;웹 접근성&quot; [13238-13682] --&gt;
&lt;h2&gt;&lt;a name=&quot;브라우저&quot; id=&quot;브라우저&quot;&gt;브라우저&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:browser:ultimate_ie6_cheatsheet&quot; class=&quot;wikilink1&quot; title=&quot;document:browser:ultimate_ie6_cheatsheet&quot;&gt; IE6 커닝 페이퍼: IE6 버그 25+ 해결하는 방법&lt;/a&gt; &lt;sub&gt;by 이석진 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:browser:the_history_of_web_standards&quot; class=&quot;wikilink1&quot; title=&quot;document:browser:the_history_of_web_standards&quot;&gt; The History of Web Standards&lt;/a&gt;  &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;브라우저&quot; [13683-13957] --&gt;
&lt;h2&gt;&lt;a name=&quot;모바일&quot; id=&quot;모바일&quot;&gt;모바일&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:mobile:make_to_mobile_page&quot; class=&quot;wikilink2&quot; title=&quot;document:mobile:make_to_mobile_page&quot; rel=&quot;nofollow&quot;&gt; 아이폰용 모바일 페이지 만들기&lt;/a&gt; &lt;sub&gt;by 쥰쥰&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:mobile:mobile_start&quot; class=&quot;wikilink1&quot; title=&quot;document:mobile:mobile_start&quot;&gt; Mobile Start&lt;/a&gt; &lt;sub&gt;by 쥰쥰&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;모바일&quot; [13958-14163] --&gt;
&lt;h2&gt;&lt;a name=&quot;ria&quot; id=&quot;ria&quot;&gt;RIA&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:ria:%EC%8B%A4%EB%B2%84%EB%9D%BC%EC%9D%B4%ED%8A%B84%EC%9D%98%20%EC%83%88%EA%B8%B0%EB%8A%A5&quot; class=&quot;wikilink1&quot; title=&quot;document:ria:실버라이트4의 새기능&quot;&gt; 실버라이트4의 새기능&lt;/a&gt; &lt;sub&gt;by 쥰쥰 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:ria:jp:ria_tech_diagram&quot; class=&quot;wikilink1&quot; title=&quot;document:ria:jp:ria_tech_diagram&quot;&gt; 주요 RIA 기술 구조 비교 개요&lt;/a&gt; &lt;sub&gt;by 쥰쥰 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;RIA&quot; [14164-14401] --&gt;
&lt;h2&gt;&lt;a name=&quot;ux&quot; id=&quot;ux&quot;&gt;UX&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:ux:uxmyths1_21&quot; class=&quot;wikilink1&quot; title=&quot;document:ux:uxmyths1_21&quot;&gt; UX Myths의 핵심 정리 21&lt;/a&gt; &lt;sub&gt;&lt;a href=&quot;mailto:&amp;#x6b;&amp;#x6b;&amp;#x63;&amp;#x68;&amp;#x6d;&amp;#x61;&amp;#x6e;&amp;#x40;&amp;#x67;&amp;#x6d;&amp;#x61;&amp;#x69;&amp;#x6c;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot; class=&quot;mail JSnocheck&quot; title=&quot;&amp;#x6b;&amp;#x6b;&amp;#x63;&amp;#x68;&amp;#x6d;&amp;#x61;&amp;#x6e;&amp;#x40;&amp;#x67;&amp;#x6d;&amp;#x61;&amp;#x69;&amp;#x6c;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot;&gt;김충환&lt;/a&gt;님 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:ux:jumpro&quot; class=&quot;wikilink1&quot; title=&quot;document:ux:jumpro&quot;&gt; 점프루의 음악을 어떻게 틀지?&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;UX&quot; [14402-14628] --&gt;
&lt;h2&gt;&lt;a name=&quot;도구&quot; id=&quot;도구&quot;&gt;도구&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:tools:pajet_for_web_accessibility&quot; class=&quot;wikilink1&quot; title=&quot;document:tools:pajet_for_web_accessibility&quot;&gt; 편리한 웹 접근성 검사 도구 PAJET&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:tools:less_in_coda&quot; class=&quot;wikilink1&quot; title=&quot;document:tools:less_in_coda&quot;&gt; CODA에서 Less 사용하기&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:tools:web_based_editor&quot; class=&quot;wikilink1&quot; title=&quot;document:tools:web_based_editor&quot;&gt; 웹기반 에디터 분석&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:tools:firebug_guideline&quot; class=&quot;wikilink1&quot; title=&quot;document:tools:firebug_guideline&quot;&gt; Firebug Guideline&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:tools:firebug_addons&quot; class=&quot;wikilink1&quot; title=&quot;document:tools:firebug_addons&quot;&gt; Firebug의 확장기능들&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:tools:mostusededitor&quot; class=&quot;wikilink1&quot; title=&quot;document:tools:mostusededitor&quot;&gt; 가장 많이 사용하는 에디터는?&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:tools:mostusededitorfeatures&quot; class=&quot;wikilink1&quot; title=&quot;document:tools:mostusededitorfeatures&quot;&gt; 에디터의 선택 기준&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:tools:editorfeatures&quot; class=&quot;wikilink1&quot; title=&quot;document:tools:editorfeatures&quot;&gt; 에디터에서 가장 중요한 기능&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:tools:bookmarklet&quot; class=&quot;wikilink1&quot; title=&quot;document:tools:bookmarklet&quot;&gt; 북마크릿&lt;/a&gt; &lt;sub&gt;by 추지호&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;도구&quot; [14629-15447] --&gt;
&lt;h2&gt;&lt;a name=&quot;기획&quot; id=&quot;기획&quot;&gt;기획&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:etc:13_steps_to_a_successful_website_launch&quot; class=&quot;wikilink1&quot; title=&quot;document:etc:13_steps_to_a_successful_website_launch&quot;&gt; 성공적인 웹 사이트를 오픈하기 위한 13단계&lt;/a&gt; &lt;sub&gt;by 추지호 번역&lt;/sub&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;기획&quot; [15448-15620] --&gt;
&lt;h2&gt;&lt;a name=&quot;일반&quot; id=&quot;일반&quot;&gt;일반&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:etc:gravatar_setting&quot; class=&quot;wikilink1&quot; title=&quot;document:etc:gravatar_setting&quot;&gt; Gravatar로 아바타 등록하기&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;일반&quot; [15621-] --&gt;</description>
            <author>추지호</author>
            <pubDate>Thu, 29 Jul 2010 15:29:57 +0900</pubDate>
        </item>
        <item>
            <title>Myth #6: 접근성 있는 사이트들은 보기 흉하다?</title>
            <link>http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_6_accessible_sites_are_ugly</link>
            <description>&lt;div class=&quot;wrap_site&quot;&gt;
이 글은 &lt;a href=&quot;http://uxmyths.com/&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/&quot;  rel=&quot;nofollow&quot;&gt; UX MYTHS&lt;/a&gt;으로부터 허락을 받아 &lt;a href=&quot;mailto:&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot; class=&quot;mail JSnocheck&quot; title=&quot;&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot;&gt;검은태양&lt;/a&gt;님께서 요약 번역 한 후 클리어보스에 게시한 것입니다. 원문을 참조하시려면 &lt;a href=&quot;http://uxmyths.com/post/702066202/myth-6-accessible-sites-are-ugly&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/post/702066202/myth-6-accessible-sites-are-ugly&quot;  rel=&quot;nofollow&quot;&gt; Myth #6: Accessible sites are ugly&lt;/a&gt;를 읽어보시면 됩니다. 번역상의 오류는 역자인 &lt;a href=&quot;mailto:&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot; class=&quot;mail JSnocheck&quot; title=&quot;&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot;&gt;검은태양&lt;/a&gt;님이나 아래 의견란에 남겨주시면 감사하겠습니다.
&lt;/div&gt;


&lt;div class=&quot;level1&quot;&gt;

&lt;p&gt;

웹에서의 접근성이란 당신의 컨텐츠를 조금 다른 기술 또는 장비를 가진 사람들에게도 사용 가능하도록 하는 것이다. 웹 접근성의 핵심적인 요구사항은 내용(&lt;acronym title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/acronym&gt;)을 시각(&lt;acronym title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;) 으로부터 분리하여, 그러한 선호되는 - 또는 요구되는 - 그들 자신의 스타일시트를 사용해 컨텐츠에 접근하도록 하는 것이다.
&lt;/p&gt;

&lt;p&gt;
사이트의 시각적 외형은 스타일시트에 의해 정의되므로, 접근성 그 자체는 시각적 디자인에 아무런 영향을 갖지 않는다.
&lt;/p&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;Myth #6: 접근성 있는 사이트들은 보기 흉하다?&quot; [510-1145] --&gt;
&lt;h2&gt;&lt;a name=&quot;뛰어난 외형을 갖고 있으면서도 완전한 접근성을 확보한 사이트들&quot; id=&quot;뛰어난 외형을 갖고 있으면서도 완전한 접근성을 확보한 사이트들&quot;&gt;뛰어난 외형을 갖고 있으면서도 완전한 접근성을 확보한 사이트들&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.csszengarden.com/&quot; class=&quot;urlextern&quot; title=&quot;http://www.csszengarden.com/&quot;  rel=&quot;nofollow&quot;&gt;CSS Zen garden&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.whitehouse.gov/&quot; class=&quot;urlextern&quot; title=&quot;http://www.whitehouse.gov/&quot;  rel=&quot;nofollow&quot;&gt;The White House&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://www.campaignmonitor.com/&quot; class=&quot;urlextern&quot; title=&quot;http://www.campaignmonitor.com/&quot;  rel=&quot;nofollow&quot;&gt;Campaignmonitor&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;http://apple.com/&quot; class=&quot;urlextern&quot; title=&quot;http://apple.com/&quot;  rel=&quot;nofollow&quot;&gt;Apple.com&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;뛰어난 외형을 갖고 있으면서도 완전한 접근성을 확보한 사이트들&quot; [1146-1442] --&gt;
&lt;h2&gt;&lt;a name=&quot;더 읽어볼만한 것들&quot; id=&quot;더 읽어볼만한 것들&quot;&gt;더 읽어볼만한 것들&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; According to the accessibility experts at Webcredible: ”&lt;a href=&quot;http://www.webcredible.co.uk/user-friendly-resources/web-accessibility/myths.shtml&quot; class=&quot;urlextern&quot; title=&quot;http://www.webcredible.co.uk/user-friendly-resources/web-accessibility/myths.shtml&quot;  rel=&quot;nofollow&quot;&gt;web accessibility demands very few restrictions on website design&lt;/a&gt;”.&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; Web strategist Paul Boag explains how &lt;a href=&quot;http://boagworld.com/accessibility/accessible-sites-dont-have-to-be-ugly&quot; class=&quot;urlextern&quot; title=&quot;http://boagworld.com/accessibility/accessible-sites-dont-have-to-be-ugly&quot;  rel=&quot;nofollow&quot;&gt;accessible sites can still be visually appealling&lt;/a&gt;.&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; Accessibility specialist front-end developer Roger Johansson claims that ”&lt;a href=&quot;http://www.456bereastreet.com/archive/200505/accessibility_myths_and_misconceptions/&quot; class=&quot;urlextern&quot; title=&quot;http://www.456bereastreet.com/archive/200505/accessibility_myths_and_misconceptions/&quot;  rel=&quot;nofollow&quot;&gt;accessibility does not mean removing all colour and graphics&lt;/a&gt;”.&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; A quick guide on &lt;a href=&quot;http://webdesign.about.com/od/accessibility/qt/accessible-does-not-equal-ugly.htm&quot; class=&quot;urlextern&quot; title=&quot;http://webdesign.about.com/od/accessibility/qt/accessible-does-not-equal-ugly.htm&quot;  rel=&quot;nofollow&quot;&gt;how to make your web site accessible without ruining the visual design&lt;/a&gt;.&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;tags&quot;&gt;&lt;span&gt;
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:ux&amp;amp;do=showtag&amp;amp;tag=tag%3Aux&quot; class=&quot;wikilink1&quot; title=&quot;tag:ux&quot; rel=&quot;tag&quot;&gt;UX&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:uxmyths&amp;amp;do=showtag&amp;amp;tag=tag%3Auxmyths&quot; class=&quot;wikilink1&quot; title=&quot;tag:uxmyths&quot; rel=&quot;tag&quot;&gt;UXMyths&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:%EC%A0%91%EA%B7%BC%EC%84%B1&amp;amp;do=showtag&amp;amp;tag=tag%3A%EC%A0%91%EA%B7%BC%EC%84%B1&quot; class=&quot;wikilink1&quot; title=&quot;tag:접근성&quot; rel=&quot;tag&quot;&gt;접근성&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:%EC%A0%A0%EA%B0%80%EB%93%A0&amp;amp;do=showtag&amp;amp;tag=tag%3A%EC%A0%A0%EA%B0%80%EB%93%A0&quot; class=&quot;wikilink1&quot; title=&quot;tag:젠가든&quot; rel=&quot;tag&quot;&gt;젠가든&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:zengarden&amp;amp;do=showtag&amp;amp;tag=tag%3Azengarden&quot; class=&quot;wikilink1&quot; title=&quot;tag:zengarden&quot; rel=&quot;tag&quot;&gt;ZenGarden&lt;/a&gt;
&lt;/span&gt;&lt;/div&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;더 읽어볼만한 것들&quot; [1443-] --&gt;&lt;span class=&quot;plugin_feedmod_comments&quot;&gt;
  &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_6_accessible_sites_are_ugly#discussion__section&quot; title=&quot;Read or add comments to this article&quot;&gt;Read or add comments to this article&lt;/a&gt;
&lt;/span&gt;
</description>
            <author>추지호</author>
        <category>UX</category>
        <category>UXMyths</category>
        <category>접근성</category>
        <category>젠가든</category>
        <category>ZenGarden</category>
            <pubDate>Thu, 29 Jul 2010 15:26:29 +0900</pubDate>
        </item>
        <item>
            <title>Myth #5: 접근성은 어렵고 비용이 많이 든다?</title>
            <link>http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_5_accessibility_is_expensive_and_difficult</link>
            <description>&lt;div class=&quot;wrap_site&quot;&gt;
이 글은 &lt;a href=&quot;http://uxmyths.com/&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/&quot;  rel=&quot;nofollow&quot;&gt; UX MYTHS&lt;/a&gt;으로부터 허락을 받아 &lt;a href=&quot;mailto:&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot; class=&quot;mail JSnocheck&quot; title=&quot;&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot;&gt;검은태양&lt;/a&gt;]님께서 요약 번역 한 후 클리어보스에 게시한 것입니다. 원문을 참조하시려면 &lt;a href=&quot;http://uxmyths.com/post/654091803/myth-5-accessibility-is-expensive-and-difficult&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/post/654091803/myth-5-accessibility-is-expensive-and-difficult&quot;  rel=&quot;nofollow&quot;&gt; Myth #5: Accessibility is expensive and difficult &lt;/a&gt;를 읽어보시면 됩니다. 번역상의 오류는 역자인 &lt;a href=&quot;mailto:&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot; class=&quot;mail JSnocheck&quot; title=&quot;&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot;&gt;검은태양&lt;/a&gt;님이나 아래 의견란에 남겨주시면 감사하겠습니다.
&lt;/div&gt;


&lt;div class=&quot;level1&quot;&gt;

&lt;p&gt;
당신의 웹사이트가 접근성을 확보하게 하기 위해 추가적인 기능성을 가질 필요도 없고, 컨텐츠를 복제할 필요도 없다. UI와 컨텐츠를 디자인할때 다른 기술과, 제한된 장비를 가진 사람들의 요구사항을 감안하는 것으로 충분하다.
&lt;/p&gt;

&lt;p&gt;
러프 스케치로부터 접근성 있는 웹사이트를 만들어 내는 일은, 그렇지 않은 사이트를 만드는 것과 거의 동일한 비용이 든다.
&lt;/p&gt;

&lt;p&gt;
이미 존재하는 접근성이 떨어지는 사이트를 수정하는 것에는 물론 부가적인 노력을 필요로 하지만, 접근성이 확보된 사이트들은 유지하기가 쉽고 비용 또한 저렴하기 때문에 장기적인 관점에서는 항상 더 유리하다.
&lt;/p&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;Myth #5: 접근성은 어렵고 비용이 많이 든다?&quot; [543-1372] --&gt;
&lt;h2&gt;&lt;a name=&quot;접근성 있는 사이트를 만드는 것이 유리한 이유&quot; id=&quot;접근성 있는 사이트를 만드는 것이 유리한 이유&quot;&gt;접근성 있는 사이트를 만드는 것이 유리한 이유&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 더 많은 청중에게 다가선다 - 총 인구의 &lt;a href=&quot;http://www.webcredible.co.uk/user-friendly-resources/web-accessibility/benefits-of-accessible-websites-1.shtml&quot; class=&quot;urlextern&quot; title=&quot;http://www.webcredible.co.uk/user-friendly-resources/web-accessibility/benefits-of-accessible-websites-1.shtml&quot;  rel=&quot;nofollow&quot;&gt;14%에 달하는 사람들이 장애&lt;/a&gt;를 갖고 있다.&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 접근성 있는 사이트는 항상 &lt;a href=&quot;http://articles.sitepoint.com/article/accessible-usable-website&quot; class=&quot;urlextern&quot; title=&quot;http://articles.sitepoint.com/article/accessible-usable-website&quot;  rel=&quot;nofollow&quot;&gt;더 좋은 사용성&lt;/a&gt;을 갖고 있다.&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 접근성 있는 사이트는 또한 &lt;a href=&quot;http://www.alistapart.com/articles/accessibilityseo/&quot; class=&quot;urlextern&quot; title=&quot;http://www.alistapart.com/articles/accessibilityseo/&quot;  rel=&quot;nofollow&quot;&gt;검색 엔진에 친화적&lt;/a&gt;이다.&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 접근성 있는 사이트는 또한 &lt;a href=&quot;http://www.design-ecommerce.com/Web-Accessibility-Benefits.html&quot; class=&quot;urlextern&quot; title=&quot;http://www.design-ecommerce.com/Web-Accessibility-Benefits.html&quot;  rel=&quot;nofollow&quot;&gt;다른 장점들&lt;/a&gt; - 빠른 페이지 다운로드, 브라우저간 호환성, 편리한 컨텐츠 관리 등 - 을 가지고 있다.&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;tags&quot;&gt;&lt;span&gt;
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:ux&amp;amp;do=showtag&amp;amp;tag=tag%3Aux&quot; class=&quot;wikilink1&quot; title=&quot;tag:ux&quot; rel=&quot;tag&quot;&gt;UX&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:uxmyths&amp;amp;do=showtag&amp;amp;tag=tag%3Auxmyths&quot; class=&quot;wikilink1&quot; title=&quot;tag:uxmyths&quot; rel=&quot;tag&quot;&gt;UXMyths&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:%EC%A0%91%EA%B7%BC%EC%84%B1&amp;amp;do=showtag&amp;amp;tag=tag%3A%EC%A0%91%EA%B7%BC%EC%84%B1&quot; class=&quot;wikilink1&quot; title=&quot;tag:접근성&quot; rel=&quot;tag&quot;&gt;접근성&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:seo&amp;amp;do=showtag&amp;amp;tag=tag%3Aseo&quot; class=&quot;wikilink1&quot; title=&quot;tag:seo&quot; rel=&quot;tag&quot;&gt;SEO&lt;/a&gt;
&lt;/span&gt;&lt;/div&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;접근성 있는 사이트를 만드는 것이 유리한 이유&quot; [1373-] --&gt;&lt;span class=&quot;plugin_feedmod_comments&quot;&gt;
  &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_5_accessibility_is_expensive_and_difficult#discussion__section&quot; title=&quot;Read or add comments to this article&quot;&gt;Read or add comments to this article&lt;/a&gt;
&lt;/span&gt;
</description>
            <author>추지호</author>
        <category>UX</category>
        <category>UXMyths</category>
        <category>접근성</category>
        <category>SEO</category>
            <pubDate>Thu, 29 Jul 2010 15:26:13 +0900</pubDate>
        </item>
        <item>
            <title>Myth #4: 디자인은 웹사이트를 멋지게 보이게 하는 것이다?</title>
            <link>http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_4_design_is_about_making_a_website_look_good</link>
            <description>&lt;div class=&quot;wrap_site&quot;&gt;
이 글은 &lt;a href=&quot;http://uxmyths.com/&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/&quot;  rel=&quot;nofollow&quot;&gt; UX MYTHS&lt;/a&gt;으로부터 허락을 받아 &lt;a href=&quot;mailto:&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot; class=&quot;mail JSnocheck&quot; title=&quot;&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot;&gt;검은태양&lt;/a&gt;님께서 요약 번역 한 후 클리어보스에 게시한 것입니다. 원문을 참조하시려면 &lt;a href=&quot;http://uxmyths.com/post/654070104/myth-design-is-about-making-a-website-look-good&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/post/654070104/myth-design-is-about-making-a-website-look-good&quot;  rel=&quot;nofollow&quot;&gt; Myth #4: Design is about making a website look good&lt;/a&gt;를 읽어보시면 됩니다. 번역상의 오류는 역자인 &lt;a href=&quot;mailto:&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot; class=&quot;mail JSnocheck&quot; title=&quot;&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot;&gt;검은태양&lt;/a&gt;님이나 아래 의견란에 남겨주시면 감사하겠습니다.
&lt;/div&gt;


&lt;div class=&quot;level1&quot;&gt;

&lt;p&gt;
많은 사람들이 웹 디자인을 장식으로 간주한다 - 사이트가 멋지게 보이게 하는 기술 말이다. 그러나, 디자인은 무언가가 어떻게 보이느냐 하는 문제보다는, 어떻게 동작하느냐의 문제이다. 디자인은 &lt;a href=&quot;http://en.wikipedia.org/wiki/Form_follows_function&quot; class=&quot;urlextern&quot; title=&quot;http://en.wikipedia.org/wiki/Form_follows_function&quot;  rel=&quot;nofollow&quot;&gt;형태와 기능&lt;/a&gt; 양쪽에 관여한다. 예술과는 다르게, 좋은 디자인은 단순히 시각적이고 감각적인 어필 뿐만이 아니라 사용을 위해서도 행해진다.
&lt;/p&gt;

&lt;p&gt;
디자인의 목적은 효율적으로 문제를 해결하는 것이다. 디자인은 사용자들이 세상을 어떻게 바라보고, 어떻게 생각하고 행동하는지에 대한 이해에 기초한다. 디자이너의 도구는 색상과 폰트에서 끝나는 것이 아니라, 사용자 연구, 프로토타이핑, 사용성 테스팅, 기타 더 많은 것들을 포함해야 한다.
&lt;/p&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;Myth #4: 디자인은 웹사이트를 멋지게 보이게 하는 것이다?&quot; [543-1534] --&gt;
&lt;h2&gt;&lt;a name=&quot;디자이너들이 정의하는 디자인&quot; id=&quot;디자이너들이 정의하는 디자인&quot;&gt;디자이너들이 정의하는 디자인&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; “디자인은 단순히 어떻게 보이고, 어떻게 느껴지고 하는 것이 아니다. 디자인은 어떻게 기능하느냐 이다.” - &lt;a href=&quot;http://www.nytimes.com/2003/11/30/magazine/30IPOD.html&quot; class=&quot;urlextern&quot; title=&quot;http://www.nytimes.com/2003/11/30/magazine/30IPOD.html&quot;  rel=&quot;nofollow&quot;&gt;Steve Jobs&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; “좋은 디자인은, 그것이 잘 마무리지어졌다면, 보이지 않게 된다. 우리가 디자인을 의식하게 된다면, 그것은 좋은 디자인이 아니다. 실내의 에어컨에 대해 생각해 보라. 우리가 에어컨을 의식하는 것은 온도가 너무 높거나, 너무 춥거나, 시끄럽거나, 물방울이 떨어지는 경우이다. 하지만 에어컨이 완벽하게 동작한다면, 아무도 에어컨에 관심을 갖지 않고 자신이 하던 일에 집중한다.” - &lt;a href=&quot;http://www.uie.com/brainsparks/2008/10/01/uietips-communicate-quick/&quot; class=&quot;urlextern&quot; title=&quot;http://www.uie.com/brainsparks/2008/10/01/uietips-communicate-quick/&quot;  rel=&quot;nofollow&quot;&gt;Jared Spool&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; “디자인이란, 특정한 목적을 수행하기 위한 최선의 방법으로 요소들을 정렬하는 계획이다” - &lt;a href=&quot;http://en.wikipedia.org/wiki/Charles_and_Ray_Eames&quot; class=&quot;urlextern&quot; title=&quot;http://en.wikipedia.org/wiki/Charles_and_Ray_Eames&quot;  rel=&quot;nofollow&quot;&gt;Charles Eames&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; “내게 디자인이란 무엇인가? 디자인과 마찬가지로, 가장 단순한 해결책을 찾을때까지 문제를 계속 해결해 나가는 것이 최선이라 생각한다.” (단순함이 최선의 전략이라는 말인지? 정확하게는 모르겠음) - &lt;a href=&quot;http://www.drawar.com/articles/what-is-design/71/&quot; class=&quot;urlextern&quot; title=&quot;http://www.drawar.com/articles/what-is-design/71/&quot;  rel=&quot;nofollow&quot;&gt;Paul Scrivens&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; “디자이너들이 하는 일은 사물의 외형과 기능에 기반해서 문제들을 해결하는 것이다. 이것은 글을 쓰는 것, 인터페이스 레이아웃을 만드는 것, 의자를 설계하는 것, 혹은 좀 더 좋은 넷플릭스(넷플릭스 : 미국 굴지의 DVD 우편배달 업체) 봉투, 전구, 의자를 가져오는 것과도 같다.” - &lt;a href=&quot;http://bokardo.com/archives/design-is-not-art-redux/&quot; class=&quot;urlextern&quot; title=&quot;http://bokardo.com/archives/design-is-not-art-redux/&quot;  rel=&quot;nofollow&quot;&gt;Joshua Porter&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; “그래픽 디자인에 있어서 옳고 그름은 존재하지 않는다. 효율적인 커뮤니케이션과 비효율적인 커뮤니케이션이 있을 뿐이다. 모든 이들이 잡지의 광고들에 대해 불평할 수 있지만, 클라이언트(광고 게재자를 말하는 듯)는 가능 고객(costumer는 customer의 오타로 보임..)을 끌어올 수 있을지 없을지에만 관심이 있다.” - &lt;a href=&quot;http://www.typ.nl/TYP04/woud/illegibility/illegibility02.html&quot; class=&quot;urlextern&quot; title=&quot;http://www.typ.nl/TYP04/woud/illegibility/illegibility02.html&quot;  rel=&quot;nofollow&quot;&gt;Peter Bilak&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; “디자인은 직접적으로 인간을 향해 있다. 디자인은 사람의 문제를 분석하고 최선의 해결책을 실행하는 것이다” - &lt;a href=&quot;http://www.cgnyc.com/about/ivanchermayeff.html&quot; class=&quot;urlextern&quot; title=&quot;http://www.cgnyc.com/about/ivanchermayeff.html&quot;  rel=&quot;nofollow&quot;&gt;Ivan Chermayeff&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; … 더 많이 보고 싶다면, &lt;a href=&quot;http://www.lukew.com/resources/quotes.asp&quot; class=&quot;urlextern&quot; title=&quot;http://www.lukew.com/resources/quotes.asp&quot;  rel=&quot;nofollow&quot;&gt;Luke Wroblewski&lt;/a&gt;의 사이트를 보자.&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;tags&quot;&gt;&lt;span&gt;
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:ux&amp;amp;do=showtag&amp;amp;tag=tag%3Aux&quot; class=&quot;wikilink1&quot; title=&quot;tag:ux&quot; rel=&quot;tag&quot;&gt;UX&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:uxmyths&amp;amp;do=showtag&amp;amp;tag=tag%3Auxmyths&quot; class=&quot;wikilink1&quot; title=&quot;tag:uxmyths&quot; rel=&quot;tag&quot;&gt;UXMyths&lt;/a&gt;
&lt;/span&gt;&lt;/div&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;디자이너들이 정의하는 디자인&quot; [1535-] --&gt;&lt;span class=&quot;plugin_feedmod_comments&quot;&gt;
  &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_4_design_is_about_making_a_website_look_good#discussion__section&quot; title=&quot;Read or add comments to this article&quot;&gt;Read or add comments to this article&lt;/a&gt;
&lt;/span&gt;
</description>
            <author>추지호</author>
        <category>UX</category>
        <category>UXMyths</category>
            <pubDate>Thu, 29 Jul 2010 15:25:57 +0900</pubDate>
        </item>
        <item>
            <title>Myth #3: 사람들은 스크롤하지 않는다?</title>
            <link>http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_3_people_do_not_scroll</link>
            <description>&lt;div class=&quot;wrap_site&quot;&gt;
이 글은 &lt;a href=&quot;http://uxmyths.com/&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/&quot;  rel=&quot;nofollow&quot;&gt; UX MYTHS&lt;/a&gt;으로부터 허락을 받아 &lt;a href=&quot;mailto:&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot; class=&quot;mail JSnocheck&quot; title=&quot;&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot;&gt;검은태양&lt;/a&gt;님께서 요약 번역 한 후 클리어보스에 게시한 것입니다. 원문을 참조하시려면 &lt;a href=&quot;http://uxmyths.com/post/654047943/myth-people-dont-scroll&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/post/654047943/myth-people-dont-scroll&quot;  rel=&quot;nofollow&quot;&gt; Myth #3: People don’t scroll&lt;/a&gt;를 읽어보시면 됩니다. 번역상의 오류는 역자인 &lt;a href=&quot;mailto:&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot; class=&quot;mail JSnocheck&quot; title=&quot;&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot;&gt;검은태양&lt;/a&gt;님이나 아래 의견란에 남겨주시면 감사하겠습니다.
&lt;/div&gt;


&lt;div class=&quot;level1&quot;&gt;

&lt;p&gt;

비록 사람들이 &lt;a href=&quot;http://www.useit.com/alertbox/9712a.html&quot; class=&quot;urlextern&quot; title=&quot;http://www.useit.com/alertbox/9712a.html&quot;  rel=&quot;nofollow&quot;&gt;1990년대 중반&lt;/a&gt;까지는 스크롤에 익숙하지 않았지만, 최근에는 브라우저의 스크롤바를 이용하는 것이 절대적으로 자연스럽다. 연속적이고 긴 컨텐츠, 예를 들어 기사라든가 튜터리얼 같은 경우, 텍스트를 여러 개의 페이지로 나누는 것 보다 &lt;a href=&quot;http://www.surl.org/usabilitynews/51/paging_scrolling.asp&quot; class=&quot;urlextern&quot; title=&quot;http://www.surl.org/usabilitynews/51/paging_scrolling.asp&quot;  rel=&quot;nofollow&quot;&gt;스크롤링이 더 좋은 사용성을 제공&lt;/a&gt;한다.
&lt;/p&gt;

&lt;p&gt;
모든 것을 &lt;a href=&quot;http://en.wikipedia.org/wiki/Above_the_fold&quot; class=&quot;urlextern&quot; title=&quot;http://en.wikipedia.org/wiki/Above_the_fold&quot;  rel=&quot;nofollow&quot;&gt;above the fold&lt;/a&gt;&lt;sup&gt;&lt;a href=&quot;#fn__1&quot; name=&quot;fnt__1&quot; id=&quot;fnt__1&quot; class=&quot;fn_top&quot;&gt;1)&lt;/a&gt;&lt;/sup&gt;이나 당신의 홈페이지 상단으로 쥐어짜 올릴 필요는 없다. 사용자들이 스크롤할 것을 확실히 하기 위해, 당신은 몇가지 디자인 원칙들을 지켜야 하고, 방문자들이 흥미를 가질 만한 컨텐츠를 제공하여야 한다. 물론, 상단의 컨텐츠들은 여전히 가장 많은 주의를 끌 것이고, 사용자가 당신의 페이지 전체가 읽을 가치가 있는 것인지 판단하는 근거가 되는 것은 여전하다.
&lt;/p&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;Myth #3: 사람들은 스크롤하지 않는다?&quot; [498-1767] --&gt;
&lt;h2&gt;&lt;a name=&quot;사람들이 스크롤을 하고 있다는 것을 증명하는 많은 연구들&quot; id=&quot;사람들이 스크롤을 하고 있다는 것을 증명하는 많은 연구들&quot;&gt;사람들이 스크롤을 하고 있다는 것을 증명하는 많은 연구들&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; Heatmap 서비스를 제공하는 ClickTale에서 거의 100,000 회의 페이지 방문기록을 분석하였다. 사람들은 76%의 페이지에서 스크롤바를 사용하였고, 그중 22%는 페이지의 길이와 무관하게 맨 아래까지 스크롤되었다. 페이지 상단이 여전히 가장 중요한 화면 자원이라는 것은 분명하다 - &lt;a href=&quot;http://blog.clicktale.com/2006/12/23/unfolding-the-fold/&quot; class=&quot;urlextern&quot; title=&quot;http://blog.clicktale.com/2006/12/23/unfolding-the-fold/&quot;  rel=&quot;nofollow&quot;&gt;Unfolding the Fold&lt;/a&gt; and &lt;a href=&quot;http://blog.clicktale.com/2007/10/05/clicktale-scrolling-research-report-v20-part-1-visibility-and-scroll-reach/&quot; class=&quot;urlextern&quot; title=&quot;http://blog.clicktale.com/2007/10/05/clicktale-scrolling-research-report-v20-part-1-visibility-and-scroll-reach/&quot;  rel=&quot;nofollow&quot;&gt;ClickTale Scrolling Report&lt;/a&gt; and &lt;a href=&quot;http://blog.clicktale.com/2007/12/04/clicktale-scrolling-research-report-v20-part-2-visitor-attention-and-web-page-exposure/&quot; class=&quot;urlextern&quot; title=&quot;http://blog.clicktale.com/2007/12/04/clicktale-scrolling-research-report-v20-part-2-visitor-attention-and-web-page-exposure/&quot;  rel=&quot;nofollow&quot;&gt;Part 2&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 사용성 전문가 제이콥 닐슨은 자신의 안구 추적 연구를 통해 사람들의 주의 집중은 페이지 상단을 향하지만, 여전히 스크롤을 즐겨 하며, 페이지 디자인이 스크롤을 장려하고 있다면 더더욱 그러함을 보여주고 있다. - &lt;a href=&quot;http://www.useit.com/alertbox/scrolling-attention.html&quot; class=&quot;urlextern&quot; title=&quot;http://www.useit.com/alertbox/scrolling-attention.html&quot;  rel=&quot;nofollow&quot;&gt;Scrolling and Attention&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; TMZ.com 의 분석 자료들을 리뷰하여, Milissa Tarquini는 홈페이지에서 가장 많이 클릭된 링크들이 페이지 최하단에 있음을 발견하였다. 그녀는 또한 AOL의 경제&amp;amp;금융 홈페이지 하단에 있는 갤러리 페이지가 그 위치에도 불구하고 아주 많이 클릭되었다는 점을 지적하고 있다. - &lt;a href=&quot;http://www.boxesandarrows.com/view/blasting-the-myth-of&quot; class=&quot;urlextern&quot; title=&quot;http://www.boxesandarrows.com/view/blasting-the-myth-of&quot;  rel=&quot;nofollow&quot;&gt;Blasting the Myth of the Fold&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; CX Partners에서 수행한 또 다른 안구 추적 연구는, 특정한 디자인 가이드라인을 준수하였을 경우 스크롤 빈도가 높음을 증명하고 있다. - &lt;a href=&quot;http://www.cxpartners.co.uk/thoughts/the_myth_of_the_page_fold_evidence_from_user_testing.htm&quot; class=&quot;urlextern&quot; title=&quot;http://www.cxpartners.co.uk/thoughts/the_myth_of_the_page_fold_evidence_from_user_testing.htm&quot;  rel=&quot;nofollow&quot;&gt;The myth of the page fold: evidence from user testing&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 소프트웨어 사용성 연구소의 사용성 연구에 의하면, 사람들은 페이지로 분할된 것 보다 길게 스크롤하는 페이지를 더 빨리 읽는다고 한다. 그들의 연구는 사람들이 스크롤에 익숙해졌음을 보여준다. - &lt;a href=&quot;http://www.surl.org/usabilitynews/51/paging_scrolling.asp&quot; class=&quot;urlextern&quot; title=&quot;http://www.surl.org/usabilitynews/51/paging_scrolling.asp&quot;  rel=&quot;nofollow&quot;&gt;The Impact of Paging vs. Scrolling on Reading Online Text Passages&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; Jared Spool가 1998년에 행한 사용성 테스트는, 사람들이 자신은 스크롤을 별로 좋아하지 않는다고 말하면서도 사실은 스크롤하고자 한다고 한다. 이에 더해, 더 길고 스크롤할만한 페이지들이 사용자에게도 더 좋았다. - &lt;a href=&quot;http://www.uie.com/articles/page_scrolling/&quot; class=&quot;urlextern&quot; title=&quot;http://www.uie.com/articles/page_scrolling/&quot;  rel=&quot;nofollow&quot;&gt;As the Page Scrolls&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; SURL에서 수행한 다른 사용성 테스트는 사람들이 검색결과 페이지가 페이지 분할로 되어 있든, 스크롤 방식으로 되어있든 별 관계 없이 자연스럽게 느낀다는 점을 증명한다. - &lt;a href=&quot;http://www.surl.org/usabilitynews/41/paging.asp&quot; class=&quot;urlextern&quot; title=&quot;http://www.surl.org/usabilitynews/41/paging.asp&quot;  rel=&quot;nofollow&quot;&gt;Paging vs. Scrolling: Looking for the Best Way to Present Search Results&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;사람들이 스크롤을 하고 있다는 것을 증명하는 많은 연구들&quot; [1768-4871] --&gt;
&lt;h1&gt;&lt;a name=&quot;더 읽을 거리&quot; id=&quot;더 읽을 거리&quot;&gt;더 읽을 거리&lt;/a&gt;&lt;/h1&gt;
&lt;div class=&quot;level1&quot;&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; Jared Spool’s article on design guidelines to encourage scrolling: &lt;a href=&quot;http://www.uie.com/brainsparks/2006/08/02/utilizing-the-cut-off-look-to-encourage-users-to-scroll/&quot; class=&quot;urlextern&quot; title=&quot;http://www.uie.com/brainsparks/2006/08/02/utilizing-the-cut-off-look-to-encourage-users-to-scroll/&quot;  rel=&quot;nofollow&quot;&gt;Utilizing the Cut-off Look to Encourage Users To Scroll&lt;/a&gt;.&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; Chris Fahey describes how the fold became more nuanced in &lt;a href=&quot;http://www.graphpaper.com/2008/07-29_the-scrolling-experience-and-the-fold&quot; class=&quot;urlextern&quot; title=&quot;http://www.graphpaper.com/2008/07-29_the-scrolling-experience-and-the-fold&quot;  rel=&quot;nofollow&quot;&gt;The Scrolling Experience and “The Fold”&lt;/a&gt;.&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; Don&amp;#039;t miss &lt;a href=&quot;http://www.iampaddy.com/lifebelow600/&quot; class=&quot;urlextern&quot; title=&quot;http://www.iampaddy.com/lifebelow600/&quot;  rel=&quot;nofollow&quot;&gt;Life below 600px&lt;/a&gt;, a witty article on the page fold.&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;tags&quot;&gt;&lt;span&gt;
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:ux&amp;amp;do=showtag&amp;amp;tag=tag%3Aux&quot; class=&quot;wikilink1&quot; title=&quot;tag:ux&quot; rel=&quot;tag&quot;&gt;UX&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:uxmyths&amp;amp;do=showtag&amp;amp;tag=tag%3Auxmyths&quot; class=&quot;wikilink1&quot; title=&quot;tag:uxmyths&quot; rel=&quot;tag&quot;&gt;UXMyths&lt;/a&gt;
&lt;/span&gt;&lt;/div&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;더 읽을 거리&quot; [4872-] --&gt;&lt;div class=&quot;footnotes&quot;&gt;
&lt;div class=&quot;fn&quot;&gt;&lt;sup&gt;&lt;a href=&quot;#fnt__1&quot; id=&quot;fn__1&quot; name=&quot;fn__1&quot; class=&quot;fn_bot&quot;&gt;1)&lt;/a&gt;&lt;/sup&gt; 
역주:전통적인 신문 디자인에서 중요한 헤드라인은 접는 선 위로 올려야만 한다는 절대적 법칙을 말한다.&lt;/div&gt;
&lt;/div&gt;
&lt;span class=&quot;plugin_feedmod_comments&quot;&gt;
  &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_3_people_do_not_scroll#discussion__section&quot; title=&quot;Read or add comments to this article&quot;&gt;Read or add comments to this article&lt;/a&gt;
&lt;/span&gt;
</description>
            <author>추지호</author>
        <category>UX</category>
        <category>UXMyths</category>
            <pubDate>Thu, 29 Jul 2010 15:25:39 +0900</pubDate>
        </item>
        <item>
            <title></title>
            <link>http://www.clearboth.org/wiki/doku.php?id=document:ria:%EC%8B%A4%EB%B2%84%EB%9D%BC%EC%9D%B4%ED%8A%B84%EC%9D%98%20%EC%83%88%EA%B8%B0%EB%8A%A5</link>
            <description>


&lt;div class=&quot;level1&quot;&gt;

&lt;p&gt;

&lt;a href=&quot;/forum/profile.php?id=108&quot;&gt;&lt;span class=&quot;vcard avatar&quot;&gt;&lt;img src=&quot;http://www.clearboth.org/wiki/lib/exe/fetch.php?hash=cb8f86&amp;amp;cache=recache&amp;amp;media=http%3A%2F%2Fwww.gravatar.com%2Favatar.php%3Fgravatar_id%3Dec685e13b5655af54726ab55991b6f17%26default%3Dhttp%253A%252F%252Fwww.clearboth.org%252Fwiki%252Flib%252Fexe%252Ffetch.php%253Fhash%253D8ceca2%2526cache%253Drecache%2526media%253Dhttp%25253A%25252F%25252Fwww.clearboth.org%25252Fwiki%25252F%25252Flib%25252Fplugins%25252Favatar%25252Fmonsterid.php%25253Fseed%25253Dec685e13b5655af54726ab55991b6f17%252526size%25253D80%252526.png%26size%3D80%26rating%3DG%26.jpg&quot; class=&quot;media photo fn&quot; title=&quot;쥰쥰&quot; alt=&quot;쥰쥰&quot; width=&quot;80&quot; height=&quot;80&quot; /&gt;&lt;span class=&quot;name&quot;&gt;by &lt;strong&gt;쥰쥰&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt; 2010 4월에 마이크로 소프트의 SIlverlight가 버전4 를 런칭하였습니다. 여기서 미리 알아두어야 할 점은 마이크로 소프트의 새로운 모바일 OS인 윈도우폰7용 어플리케이션 개발 환경이 C#, XNA, Silverlight 라는 점입니다. XNA는 xBox용 게임을 만들기 위한 환경이고, Silverlight는 RIA개발을 위한 환경입니다.  이중 Silverlight4에서의 새로운 기능들을 살펴보면, 윈도우폰7에 어떠한 기능들이 포함될지 유추해볼수 있겠는데요. 다음은 일본 실버라이트 공식 페이지에 잘 정리되어있는 글이 있어서 번역해 보았습니다.
&lt;/p&gt;

&lt;p&gt;

&lt;style&gt;
.function
{
    width: 500px;
    border:0;
    background-color: #83a0d3;
    margin: 0px 100px 20px 110px;
    padding: 10px;
    float:left;
	background-image: url(../images/function_bg.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

.function h2
{
    color: #001c58;
    margin: 5px 0 5px 0;
   
  
}

.function .f_intro
{
    height: 70px;
    color: #001c58;
    line-height: 140%;
    margin-bottom: 15px;

}&lt;br /&gt;
.function .f_intro h2
{
     padding:0px;
     
}

.function .fun
{
    width: 480px;
    height: 80px;
    border:0;
    background-color: #ffffff;
    float: left;
    padding: 10px;
    line-height: 140%;
    font-size: 90%;
    margin: 2px 0 2px 0;
}

.function .fun h3
{
   margin: 0 0 10px 0;
   float:left;
}

.function .fun img
{
   float: left;
   margin: 0 7px 0 0;
} &lt;/style&gt;


&lt;div class=&quot;function&quot; &gt;
&lt;div class=&quot;f_intro&quot;&gt;
&lt;h2 style=&quot;padding: 0px; font-size: 2em;background:none;&quot;&gt;● 미디어&lt;br /&gt;&lt;/h2&gt;
&lt;p&gt;품질높은 동영상 배포를、보다 광범위한 시나리오에서 활용가능&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;


&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/med001.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;웹캠과 마이크&lt;/h3&gt;
&lt;p&gt;웹캠이나 마이크가 이용가능. 비디오나 음성을 리얼타임으로 공유하는것 같은 인터랙티브한 어플리케이션 구성이 가능합니다.&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/med002.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;멀티캐스트&lt;/h3&gt;
&lt;p&gt;멀티캐스트 스트림을 서포트하는것으로, 효율적인 네트웍의 이용을 실현, 기존의 윈도우즈 미디어 서비스 베이스의 인프라와 통합을 가능하게 합니다.&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/med003.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;출력보호&lt;/h3&gt;
&lt;p&gt;PlayReady 라이센스에의해 정해진 폴리시에 따라, 미디어의 제생을 제어할수 있습니다. 컨텐츠의 소유자는 출력보호 폴리시를 적용하는것이 가능합니다.&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/med004.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;오프라인 컨텐츠 보호&lt;br /&gt;&lt;/h3&gt;
&lt;p&gt;Silverlight DRM은 온라인 또는 오프라인의 시나리오에서 AES암호화 또는 Windows Media DRM을 이용한 컨텐츠 보호가 가능합니다.&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/med005.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;H.264 컨텐츠 보호&lt;/h3&gt;
&lt;p&gt;Silverlight DRM 은、H.264로 인코딩된 미디어의 보호도 가능.&lt;/p&gt;
&lt;/div&gt;


&lt;/div&gt;






&lt;div class=&quot;function&quot;&gt;
&lt;div class=&quot;f_intro&quot;&gt;
&lt;h2 style=&quot;padding: 0px; font-size: 2em;background:none;&quot;&gt;● 향상된 UX&lt;br /&gt;&lt;/h2&gt;
&lt;p&gt;보다 조작성높게, 직관적으로 활용가능한 어플리케이션의 구성을 지원&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/exp001.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;유연한 UI&lt;/h3&gt;&lt;p&gt;컨트롤의 상태(로드전, 로드중, 로드후 )에 따라 컨텐츠의 문맥에 기반한 UI의 애니메이션을 실현, 더욱 유연하고 직관적인 경험의 제공이 가능해짐.&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/exp002.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;copy &amp;amp; past&lt;/h3&gt;&lt;p&gt;프로그래밍에 의해 클립보드에 억세스하기위한 방법을 제공하기 위해, 복사하기, 잘라내기,붙여넣기등의 조작중에 데이터의 서식설정이나 편집등도 가능합니다.&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/exp003.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;드레그 &amp;amp; 드롭&lt;br /&gt;&lt;/h3&gt;
&lt;p&gt;로컬 시스템으로부터 실버라이트 어플리케이션으로 파일을 드래그 엔 드랍할수 있습니다. 데스크탑 어플리케이션에있어서 전형적인 조작이 가능합니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/exp004.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;작업효율의 향상&lt;/h3&gt;
&lt;p&gt;어플리케이션을 개발할때, 우클릭, 마우스휠, 풀스크린시의 키보드 입력등, 사용자의 작업효율을 높이는 기능을 구현할수 있습니다.&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/exp005.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;퍼포먼스의 향상&lt;/h3&gt;
&lt;p&gt;실버라이트4는 , 기동시간 30% 향상, 실행속도 200% 퍼포먼스 개선이 되어 있습니다.&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;/div&gt;








&lt;div class=&quot;function&quot;&gt;
&lt;div class=&quot;f_intro&quot;&gt;
&lt;h2 style=&quot;padding: 0px; font-size: 2em;background:none;&quot;&gt;● 비지니스 어플리케이션&lt;/h2&gt;
&lt;p&gt;전형적인 시나리오에 대응하는 기능을 구현하고 데이터를 다루는 프로그래밍효율이 더욱 향상&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/app001.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;인쇄&lt;br /&gt;&lt;/h3&gt;
&lt;p&gt;레포트나 문서의 인쇄를 가능하게 하는 API를 탑재. 화면UI와는 다른 인쇄프리뷰를 작성,표시하는것도 가능&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/app002.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;풍부한 폼 컨트롤&lt;/h3&gt;
&lt;p&gt;하이퍼링크나 이미지를 포함시키거나, 편집이 가능한 텍스트 박스나, 행의 카피 &amp;amp; 패이스트등도 가능한 그리드등, 커스터마이징이 가능한 다양한 컨트롤이 준비돼있습니다.&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/app003.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;WCF RIA Services&lt;/h3&gt;
&lt;p&gt;WCF RIA Services는 데이터의 페이징이나, WCF, HTTP의 강화등, 어플리케이션을 제공하기위한 고도한 통신처리, 데이터 접근을 제공합니다.&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/app004.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;데이터 바인딩의 강화&lt;/h3&gt;
&lt;p&gt;시각적인 요소뿐아니라, 보이지않는 요소도 데이터 바인딩의 대상으로하는것이 가능하기 때문에, 보다 개발에 있어서 유연성과 생산성이 향상됩니다.&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/app005.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;다국어 지원&lt;/h3&gt;
&lt;p&gt;양방향 텍스트나, 아랍어, 히브리어, 태국어등 복잡한 스크립트를 포함하는, 30개국어를 새롭게 지원합니다.&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;/div&gt;

&lt;div class=&quot;function&quot;&gt;
&lt;div class=&quot;f_intro&quot;&gt;
&lt;h2 style=&quot;padding: 0px; font-size: 2em;background:none;&quot;&gt;● OOB&lt;/h2&gt;
&lt;p class=&quot;f_intro&quot;&gt;추가 런타임의 다운로드나 별도의 어플리케이션설치를 필요로 하지않고, 브라우저를 넘어선 어플리케이션 환경을 실현합니다&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;


&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/obr001.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;신뢰된 업플리케이션&lt;br /&gt;&lt;/h3&gt;&lt;p&gt;silverlight4에서는 새롭게 신뢰된 어플리케이션이 도입되었습니다. 샌드박스의 제한을 넘어서, 로컬파일이나 어플리케이션, 그밖의 리소스에 접근이 가능합니다.&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;


&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/obr002.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;Silverlight 내에서 HTML 렌더링&lt;/h3&gt;
&lt;p&gt;OOB에서 웹브라우저 컨트롤을 이용하여 실버라이트 어플리케이션 내에서 HTML을 다룰수 있습니다.&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;


&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/obr003.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;팝업통지&lt;/h3&gt;&lt;p&gt;OOB에서 유저의 주의를 이끌기 위해 팝업창을 띄울수 있습니다.&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;


&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/obr004.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;로컬파일에의 접근&lt;br /&gt;&lt;/h3&gt;
&lt;p&gt;신뢰된 어플리케이션은 내 문서, 내 비디오, 내사진 등의 로컬 파일로의 접근이 가능합니다.&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;


&lt;div class=&quot;fun&quot;&gt;
&lt;img src=&quot;http://www.microsoft.com/japan/silverlight/images/features/obr005.gif&quot; alt=&quot;&quot; border=&quot;0&quot; height=&quot;55&quot; width=&quot;80&quot;&gt;
&lt;h3&gt;어플리케이션과 디바이스의 연동&lt;/h3&gt;&lt;p&gt;신뢰된 어플리케이션은 COM인터페이스를 통해서, 데스크탑 어플리케이션이나, 카메라, 카드리더, 게임컨트롤러와 같은 주변기기와 연동하는것이 가능합니다.&lt;br /&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;&lt;div style=&quot;float: left; width: 500px;&quot;&gt;&lt;a xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;br /&gt;
&lt;/a&gt;&lt;p style=&quot;float: left;&quot;&gt;&lt;a href=&quot;http://www.microsoft.com/japan/silverlight/newFeatures.aspx&quot; target=&quot;_blank&quot;&gt;일본 공식 실버라이트 사이트 &lt;/a&gt;&lt;/p&gt;&lt;br /&gt;
&lt;/div&gt;

&lt;div style=&quot;clear:both&quot;&gt;&lt;/div&gt;

&lt;/p&gt;
&lt;div class=&quot;tags&quot;&gt;&lt;span&gt;
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:%EC%8B%A4%EB%B2%84%EB%9D%BC%EC%9D%B4%ED%8A%B84&amp;amp;do=showtag&amp;amp;tag=tag%3A%EC%8B%A4%EB%B2%84%EB%9D%BC%EC%9D%B4%ED%8A%B84&quot; class=&quot;wikilink1&quot; title=&quot;tag:실버라이트4&quot; rel=&quot;tag&quot;&gt;실버라이트4&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:silverlight&amp;amp;do=showtag&amp;amp;tag=tag%3Asilverlight&quot; class=&quot;wikilink1&quot; title=&quot;tag:silverlight&quot; rel=&quot;tag&quot;&gt;Silverlight&lt;/a&gt;
&lt;/span&gt;&lt;/div&gt;

&lt;/div&gt;
</description>
            <author>추지호</author>
        <category>실버라이트4</category>
        <category>Silverlight</category>
            <pubDate>Tue, 27 Jul 2010 14:53:15 +0900</pubDate>
        </item>
        <item>
            <title>Myth #1: 사람들은 웹을 읽는다</title>
            <link>http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_1_people_read_on_the_web</link>
            <description>&lt;div class=&quot;wrap_site&quot;&gt;
이 글은 &lt;a href=&quot;http://uxmyths.com/&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/&quot;  rel=&quot;nofollow&quot;&gt; UX MYTHS&lt;/a&gt;으로부터 허락을 받아 &lt;a href=&quot;mailto:&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot; class=&quot;mail JSnocheck&quot; title=&quot;&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot;&gt;검은태양&lt;/a&gt;님께서 요약하여, 클리어보스에 게시한 것입니다. 원문을 참조하시려면 &lt;a href=&quot;http://uxmyths.com/post/647473628/myth-people-read-on-the-web&quot; class=&quot;urlextern&quot; title=&quot;http://uxmyths.com/post/647473628/myth-people-read-on-the-web&quot;  rel=&quot;nofollow&quot;&gt; Myth #1: People read on the web&lt;/a&gt;를 읽어보시면 됩니다. 번역상의 오류는 역자인 &lt;a href=&quot;mailto:&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot; class=&quot;mail JSnocheck&quot; title=&quot;&amp;#x6b;&amp;#x69;&amp;#x70;&amp;#x65;&amp;#x6e;&amp;#x7a;&amp;#x61;&amp;#x6d;&amp;#x40;&amp;#x6e;&amp;#x61;&amp;#x76;&amp;#x65;&amp;#x72;&amp;#x2e;&amp;#x63;&amp;#x6f;&amp;#x6d;&quot;&gt;검은태양&lt;/a&gt;님이나 아래 의견란에 남겨주시면 감사하겠습니다.
&lt;/div&gt;


&lt;div class=&quot;level1&quot;&gt;

&lt;p&gt;

전혀 그렇지 않다. &lt;a href=&quot;http://www.useit.com/alertbox/9710a.html&quot; class=&quot;urlextern&quot; title=&quot;http://www.useit.com/alertbox/9710a.html&quot;  rel=&quot;nofollow&quot;&gt;사용성 테스트&lt;/a&gt;에서는 이미 오래전에 사람들이 웹 컨텐츠를 단어 단위로 읽지 않는다는 것을 밝혀내었다. 대신, 그들은 강조된 키워드들, 의미있는 제목들, 짧은 문단들과 빠르게 의미가 파악되는 목록 위주로 훑어내려간다.
&lt;/p&gt;

&lt;p&gt;
왜? 사람들은 바쁘다. 그들은 신문기사나 넌픽션 도서를 읽을때와 마찬가지로 자신이 원하는 바로 그 정보 한조각을 원하는 것이다. 그들은 다른것들을 생략하면서 훑어나간다.
&lt;/p&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;Myth #1: 사람들은 웹을 읽는다&quot; [495-1151] --&gt;
&lt;h2&gt;&lt;a name=&quot;사람들이 얼마나 적게 읽는가?&quot; id=&quot;사람들이 얼마나 적게 읽는가?&quot;&gt;사람들이 얼마나 적게 읽는가?&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;level2&quot;&gt;

&lt;p&gt;
제이콥 닐슨(Jakob Nielsen)이 2008년 진행한 연구는 대부분의 웹 페이지에서 &lt;a href=&quot;http://www.useit.com/alertbox/percent-text-read.html&quot; class=&quot;urlextern&quot; title=&quot;http://www.useit.com/alertbox/percent-text-read.html&quot;  rel=&quot;nofollow&quot;&gt; 텍스트 컨텐츠의 20% 미만이 읽히고 있음&lt;/a&gt;을 지적하고 있다. 다른 사용성 테스트에서, 닐슨은 웹사이트를 위한 다른 출판 스타일을 테스트해 보았다. &lt;a href=&quot;http://www.useit.com/alertbox/9710a.html&quot; class=&quot;urlextern&quot; title=&quot;http://www.useit.com/alertbox/9710a.html&quot;  rel=&quot;nofollow&quot;&gt;간결하고, 훑어보기 편하고, 객관적인(목적적인) 카피라이팅&lt;/a&gt;은 124% 증가된 사용성을 나타내었다.
&lt;/p&gt;

&lt;p&gt;
사용성 연구에서, Gerry McGovern은 훑어보기 &lt;a href=&quot;http://www.gerrymcgovern.com/nt/2008/nt-2008-10-06-block-reading.htm&quot; class=&quot;urlextern&quot; title=&quot;http://www.gerrymcgovern.com/nt/2008/nt-2008-10-06-block-reading.htm&quot;  rel=&quot;nofollow&quot;&gt;불편하게 만들어진 페이지&lt;/a&gt;에서 특정한 정보를 찾아내는 사람은 15명중 1명에 불과함을 발견하였다.
S.K는 &lt;a href=&quot;http://www.amazon.com/Think-Common-Sense-Approach-Usability/dp/0789723107&quot; class=&quot;urlextern&quot; title=&quot;http://www.amazon.com/Think-Common-Sense-Approach-Usability/dp/0789723107&quot;  rel=&quot;nofollow&quot;&gt;나를 생각하게 하지 말아라&lt;/a&gt;에서 웹 사용자들에 대한 가장 중요한 사실은 ”&lt;a href=&quot;http://www.sensible.com/chapter.html&quot; class=&quot;urlextern&quot; title=&quot;http://www.sensible.com/chapter.html&quot;  rel=&quot;nofollow&quot;&gt;읽지 말아라. 그들은 훑는다&lt;/a&gt;“라고 주장하고 있다.
&lt;/p&gt;
&lt;div class=&quot;tags&quot;&gt;&lt;span&gt;
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:ux&amp;amp;do=showtag&amp;amp;tag=tag%3Aux&quot; class=&quot;wikilink1&quot; title=&quot;tag:ux&quot; rel=&quot;tag&quot;&gt;UX&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:uxmyths%2C&amp;amp;do=showtag&amp;amp;tag=tag%3Auxmyths%2C&quot; class=&quot;wikilink1&quot; title=&quot;tag:uxmyths,&quot; rel=&quot;tag&quot;&gt;UXMyths,&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:%EC%82%AC%EC%9A%A9%EC%84%B1%2C&amp;amp;do=showtag&amp;amp;tag=tag%3A%EC%82%AC%EC%9A%A9%EC%84%B1%2C&quot; class=&quot;wikilink1&quot; title=&quot;tag:사용성,&quot; rel=&quot;tag&quot;&gt;사용성,&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:%EC%A0%9C%EC%9D%B4%EC%BD%A5%EB%8B%90%EC%8A%A8&amp;amp;do=showtag&amp;amp;tag=tag%3A%EC%A0%9C%EC%9D%B4%EC%BD%A5%EB%8B%90%EC%8A%A8&quot; class=&quot;wikilink1&quot; title=&quot;tag:제이콥닐슨&quot; rel=&quot;tag&quot;&gt;제이콥닐슨&lt;/a&gt;
&lt;/span&gt;&lt;/div&gt;

&lt;/div&gt;
&lt;!-- SECTION &quot;사람들이 얼마나 적게 읽는가?&quot; [1152-] --&gt;&lt;span class=&quot;plugin_feedmod_comments&quot;&gt;
  &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:uxmyths:myth_1_people_read_on_the_web#discussion__section&quot; title=&quot;Read or add comments to this article&quot;&gt;Read or add comments to this article&lt;/a&gt;
&lt;/span&gt;
</description>
            <author>추지호</author>
        <category>UX</category>
        <category>UXMyths,</category>
        <category>사용성,</category>
        <category>제이콥닐슨</category>
            <pubDate>Tue, 27 Jul 2010 10:49:08 +0900</pubDate>
        </item>
        <item>
            <title>차니의 HTML5</title>
            <link>http://www.clearboth.org/wiki/doku.php?id=document:html:channy_html5</link>
            <description>


&lt;div class=&quot;level1&quot;&gt;

&lt;p&gt;
차니라는 닉네임으로 잘 알려져 있는 윤석찬님께서 자신의 &lt;a href=&quot;http://blog.creation.net/&quot; class=&quot;urlextern&quot; title=&quot;http://blog.creation.net/&quot;  rel=&quot;nofollow&quot;&gt;블로그&lt;/a&gt;에 서브 계정을 만들어 HTML5와 관련된 정보들을 한데 모아 소개하고 있습니다. 
&lt;/p&gt;
&lt;div class=&quot;thumb2 tleft&quot; style=&quot;width:510px&quot;&gt;&lt;div class=&quot;thumbinner&quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/lib/exe/detail.php?id=document%3Ahtml%3Achanny_html5&amp;amp;media=document:html:channy_html5.png&quot; class=&quot;media&quot; title=&quot;document:html:channy_html5.png&quot;&gt;&lt;img src=&quot;http://www.clearboth.org/wiki/lib/exe/fetch.php?w=500&amp;amp;media=document:html:channy_html5.png&quot; class=&quot;mediabox2&quot; alt=&quot;&quot; width=&quot;500&quot; /&gt;&lt;/a&gt;&lt;div class=&quot;thumbcaption&quot;&gt;&lt;div class=&quot;magnify&quot;&gt;&lt;a class=&quot;internal&quot; title=&quot;실제 크기로&quot; href=&quot;http://www.clearboth.org/wiki/lib/exe/detail.php?id=document%3Ahtml%3Achanny_html5&amp;amp;media=document:html:channy_html5.png&quot;&gt;&lt;img width=&quot;15&quot; height=&quot;11&quot; alt=&quot;&quot; src=&quot;http://www.clearboth.org/wiki/lib/plugins/imagebox/magnify-clip.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;Channy&amp;#039;s HTML5&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;
&lt;a href=&quot;http://html5.creation.net/html4-differences/&quot; class=&quot;urlextern&quot; title=&quot;http://html5.creation.net/html4-differences/&quot;  rel=&quot;nofollow&quot;&gt;HTML 4와 HTML 5의 차이점&lt;/a&gt;, &lt;a href=&quot;http://channy.creation.net/blog/776&quot; class=&quot;urlextern&quot; title=&quot;http://channy.creation.net/blog/776&quot;  rel=&quot;nofollow&quot;&gt;HTML 5의 모든 것&lt;/a&gt;, &lt;a href=&quot;http://blog.creation.net/386&quot; class=&quot;urlextern&quot; title=&quot;http://blog.creation.net/386&quot;  rel=&quot;nofollow&quot;&gt;마크업의 미래에 대한 오해&lt;/a&gt;와 같은 글들을 비롯해 최근 개최되었던 &lt;a href=&quot;http://webappscon.com/html5&quot; class=&quot;urlextern&quot; title=&quot;http://webappscon.com/html5&quot;  rel=&quot;nofollow&quot;&gt;HTML5 오픈 컨퍼런스&lt;/a&gt;를 통해 공개된 &amp;#039;&lt;a href=&quot;http://html5.creation.net/html5-guide.pdf&quot; class=&quot;urlextern&quot; title=&quot;http://html5.creation.net/html5-guide.pdf&quot;  rel=&quot;nofollow&quot;&gt;실전 HTML5 가이드&lt;/a&gt;&amp;#039;의 PDF문서 또한 이 곳에서 배포중입니다.
&lt;/p&gt;

&lt;p&gt;
HTML5에 대해 관심이 많다면 즐겨찾기 해 두어야 할 페이지가 아닐까 하여 소개해 드립니다.
&lt;/p&gt;
&lt;div class=&quot;tags&quot;&gt;&lt;span&gt;
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:%EC%B0%A8%EC%A7%80&amp;amp;do=showtag&amp;amp;tag=tag%3A%EC%B0%A8%EC%A7%80&quot; class=&quot;wikilink1&quot; title=&quot;tag:차지&quot; rel=&quot;tag&quot;&gt;차지&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:%EC%9C%A4%EC%84%9D%EC%B0%AC&amp;amp;do=showtag&amp;amp;tag=tag%3A%EC%9C%A4%EC%84%9D%EC%B0%AC&quot; class=&quot;wikilink1&quot; title=&quot;tag:윤석찬&quot; rel=&quot;tag&quot;&gt;윤석찬&lt;/a&gt;,
	&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=tag:html5&amp;amp;do=showtag&amp;amp;tag=tag%3Ahtml5&quot; class=&quot;wikilink1&quot; title=&quot;tag:html5&quot; rel=&quot;tag&quot;&gt;html5&lt;/a&gt;
&lt;/span&gt;&lt;/div&gt;

&lt;/div&gt;
&lt;span class=&quot;plugin_feedmod_comments&quot;&gt;
  &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:html:channy_html5#discussion__section&quot; title=&quot;Read or add comments to this article&quot;&gt;Read or add comments to this article&lt;/a&gt;
&lt;/span&gt;
</description>
            <author>추지호</author>
        <category>차지</category>
        <category>윤석찬</category>
        <category>html5</category>
            <pubDate>Sat, 24 Jul 2010 09:30:47 +0900</pubDate>
        </item>
    </channel>
</rss>
