<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>웹 뒤에 숨은 web</title>
    <link>http://www.pageoff.net/</link>
    <description>마크업 개발자로 살아가는 추지호의 개인 블로그.</description>
    <language>ko</language>
    <pubDate>Fri, 12 Mar 2010 18:02:00 +0900</pubDate>
    <generator>Textcube.com 2.0 Garnet</generator>
    <item>
      <title>미투데이 입성</title>
      <link>http://www.pageoff.net/entry/미투데이-입성</link>
      <description>&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://me2day.net/&quot;&gt;&lt;img src=&quot;http://fs.textcube.com/blog/0/625/attach/Xf8QgakE6a.png&quot; style=&quot;width:120px;height:120px;&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;cap1&quot;&gt;미투데이&lt;/p&gt;&lt;/div&gt;&lt;br /&gt;최근 3개월 동안 여러가지 사정으로 다니던 직장을 휴직하고, 집에서 쉬고 있었습니다. 몇가지 크고 작은 일들을 진행하면서 시간을 보내다가 아내의 배는 점점 불러 1월 21일 예쁜 아기를 낳았구요. 하루 하루 애기가 커 가는걸 보고 있자니 아빠로써 집에만 있기가 힘들더군요. 부모님도 걱정하시고, 장기적으로 움직임이 필요하다는 판단도 들었습니다. &lt;br /&gt;&lt;br /&gt;그러다가 지인의 도움을 받아 &lt;a target=&quot;_blank&quot; href=&quot;http://me2day.net/&quot;&gt;미투데이&lt;/a&gt;TF팀에 합류할 수 있게 되었구요. 이번주부터 출근 도장을 찍고 있습니다. 아직 사내 분위기 적응중이고, 구체적인 업무를 시작하지는 않았지만 함께 일할 동료이자 친구에게 여러가지를 배우고 있기도 합니다. &lt;br /&gt;&lt;br /&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://me2day.net/&quot;&gt;미투데이&lt;/a&gt;는 제게 참 여러가지를 주는 것 같습니다. 주변분들은 대부분 알고 계시지만 제가 아내를 만난 곳도 미투데이였구요. 그렇게 연애를 시작해서 작년에 결혼까지 했으니까요. 지금은 &lt;a target=&quot;_blank&quot; href=&quot;http://me2day.net/bomnun&quot;&gt;저&lt;/a&gt;와 &lt;a target=&quot;_blank&quot; href=&quot;http://me2day.net/071231&quot;&gt;아내&lt;/a&gt; 그리고 아들 &lt;a target=&quot;_blank&quot; href=&quot;http://me2day.net/ilovedanbee&quot;&gt;이준&lt;/a&gt;이의 미투데이까지... 우리 가족은 &lt;a target=&quot;_blank&quot; href=&quot;http://me2day.net/&quot;&gt;미투데이&lt;/a&gt; 가족과 다름 없었는데 이번에 제가 &lt;a target=&quot;_blank&quot; href=&quot;http://me2day.net/&quot;&gt;미투데이&lt;/a&gt;를 만들어가는 책임까지 함께 나누어 갖게 되었습니다. &lt;br /&gt;&lt;br /&gt;아직은 코드 한 줄 더하지 못하고 있지만 앞으로 더 나은 서비스로, 더 나은 웹으로 만들어 가기 위해 가진 재능을 아끼지 말아야 겠다는 생각을 해 봅니다. 태어나기도 전에 &lt;a target=&quot;_blank&quot; href=&quot;http://me2day.net/&quot;&gt;미투데이&lt;/a&gt;를 시작하게 된 아들 이준이에게 나중에 자랑스럽게 이야기해주고 싶거든요.&lt;br /&gt;&lt;br /&gt;덧붙임, 아직 &lt;a target=&quot;_blank&quot; href=&quot;http://me2day.net/&quot;&gt;미투데이&lt;/a&gt;를 모르시는 분들. 가입했지만 잘 안 쓰시는 분들. &lt;a target=&quot;_blank&quot; href=&quot;http://me2day.net/&quot;&gt;미투데이&lt;/a&gt; 재미나게 사용해 주시고 많이 이용해 주세요~&lt;br /&gt;</description>
      <category>날적이</category>
      <category>me2day</category>
      <category>미투데이</category>
      <category>새직장</category>
      <author>추지호</author>
      <guid>http://www.pageoff.net/1021</guid>
      <comments>http://www.pageoff.net/entry/미투데이-입성#entry1021Comment</comments>
      <pubDate>Wed, 10 Mar 2010 15:03:59 +0900</pubDate>
    </item>
    <item>
      <title>세번째 웹 퍼블리셔 오리엔테이션 마쳤습니다.</title>
      <link>http://www.pageoff.net/entry/세번째-웹-퍼블리셔-오리엔테이션-마쳤습니다</link>
      <description>지난 27일 토요일 오후 &lt;a href=&quot;http://www.clearboth.org&quot; target=&quot;_blank&quot;&gt;클리어보스&lt;/a&gt;가 주최하고, &lt;a href=&quot;http://cssnite-seoul.regraphy.com/&quot; target=&quot;_blank&quot;&gt;CSS Nite in Seoul&lt;/a&gt;이 후원하는 &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=seminar:publisher_ot_3th&quot; target=&quot;_blank&quot;&gt;웹 퍼블리셔 오리엔테이션 세번째 행사&lt;/a&gt;가 있었습니다.&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;이번 행사는 &lt;a href=&quot;http://www.microsoft.com/&quot; target=&quot;_blank&quot;&gt;한국 마이크로소프트&lt;/a&gt; 세미나실에서 열렸구요. 총 서른 여섯분이 참석을 해 주셨습니다.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;1,2기 행사와 달리 이번에는 전체 인원을 40으로 늘려 잡았고, 첫번째 세션을 교류파티 시간으로 결정해 참석자들간 인사와 이야기를 나눌 수 있도록 분위기를 만들어가는데 신경을 썼습니다. 당초 어색함때문에 대화가 없지는 않을까 하는 우려와 달리 참석자들끼리의 대화가 이루어질 수 있었구요. 2교시 발표와 3교시 토론에 이어지는 프로그램 진행에도 큰 무리가 없었던 것 같습니다.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://fs.textcube.com/blog/0/625/attach/XbDakblayH.jpg&quot; style=&quot;width:580px;height:435px;&quot; alt=&quot;세번째 웹퍼블리셔 오리엔테이션 - 교류파티&quot; /&gt;&lt;p class=&quot;cap1&quot;&gt;세번째 웹퍼블리셔 오리엔테이션 - 교류파티&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;1교시 교류파티 시간동안 6개의 테이블에 4~8명씩 둘러 앉아 인사도 나누고, 명함도 주고 받고, 회사 이야기, 웹표준 이야기 등 여러가지 이야기들을 나누는 시간을 가졌습니다.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://fs.textcube.com/blog/0/625/attach/XdAgIPywzv.jpg&quot; style=&quot;width:580px;height:435px;&quot; alt=&quot;세번째 웹퍼블리셔 오리엔테이션 - 서정민님 발표&quot; /&gt;&lt;p class=&quot;cap1&quot;&gt;세번째 웹퍼블리셔 오리엔테이션 - 서정민님 발표&lt;/p&gt;&lt;/div&gt;2교시에는 서정민님의 &#039;의미 있는 마크업을 하자&#039;라는 주제의 발표를 들었습니다. 언제나 그렇듯 시원 시원한 목소리와 열정으로 발표를 멋지게 해 주셨습니다.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://fs.textcube.com/blog/0/625/attach/XR9HKumDm8.jpg&quot; style=&quot;width:580px;height:435px;&quot; alt=&quot;세번째 웹퍼블리셔 오리엔테이션 - 질문시간&quot; /&gt;&lt;p class=&quot;cap1&quot;&gt;세번째 웹퍼블리셔 오리엔테이션 - 질문시간&lt;/p&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;정민씨의 발표에 이어 참석자들의 질문 공세도 이어졌습니다. 짧은 발표 시간이었음에도 여러분들께서 질문을 해 주셔서 아주 &#039;알 찬&#039; 30분이었지 않나 싶었습니다.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://fs.textcube.com/blog/0/625/attach/XMr9za34ZZ.jpg&quot; style=&quot;width:580px;height:435px;&quot; alt=&quot;세번째 웹퍼블리셔 오리엔테이션 - 토론시간&quot; /&gt;&lt;p class=&quot;cap1&quot;&gt;세번째 웹퍼블리셔 오리엔테이션 - 토론시간&lt;/p&gt;&lt;/div&gt;마지막 3,4교시는 이 행사의 주제인 &#039;오리엔테이션&#039;을 위한 토론 시간이 이어졌습니다. 웹 퍼블리셔로 입문하고, 회사에서 겪을 수 있는 다양한 사례와 직업적인 고민들, 업무 역활 등을 황지훈 팀장님의 사회로 이야기를 풀어갔던 시간이었습니다.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;행사를 마친지 이제야 만 하루가 지났을 뿐이고, 현재는 참석자들의 온라인 평가가 이루지고 있습니다. 모든 참석자분들의 평가가 완료되어야 이번 행사의 결과가 점수로 매겨질 수 있겠지만 오티를 기획하고 준비했던 한 사람으로써 보람을 크게 느낀 행사였습니다. 더불어 아쉬움도 컸구요. &lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;지금 머리속에는 곧바로 다음 오티에 대한 고민이 들어차 있습니다. 지난해부터 대전이나 광주, 부산 등에서 행사를 개최해 줄 수 없느냐는 요청을 몇차례 받아왔는데 올 가을쯤에는 우선 가까운 대전이나 조금 멀더라도 광주쯤에서 행사를 열어볼까 하는 고민도 함께 가지고 있습니다. 혹시 제 블로그를 찾아 주시는 분들 가운데 대전이나 광주, 부산 등 지방에 적을 두고 계신 분이 계시다면 그래서 장소 문제를 해결해 주실 수 있다면, 따로 연락 부탁드립니다. &lt;/div&gt;&lt;/div&gt;</description>
      <category>클리어보스 소식</category>
      <category>clearboth</category>
      <category>CSS Nite</category>
      <category>CSS Nite in Seoul</category>
      <category>Microsoft</category>
      <category>마이크로소프트</category>
      <category>웹 퍼블리셔</category>
      <category>클리어보스</category>
      <author>추지호</author>
      <guid>http://www.pageoff.net/1020</guid>
      <comments>http://www.pageoff.net/entry/세번째-웹-퍼블리셔-오리엔테이션-마쳤습니다#entry1020Comment</comments>
      <pubDate>Sun, 28 Feb 2010 17:11:46 +0900</pubDate>
    </item>
    <item>
      <title>HTML5 제정과 관련된 질문 답, WHATWG FAQ 문서 한글화</title>
      <link>http://www.pageoff.net/entry/HTML5-제정과-관련된-질문-답-WHATWG-FAQ-문서-한글화</link>
      <description>&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#039;Lucida Grande&#039;, Verdana, Lucida, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 28px; color: rgb(66, 66, 61); &quot;&gt;&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; &quot;&gt;의도했던 것은 아니나 스티브 잡스가 HTML5 이슈를 크게 터뜨려주어 요즘 HTML5에 대한 관심이 지나치게 높아진 요즘 제가 운영중인 클리어보스에서는&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=lecture:html:whatwg_faq&quot; target=&quot;_blank&quot;&gt; WHATWG FAQ 문서를 번역&lt;/a&gt;&amp;nbsp;중에 있었습니다. 2010년 들면서 클리어보스 내에 HTML5 스터디를 꾸리고 공부를 할 마음으로 진행된 것이었는데요. 아직 미흡하긴 하나 그럭저럭 읽기에는 어렵지 않은 문서가 되어 공개하게 되었습니다.&lt;/p&gt;&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; &quot;&gt;&lt;a href=&quot;http://wiki.whatwg.org/wiki/FAQ&quot; target=&quot;_blank&quot;&gt;WHATWG FAQ&lt;/a&gt;는 HTML5 제정과 관련해서 나온 여러가지 질문들에 대한 답변을 다루고 있는 문서이고, 수시로 업데이트가 되고 있습니다. 따라서 현재 &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=lecture:html:whatwg_faq&quot; target=&quot;_blank&quot;&gt;한글화된 문서&lt;/a&gt;가 &lt;a href=&quot;http://wiki.whatwg.org/wiki/FAQ&quot; target=&quot;_blank&quot;&gt;영문 문서&lt;/a&gt;와 내용이 달라질 수 있음을 알아주시기 바랍니다. 시일이 다소 지난 후에는 영문서를 먼저 확인해 보시고 업데이트가 되었는지 확인하실 필요가 있을 것입니다. &lt;/p&gt;&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; &quot;&gt;또, 이 &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=lecture:html:whatwg_faq&quot; target=&quot;_blank&quot;&gt;한글화 문서&lt;/a&gt;는 &lt;a href=&quot;http://www.html5.jp/trans/whatwg_html5faq.html&quot; target=&quot;_blank&quot;&gt;일본 문서&lt;/a&gt;를 재번역 한 것을 기초로 하고 있습니다. 애초에 스터디 그룹에서 사용될 것이었기 때문에 번역이 좀 더 용이한 일어 문서를 가지고 번역하기 시작했습니다. 혹시 번역된 문서를 재번역한 것이라 믿음이 덜한 분들은 꼭 원문을 읽기를 권해 드립니다.&lt;/p&gt;&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; &quot;&gt;&lt;a href=&quot;http://wiki.whatwg.org/wiki/FAQ&quot; target=&quot;_blank&quot;&gt;영어 원문&lt;/a&gt;이든 &lt;a href=&quot;http://www.html5.jp/trans/whatwg_html5faq.html&quot; target=&quot;_blank&quot;&gt;일본어로 번역된 문서&lt;/a&gt;를 재번역했든 최대한 원본 글을 유지하고자 했습니다. 하지만 번역의 미숙함과 배경지식의 얕음으로 인해 아마 여러 부분에서 애매모호한 문장들이 있을 것이라고 생각됩니다. 지난주 클리어보스 자체 HTML5 스터디에서 이 문서를 다루었을 때도 이해가 되지 않아 모두들 어리둥절해 한 내용들도 있었으니까요.&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; &quot;&gt;일단은 HTML5에 제정과 관련된 여러가지 궁금증을 풀어보고자 그리고 풀어 드리고자 번역을 시도해 봤습니다. 일어를 번역해 주신 &lt;a href=&quot;http://me2day.net/junjun&quot; target=&quot;_blank&quot;&gt;윤준&lt;/a&gt;님께 감사드리고, 영문 부분을 번역해 주신 &lt;a href=&quot;http://uxmeans.textcube.com/&quot; target=&quot;_blank&quot;&gt;아쿠아테라&lt;/a&gt;님께도 감사드립니다.&lt;/p&gt;&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; &quot;&gt;자체 스터디를 통해서 HTML5에 대한 배경 지식이 넓어지면 이 FAQ를 통해서 이안 힉슨의 답변을 좀 더 이해할 수 있을 것이라고 기대해 보고, 그렇게 깨닫게 되면 여러분들께도 함께 공유해 드리도록 하겠습니다.&lt;/p&gt;&lt;/span&gt;</description>
      <category>클리어보스 소식</category>
      <category>html</category>
      <category>HTML5</category>
      <category>WHATWG</category>
      <category>WHATWG FAQ</category>
      <category>XHTML</category>
      <category>XML</category>
      <author>추지호</author>
      <guid>http://www.pageoff.net/1019</guid>
      <comments>http://www.pageoff.net/entry/HTML5-제정과-관련된-질문-답-WHATWG-FAQ-문서-한글화#entry1019Comment</comments>
      <pubDate>Tue, 09 Feb 2010 21:52:19 +0900</pubDate>
    </item>
    <item>
      <title>세번째 웹퍼블리셔 오리엔테이션 소식</title>
      <link>http://www.pageoff.net/entry/세번째-웹퍼블리셔-오리엔테이션-소식</link>
      <description>&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#039;Lucida Grande&#039;, Verdana, Lucida, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 28px; color: rgb(66, 66, 61); &quot;&gt;&lt;div&gt;안녕하세요.&lt;/div&gt;&lt;div&gt;클리어보스에서 &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=seminar:publisher_ot_3th&quot; target=&quot;_blank&quot;&gt;세번째 웹퍼블리셔 오리엔테이션&lt;/a&gt; 행사를 열게 되었습니다.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=seminar:publisher_ot_3th&quot;&gt;&lt;img src=&quot;http://fs.textcube.com/blog/0/625/attach/XQZk8mVGfw.jpg&quot; style=&quot;width:500px;height:600px;&quot; alt=&quot;세번째 웹퍼블리셔 오리엔테이션&quot; /&gt;&lt;/a&gt;&lt;p class=&quot;cap1&quot;&gt;세번째 웹퍼블리셔 오리엔테이션&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;지난해 &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=seminar:publisher_ot_1th&quot; target=&quot;_blank&quot;&gt;첫번째&lt;/a&gt; 행사와 &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=seminar:publisher_ot_2th&quot; target=&quot;_blank&quot;&gt;두번째&lt;/a&gt; 행사를 무사히 마치고, 2010년 새 해를 맞이하면서 오는 2월 27일 토요일 오후 1시부터 5시까지 4시간동안 서울 삼성동 포스코센터 서관 5층 한국 마이크로소프트 세미나실에서 세번째 행사를 개최하려고 합니다.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;웹퍼블리셔 오리엔테이션은 웹퍼블리셔 경력 1년 미만의 신입과 입문자들을 위한 세미나로, 웹퍼블리셔들의 업무 프로세스에서부터 개인 임무의 영역까지 여러가지 주제들을 이야기하면서 스스로의 비전을 찾고 자기계발의 기회를 가질수 있도록 독려하기 위한 행사입니다. 2009년 2월 첫 행사를 시작으로 세번째 자리를 갖게 되었으며, 황지훈, 장기웅님등 여러 업계 선배님들이 함께 해 주시고 계십니다.&lt;/span&gt;&lt;div&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#42423D&quot; face=&quot;&#039;Lucida Grande&#039;, Verdana, Lucida, Helvetica, Arial, sans-serif&quot; size=&quot;4&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 14px; line-height: 28px; &quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#42423D&quot; face=&quot;&#039;Lucida Grande&#039;, Verdana, Lucida, Helvetica, Arial, sans-serif&quot; size=&quot;4&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 14px; line-height: 28px;&quot;&gt;이번 행사부터는 종전 20명 참석에서 40명 참석으로 최대 인원을 늘렸구요. 참석 신청 후 책임비(2,000원)를 미리 공지된 계좌로 이체하여 참석 여부를 확실히 해 두는 제도를 마련했습니다. 사실 2,000원 그렇게 큰 돈도 아니어서 계좌 이체까지 하는 것 자체가 매우 불편할 수도 있습니다. 하지만 무료나 다름없이 진행되는 이 세미나를 위해서 참석자 인원대로 장소를 섭외하고 다과를 준비하는 등 비용을 들인 이후에 불참자가 많아서 고스란히 운영진들이 주머니를 털어야 하는 상황이 매번 반복되다 보니 행사 진행에 대한 어려움을 점점 크게 느껴가는 점이 있었습니다. 하지만 그보다 더 아쉬운건 오시기로 했던 분들이 부득이하게 참석하지 못하셔서 빈자리를 넓혀 갈 때 입니다. 운영진들 어깨가 축 쳐지죠^^;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#42423D&quot; face=&quot;&#039;Lucida Grande&#039;, Verdana, Lucida, Helvetica, Arial, sans-serif&quot; size=&quot;4&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 14px; line-height: 28px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#42423D&quot; face=&quot;&#039;Lucida Grande&#039;, Verdana, Lucida, Helvetica, Arial, sans-serif&quot; size=&quot;4&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 14px; line-height: 28px;&quot;&gt;아무쪼록 이번 행사에서는 보다 많은 분들이 신청도 해 주시고, 책임있게 참석도 해 주셔서 보다 의미 있는 자리가 될 수 있기를 바라겠습니다.&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#42423D&quot; face=&quot;&#039;Lucida Grande&#039;, Verdana, Lucida, Helvetica, Arial, sans-serif&quot; size=&quot;4&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 14px; line-height: 28px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#42423D&quot; face=&quot;&#039;Lucida Grande&#039;, Verdana, Lucida, Helvetica, Arial, sans-serif&quot; size=&quot;4&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 14px; line-height: 28px;&quot;&gt;행사 안내와 관련한 자세한 내용은 &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=seminar:publisher_ot_3th&quot; target=&quot;_blank&quot;&gt;클리어보스 세미나 페이지&lt;/a&gt;를 확인해 보시면 됩니다.&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#42423D&quot; face=&quot;&#039;Lucida Grande&#039;, Verdana, Lucida, Helvetica, Arial, sans-serif&quot; size=&quot;4&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 14px; line-height: 28px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#42423D&quot; face=&quot;&#039;Lucida Grande&#039;, Verdana, Lucida, Helvetica, Arial, sans-serif&quot; size=&quot;4&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 14px; line-height: 28px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;div&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#42423D&quot; face=&quot;&#039;Lucida Grande&#039;, Verdana, Lucida, Helvetica, Arial, sans-serif&quot; size=&quot;4&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 14px; line-height: 28px;&quot;&gt;덤, 혹시 이 글을 읽는 분 가운데 이 작은 행사에 후원을 해 주실 곳이 있다면 서슴치 마시고 연락 주세요~! 책 한 권이라도 아주 감사하게 받아서, 참석자 분들께 나눠 드릴수 있습니다~&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;</description>
      <category>클리어보스 소식</category>
      <category>clearboth</category>
      <category>세미나</category>
      <category>웹퍼블리셔</category>
      <category>웹퍼블리셔 오리엔테이션</category>
      <category>클리어보스</category>
      <author>추지호</author>
      <guid>http://www.pageoff.net/1018</guid>
      <comments>http://www.pageoff.net/entry/세번째-웹퍼블리셔-오리엔테이션-소식#entry1018Comment</comments>
      <pubDate>Mon, 08 Feb 2010 09:23:27 +0900</pubDate>
    </item>
    <item>
      <title>좋아보이는 웹사이트를 만드는 디자인 원칙</title>
      <link>http://www.pageoff.net/entry/좋아보이는-웹사이트를-만드는-디자인-원칙</link>
      <description>&lt;div class=&quot;imageblock left&quot; style=&quot;float: left; margin-right: 10px;&quot;&gt;&lt;img src=&quot;http://fs.textcube.com/blog/0/625/attach/XRAozghiO9.jpeg&quot; style=&quot;width:300px;height:387px;&quot; alt=&quot;좋아보이는 웹사이트를 만드는 디자인 원칙&quot; /&gt;&lt;p class=&quot;cap1&quot;&gt;좋아보이는 웹사이트를 만드는 디자인 원칙&lt;/p&gt;&lt;/div&gt;고등학교 시절 내 꿈은 웹 디자이너였다. 페인트 샵 프로를 이용해서 머리속에 그려지는 온갖 것들을 디지털 이미지로 창조해 내는 그 느낌이 너무나 황홀했고 행복했었다. &#039;디자이너&#039;라는 이름이 가져다 주는 감동도 컸다. 거기에 HTML과 CSS라는 프로그래밍같은 언어를 함께 다루는 솜씨는 더욱 더 웹 디자이너를 돋보이게 했다. 하지만 대학을 졸업하고, 군대를 마치고 나니 많은 것이 변했고, 나는 HTML과 CSS를 다루는 UI개발자가 되어 있었다. 포토샵을 실행시키기는 하지만 대부분 디자이너가 작업한 PSD파일을 자르고, 약간씩 편집을 하는 수준이었다. 무엇인가 창조하는 즐거움은 사라지고 없었다. 그런 업무적 경계과 선명해질 수록 나는 웹디자이너와 다른 모습으로 살아가게 되었고, 그들의 생각이나 고민을 이해하지 못하게 되었다. 막연히 디자인도 역시 힘들고 고단하겠지하고 넘겨 짚을 뿐이었다.&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;우리가 하는 일-웹 사이트를 제작하는-이라는 것이 기획자나 디자이너, 개발자나 퍼블리셔 한 두명으로 되지 않는다는 사실은 누구나 알고 있다. 하지만 점점 분야의 깊이가 깊어지면서 서로의 업무의 경계를 분명해지고 벽이 만들어진다. 서로를 이해하기 힘들어지게 되며 자신만의 지식이 진리가 되어 버리곤 한다. 사이트는 쉽게 경로를 이탈하게 되고, 일정은 무한히 늘어진다. 모두가 피곤해진다.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;과거에는 스스로 기획과 디자인 개발과 퍼블리싱을 모두 해내야 하는 웹 마스터가 있었지만, 지금은 보다 더 현명하게 웹사이트를 제작하고, 자신의 일을 훨씬 전문화시키기 위해서 서로를 이해할 필요가 있다고 생각한다. 그래서 종종 내가 하지 않는 일. 내가 관심을 두지 않는 일들에 대해서 관심을 둘 필요도 있지 않을까 생각한다. 조금씩 공부를 하고, 이해를 하기 시작하면 디자이너가 개발자가 얼마나 고단한지 어떤 어려움이 있는지 이해할 수 있고, 협업에 있어 도움을 주고 받을 수 있지 않을까?&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;그런 의미에서 최근에 내가 찾아 읽은 책은 &#039;&lt;a href=&quot;http://book.daum.net/detail/book.do?bookid=KOR9788991268593&quot; target=&quot;_blank&quot;&gt;좋아보이는 웹 사이트를 만드는 디자인 원칙&lt;/a&gt;&#039;(도서출판 &lt;a href=&quot;http://blog.insightbook.co.kr/&quot; target=&quot;_blank&quot;&gt;인사이트&lt;/a&gt;)이었다. C, JAVA를 비롯해 ASP, PHP, JSP등 여러 개발 언어는 대학시절부터 꾸준히 공부를 해 왔지만 고등학교 이후 디자인 영역은 내 영역이 아니라고 생각했고 그만큼 멀찍이 떨어져 지내 왔던게 사실이다. &lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;하지만 최근 몇년간 웹표준과 웹접근성에 대한 이야기가 많이 화자되면서 디자이너와의 협업- 접근성을 위한 유니버설 디자인 등을 이야기할 때마다 내 지식의 한계에 부딪히며 말을 잇지 못하는 경우가 많았다. 나는 디자이너들의 작업을 어느 정도나 이해하고 있을까? 그들이 생각하는 색이나 이미지, 폰트는 어떤 개념들일지 나는 몰랐다. 그래서 알아볼 필요가 있었다.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;이 책은 아주 세세한 부분까지 가르침을 주는 책은 아니다. 두께도 그다지 없고, 내용의 깊이도 충분하다고 보긴 어렵다. 어떤 미술 사조를 거론하며 권위를 내보이지도 않는다. 이 책은 아주 정갈하고 가볍다.(저자는 가볍다라는 평가에 불만일 수 있겠지만) 왜냐면 나같은 무지한 인간에게도 또렷하게 읽혀졌기 때문이다. 편하게 디자인이라는 개념을 받아들일 수 있도록 친절함으로 글을 적어 놓은 책이 이 책이다. &lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;일부러 강조하지 않으면서도 마크업을 의미 있게 작성해야 하는 이유를 가슴을 두드리며 설득하고 있으며, 접근성이라는 단어를 적지 않으면서도 접근성에 대한 고민을 하게끔 시선을 이끄는 책이었지 않나 싶다. 왜냐면 표준이나 접근성은 너무나 자연스럽게 우리 몸에 베어야 할 무형의 지식이지 강제로 주입되어야 할 암기 과목이 아니기 때문이다. &lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;디자이너에게 좋은 책이지만, 웹퍼블리셔, UI개발자들에게도 한번 읽어보기를 추천하는 책이다.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;</description>
      <category>서평</category>
      <category>The Principles of beautiful web design</category>
      <category>web design</category>
      <category>웹디자이너</category>
      <category>웹디자인</category>
      <category>이광우</category>
      <category>인사이트</category>
      <category>제이슨 비어든</category>
      <category>좋아 보이는 웹사이트를 만드는 디자인 원칙</category>
      <author>추지호</author>
      <guid>http://www.pageoff.net/1017</guid>
      <comments>http://www.pageoff.net/entry/좋아보이는-웹사이트를-만드는-디자인-원칙#entry1017Comment</comments>
      <pubDate>Thu, 04 Feb 2010 12:29:42 +0900</pubDate>
    </item>
    <item>
      <title>단비를 보다  I see danbee!</title>
      <link>http://www.pageoff.net/entry/단비를-보다-I-see-danbee</link>
      <description>2010년 1월 21일 오후 5시 18분 세상에 단비가 내렸습니다. 저와 아내의 소중한 아기가 태어났지요. 엄마의 뱃속에서 갓 나온 아기는 온 몸이 붉었고, 아주 크게 울었습니다. 어찌나 크게 울던지요. 3일 동안 찍었던 사진들 가운데 몇 장으로 올려 봅니다. 저와 아내가 함께 운영하고 있는 &lt;a target=&quot;_blank&quot; href=&quot;http://071231.tistory.com&quot;&gt;071231 &lt;/a&gt;블로그에는 더 많이 있구요~&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://fs.textcube.com/blog/0/625/attach/XBUNhhH4bV.jpg&quot; style=&quot;width:580px;height:384px;&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://fs.textcube.com/blog/0/625/attach/XLMdrRnNH1.jpg&quot; style=&quot;width:580px;height:384px;&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://fs.textcube.com/blog/0/625/attach/XZy2a7HTlt.jpg&quot; style=&quot;width:580px;height:384px;&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://fs.textcube.com/blog/0/625/attach/XLQg6Jg86S.jpg&quot; style=&quot;width:580px;height:384px;&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://fs.textcube.com/blog/0/625/attach/XWiSK70YJw.jpg&quot; style=&quot;width:580px;height:872px;&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;</description>
      <category>날적이</category>
      <category>단비</category>
      <category>메디아이</category>
      <category>아기</category>
      <category>육아</category>
      <author>추지호</author>
      <guid>http://www.pageoff.net/1016</guid>
      <comments>http://www.pageoff.net/entry/단비를-보다-I-see-danbee#entry1016Comment</comments>
      <pubDate>Sun, 24 Jan 2010 06:38:05 +0900</pubDate>
    </item>
    <item>
      <title>2010/1-2주차 클리어보스 소식</title>
      <link>http://www.pageoff.net/entry/20101-2주차-클리어보스-소식</link>
      <description>&lt;p&gt;2010년 첫번째 &lt;a href=&quot;http://www.clearboth.org/&quot;&gt;클리어보스&lt;/a&gt; 소식입니다.&lt;/p&gt;&lt;p&gt;최근에는 어떤 주제를 던져놓고, 투표(설문)와 의견 나눔을 통해서 글을 이끌어 가보고자 하고 있습니다. 개인 블로그에 쓰듯 단지 저만의 생각과 주장을 적다 보면, 다른 분들의 생각을 충분하게 공유하지 못하는 한계가 있었던것 같아서 이런 방법을 연습해 보고 있습니다. 클리어보스는 저 &#039;개인&#039;만의 공간이 아닌만큼 다양한 주제와 참여를 이끄는 공간으로 만들어볼까 합니다. 그래서 2010년 첫주와 둘째주에는 투표를 통한 설문글이 많았습니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=lecture:html:the_address_element&quot;&gt;주소를 address 요소로 마크업하지 말라?&lt;/a&gt;&lt;/p&gt;&lt;p&gt;- HTML5Doctor 에 올라온 글을 번역한 것입니다. address 요소를 적절하게 마크업하는 것에 대해서 고민할 기회를 주기에 번역해서 올려봤습니다.&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=lecture:html:faq_semantic_markup&quot;&gt;FAQ의 의미 있는 마크업은?&lt;/a&gt;&lt;br /&gt;- FAQ는 일반적인 웹 사이트 제작시 자주 등장하는 콘텐츠입니다. 대부분 DL 요소를 많이 사용하는데, DL 이외의 방법은 없는지 있다면 다른 사람들은 어떤 마크업을 사용하고 있는지에 대한 설문입니다. 현재 진행중입니다. 많은 참여 부탁드립니다.&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web&quot;&gt;웹 타이포그래피&lt;/a&gt;&lt;br /&gt;- 오페라 웹표준 강좌중 11번째 내용입니다. 웹에서 사용되는 글꼴에 대한 주제로 웹 디자이너 분들께 특히 추천드리는 내용입니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:job:job_title&quot;&gt;어떤 직함이 좋은가?&lt;/a&gt;&lt;br /&gt;웹퍼블리셔, UI개발자, 마크업 개발자 등 다양한 이름에 대한 선호도 조사입니다. 1월 2일 현재까지 결과는 UI개발자가 40%로 가장 많은 분들이 선호하고 있음을 알 수 있었습니다. 설문은 당분간 계속할 예정이니 아직 참여하지 않으신 분들은 한 번씩 선택해 주시고, 의견도 남겨주세요.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:job:work_time&quot;&gt;웹 퍼블리셔의 작업중 가장 오래 걸리는 것은?&lt;/a&gt;&lt;br /&gt;- 역시 설문조사입니다. 마크업과 스타일시트, 자바스크립트 등 실무에서 가장 작업 시간이 긴 직무를 선택하는 설문입니다. 대체로 비슷한 결과를 보이고 있습니다. 역시 당분간 계속됩니다.&lt;/p&gt;&lt;br class=&quot;final-break&quot;&gt;</description>
      <category>클리어보스 소식</category>
      <category>css</category>
      <category>FAQ</category>
      <category>html</category>
      <category>Web Standards</category>
      <category>마크업</category>
      <category>스타일시트</category>
      <category>웹 접근성</category>
      <category>웹 퍼블리셔</category>
      <category>웹 표준</category>
      <author>추지호</author>
      <guid>http://www.pageoff.net/1015</guid>
      <comments>http://www.pageoff.net/entry/20101-2주차-클리어보스-소식#entry1015Comment</comments>
      <pubDate>Fri, 08 Jan 2010 13:12:50 +0900</pubDate>
    </item>
    <item>
      <title>오페라 웹표준 강좌. 11장. 웹 타이포그래피</title>
      <link>http://www.pageoff.net/entry/오페라-웹표준-강좌-11장-웹-타이포그래피-1</link>
      <description>&lt;p&gt;클리어보스에서 번역중인 오페라 웹표준 강좌의 &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web&quot;&gt;11장. 웹 타이포그래피&lt;/a&gt;가 번역 되었습니다. 아쿠아테라님께서 번역을 해 주셨습니다. 이번 장은 웹 디자이너 분들께는 꼭 한번 읽기를 요청드리고 싶네요. 유니버설 디자인에 대한 고민도 함께 해 볼 수 있는 내용이 포함되어 있습니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;div&gt;&lt;div id=&quot;toc__inside&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#039;Lucida Grande&#039;, Verdana, Lucida, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 15px; color: rgb(99, 140, 156); &quot;&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#소개&quot; target=&quot;_blank&quot;&gt;소개&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#웹%20타이포그래피의%20한계점&quot; target=&quot;_blank&quot;&gt;웹 타이포그래피의 한계점&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;ul&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#줄어든%20폰트의%20선택의%20폭&quot; target=&quot;_blank&quot;&gt;줄어든 폰트의 선택의 폭&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#하이픈%20연결&quot; target=&quot;_blank&quot;&gt;하이픈 연결&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#kerning%20커닝&quot; target=&quot;_blank&quot;&gt;Kerning 커닝&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#조작의%20부재&quot; target=&quot;_blank&quot;&gt;조작의 부재&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#웹%20상에서%20타이포그래피는%20어떻게%20적용되는가?&quot; target=&quot;_blank&quot;&gt;웹 상에서 타이포그래피는 어떻게 적용되는가?&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#빠른%20팁&quot; target=&quot;_blank&quot;&gt;빠른 팁&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;ul&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#폰트의%20범위%20선택&quot; target=&quot;_blank&quot;&gt;폰트의 범위 선택&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#줄%20길이&quot; target=&quot;_blank&quot;&gt;줄 길이&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#줄%20간격&quot; target=&quot;_blank&quot;&gt;줄 간격&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#drop%20caps&quot; target=&quot;_blank&quot;&gt;Drop caps&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#작은%20대문자&quot; target=&quot;_blank&quot;&gt;작은 대문자&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#내어쓰기&quot; target=&quot;_blank&quot;&gt;내어쓰기&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#서체적으로%20올바른%20구두법과%20다른%20속성들&quot; target=&quot;_blank&quot;&gt;서체적으로 올바른 구두법과 다른 속성들&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#pull-quotes&quot; target=&quot;_blank&quot;&gt;Pull-quotes&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#요약&quot; target=&quot;_blank&quot;&gt;요약&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#연습문제&quot; target=&quot;_blank&quot;&gt;연습문제&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Dotum, Verdana, AppleGothic, sans-serif; font-size: 12px; line-height: 16px; &quot;&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:11_typography_on_the_web#작가에%20관하여&quot; target=&quot;_blank&quot;&gt;작가에 관하여&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/span&gt;&lt;br /&gt;번역된 다른 강좌들:&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:2_the_history_of_the_internet_and_the_web_and_the_evolution_of_web_standards&quot; title=&quot;reference:opera-wsc:2_the_history_of_the_internet_and_the_web_and_the_evolution_of_web_standards&quot; class=&quot;wikilink1&quot;&gt;인터넷과 웹의 역사, 그리고 웹 표준의 발전&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:3_how_does_the_internet_work&quot; title=&quot;reference:opera-wsc:3_how_does_the_internet_work&quot; class=&quot;wikilink1&quot;&gt;인터넷은 어떻게 작동하는가?&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:4_the_web_standards_model_-_html_css_and_javascript&quot; title=&quot;reference:opera-wsc:4_the_web_standards_model_-_html_css_and_javascript&quot; class=&quot;wikilink1&quot;&gt;웹 표준 모델 - HTML, CSS 그리고 JavaScript&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:5_web_standards_beautiful_dream_but_whats_the_reality&quot; title=&quot;reference:opera-wsc:5_web_standards_beautiful_dream_but_whats_the_reality&quot; class=&quot;wikilink1&quot;&gt;아름다운 꿈, 하지만 현실은 무엇인가?&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:8_colour_theory&quot; title=&quot;reference:opera-wsc:8_colour_theory&quot; class=&quot;wikilink1&quot;&gt;색 이론&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:12_the_basics_of_html&quot; title=&quot;reference:opera-wsc:12_the_basics_of_html&quot; class=&quot;wikilink1&quot;&gt;HTML 기초&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:13_html_head_element&quot; title=&quot;reference:opera-wsc:13_html_head_element&quot; class=&quot;wikilink1&quot;&gt;HTML 요소&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:25_accessibility_basics&quot; title=&quot;reference:opera-wsc:25_accessibility_basics&quot; class=&quot;wikilink1&quot;&gt;접근성 기초&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:27_css_basics&quot; title=&quot;reference:opera-wsc:27_css_basics&quot; class=&quot;wikilink1&quot;&gt;CSS 기초&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:39_programming_-_the_real_basics&quot; title=&quot;reference:opera-wsc:39_programming_-_the_real_basics&quot; class=&quot;wikilink1&quot;&gt;프로그래밍 - 정말 기초!&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:40_what_can_you_do_with_javascript&quot; title=&quot;reference:opera-wsc:40_what_can_you_do_with_javascript&quot; class=&quot;wikilink1&quot;&gt;당신은 자바스크립트로 무엇을 할 수 있는가?&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:41_your_first_look_at_javascript&quot; title=&quot;reference:opera-wsc:41_your_first_look_at_javascript&quot; class=&quot;wikilink1&quot;&gt;자바스크립트 시작하기&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:42_javascript_best_practices&quot; title=&quot;reference:opera-wsc:42_javascript_best_practices&quot; class=&quot;wikilink1&quot;&gt;자바스크립트 멋진 예제들&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:43_the_principles_of_unobtrusive_javascript&quot; title=&quot;reference:opera-wsc:43_the_principles_of_unobtrusive_javascript&quot; class=&quot;wikilink1&quot;&gt;겸손한 자바스크립트(unobtrusive JavaScript)의 원리&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:44_javascript_functions&quot; title=&quot;reference:opera-wsc:44_javascript_functions&quot; class=&quot;wikilink1&quot;&gt;자바스크립트 함수들&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:45_objects_in_javascript&quot; title=&quot;reference:opera-wsc:45_objects_in_javascript&quot; class=&quot;wikilink1&quot;&gt;자바스크립트 객체&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:46_traversing_the_dom&quot; title=&quot;reference:opera-wsc:46_traversing_the_dom&quot; class=&quot;wikilink1&quot;&gt;DOM 여행&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:48_dynamic_style_-_manipulating_css_with_javascript&quot; title=&quot;reference:opera-wsc:48_dynamic_style_-_manipulating_css_with_javascript&quot; class=&quot;wikilink1&quot;&gt;동적 스타일 - 자바스크립로 CSS 다루기&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:49_handling-events-with-javascript&quot; title=&quot;reference:opera-wsc:49_handling-events-with-javascript&quot; class=&quot;wikilink1&quot;&gt;자바스크립트 이벤트 핸들링&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:50_javascript_animation&quot; title=&quot;reference:opera-wsc:50_javascript_animation&quot; class=&quot;wikilink1&quot;&gt;자바스크립트 에니메이션&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=reference:opera-wsc:51_graceful_degradation_versus_progressive_enhancement&quot; title=&quot;reference:opera-wsc:51_graceful_degradation_versus_progressive_enhancement&quot; class=&quot;wikilink1&quot;&gt;적절한 낮춤 (Graceful degredation) 대 점진적 향상(progressive enhancement)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div id=&quot;toc__inside&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;br class=&quot;final-break&quot;&gt;</description>
      <category>마크업 이야기</category>
      <category>오페라 웹표준 강좌</category>
      <category>웹 타이포그래피</category>
      <category>웹표준</category>
      <category>타이포</category>
      <category>폰트</category>
      <author>추지호</author>
      <guid>http://www.pageoff.net/1014</guid>
      <comments>http://www.pageoff.net/entry/오페라-웹표준-강좌-11장-웹-타이포그래피-1#entry1014Comment</comments>
      <pubDate>Thu, 07 Jan 2010 13:15:57 +0900</pubDate>
    </item>
    <item>
      <title>웹 퍼블리셔세요?</title>
      <link>http://www.pageoff.net/entry/웹-퍼블리셔세요</link>
      <description>&lt;p style=&quot;clear: both&quot;&gt;&lt;a href=&quot;http://www.clearboth.org/&quot;&gt;클리어보스&lt;/a&gt;에서는 지난해 2월과 9월 경력이 1년이 못되는 서른명 정도의 분들을 모시고 &#039;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=seminar:publister_ot&quot; target=&quot;_blank&quot;&gt;웹 퍼블리셔 오리엔테이션&lt;/a&gt;&#039;이라는 자리를 가졌었습니다. 그리고 여름과 겨울에 가볍게 오프라인 모임을 갖기도 했었구요. 그 외에도 몇 차례 술자를 통해서 인사를 나눴던 분들도 계셨습니다. &lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;첫 인사를 나누고 나면 으레 디자인을 하시는지 개발을 하시는지 업무를 묻곤 하게 되는데요. 아무래도 자리가 자리이니 만큼 짐짓 &#039;웹 퍼블리셔&#039;이겠지 하면서 &quot;웹 퍼블리셔세요?&quot;라고 질문을 해 봅니다. 그런데 의외로 적지 않은 분들이 머뭇거리시면서 &quot;그게요... 아직은...&quot;이라는 식으로 말 끝을 흐리곤 하시더라구요.&lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;왜 그러셨을까요? 조금 더 이야기를 나누다 보면 저와 하는 일이 거의 같았습니다. HTML과 CSS를 주로 다루고, 자바스크립트를 너무 어려워 하지만 조금씩 공부하면서 적용해 가고 있다구요. 그럼 저는 &quot;아 그럼 웹 퍼블리셔네요~&quot;라면서 &quot;왜 어려워하세요?&quot;라고 되 묻곤 합니다. &lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;그 분들은 웹 퍼블리셔라는 이름에 대한 부담을 갖고 계셨어요. 그리 먼 과거도 아닌 불과 몇 해 전까지만 해도 우리들 같은 사람들을 주로 HTML 코더라고 불려졌고, 그렇게 알아 왔습니다. 하지만 신현석님께서 보다 넓고, 깊은 의미로 직업적인 사명감과 자부심을 갖고자 &lt;a href=&quot;http://hyeonseok.com/soojung/web/2007/08/16/396.html&quot; target=&quot;_blank&quot;&gt;&#039;웹 퍼블리셔&#039;라는 이름을 제안&lt;/a&gt;하셨습니다. 그리고 여러 사람들이 호응을 했고, 지금은 적잖은 곳에서 &#039;웹 퍼블리셔&#039;라는 직함을 사용하고 있지요. 그런데 비슷한 일을 하는데 어떤 회사는 &#039;UI개발자&#039; 누구는 &#039;마크업 개발자&#039; 어디는 계속 &#039;코더&#039;라고 불리고 있다 보니 혼란스러워들 하시더라구요.&lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;웹 퍼블리셔라는 이름은 버겁고, UI개발자나 마크업 개발자, 프론트 앤드 개발자... 같은 여러 이름은 자신의 정체성을 더욱 모호하게 만드는 것 같고... 그렇지 않나 생각해 봅니다.&lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;일단, 왜 &#039;웹 퍼블리셔&#039;라는 이름이 버겁다고 느껴질까요? 제 짧은 생각으로는 직함이 요구하는 전문성의 범위가 생각보다 넓기 때문입니다. HTML을 단지 기계적으로 작성하는 것이 아니라 논리적으로 판단하고, 의미 있게 작성할 수 있어야 하고, 표준에 맞도록 마크업 해야 한다는 것. 물론 CSS도 경제적이고 효율적으로 작성하고, 브라우저간 상호 운용성을 확보할 수 있어야겠죠. 핵은 지양하면서 말이죠. 거기에 웹 접근성 향상을 위한 심리적 부담감과 쉽지 않은 법률과 가이드라인. 거기에 단기간에 상승된 회사내의 입지. 웹 표준과 웹 접근성 이슈는 모두 &#039;우리&#039;에게 전담되어버린 듯 한 상황은 어지간한 경력자라 하더라도 쉽게 감내하기 어려울 수 있다고 봅니다. 사람마다 차이는 있겠지만 상당한 부담감이 될 수 있을것 같습니다. 그렇다 보니 &#039;나는 아직 웹 퍼블리셔는 아니고, 코더다.&#039;라는 생각을 갖게 되고, 족보 없는 가계도가 그려지곤 합니다. 코더를 하다가 웹 표준 좀 하면 웹 퍼블리셔, 그리고 자바스크립트를 조금 다룰 수 있게 되면 UI개발자. 로 말이지요.&lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;지금 클리어보스에서 &#039;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:job:job_title&quot; target=&quot;_blank&quot;&gt;HTML, CSS, JS 등을 주로 다루면서 사용자 화면을 설계하는 당신은 어떤 직함이 가장 좋습니까&lt;/a&gt;&#039;라는 간단한(?) 설문조사를 진행하고 있습니다. 한 사흘 정도 진행되었는데 UI개발자가 37명으로 가장 많은 분이 택해 주셨고, 웹 퍼블리셔는 20명이 23%, 프론트 앤드 개발자가 13명으로 15%를 차지했습니다. 전체 결과를 보고 싶으시거나 설문에 참여하고 싶으신 분들은 &lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:job:job_title&quot;&gt;클리어보스&lt;/a&gt;를 찾아주세요. &lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;사실 설문의 결과는 그다지 중요하지 않을 수도 있습니다. 특별히 공신력이 있는 사이트도 설문 조사 방식도 아니니까요. 1위 결과를 모두 함께 사용하자라는 캠페인을 벌일 생각은 아예 없구요. 중요한 건 두가지 정도일 것 같습니다. 하나는 지금 이런 고민을 하는 순간이 과도기적 상황이라는 것이구요. 또 하나는 어떤 이름이 중요한 것이 아니라 스스로 자신의 일을 정의하고, 자부심을 갖느냐하는 점이라고 생각합니다. 최근 몇 년 동안 여러가지 상황들이 빠르게 변하면서 &#039;코더&#039;라는 직군이 급 부상한 상황에서 자리를 잡아가고 있다고 생각하구요. 이것은 앞으로도 몇 년은 더 지나야 조금 더 명확한 직무 범위나 가이드라인이 만들어질 것이라고 생각합니다. 그리고 두번째에 대해서 얼마전에 신현석님도 &#039;&lt;a href=&quot;http://hyeonseok.com/soojung/web/2009/12/29/560.html&quot;&gt;웹 퍼블리셔의 업무범위&lt;/a&gt;&#039;라는 글을 통해서 적으셨지만 우리들이 어떤 이름으로 불리는건 그렇게 중요한 것이 아닙니다. 첫번째 이유를 들어 시간이 정리를 해 줄 것입니다.(물론 그 시간 동안에 여러 사람들의 자발적인 노력과 행동들도 있을 겁니다.) 스스로 한계를 긋고 울타리를 좁게 만드는 것이 문제지요. 어떤 직군이나 자기계발은 언제나 요구되는 덕목입니다. 개발자나 디자이너, 기획자들 모두 다 그렇게 계속 공부하고, 연습하면서 자신의 직무 범위를 넓히고, 깊게 해 나갑니다. 우리도 그래야 한다는 것이지요. 자바스크립트를 어느 정도까지 해야 하는가를 고민하기 보다 일단 시작하시고 할 수 있을 만큼 계속해서 하시는 것이 좋습니다. HTML, CSS, JS, XML, SEO, 표준, 접근성, 시멘틱, 디자인, 도구, UI, UX... 이렇게 나열된 직무 갯수에 지레 겁먹지 마시길 바랍니다. 저도 위에 나열된 것중 어느것 하나 확실하게 잘 하는 것은 없습니다. 걱정하고 계시는 여러분과 크게 다르지 않은 것이지요. 어제도 HTML 공부를 했고, 오늘도 해야 합니다.&lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;어떻게 보면 이런 논의나 설문 자체가 소모적인 논쟁이고, 답이 나지 않는 것일 수 있습니다. 하지만 고민하지 않고 넘기다 보면 나중에는 자신의 의지와 상관없이 큰 흐름에 그저 쓸려 다니기만 하기 쉽습니다. &lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;clear: both&quot;&gt;나 스스로 고민해 보지 않으면 내 것이 되지 않는다. 그게 제 생각입니다.&lt;/p&gt;</description>
      <category>마크업 이야기</category>
      <category>css</category>
      <category>html</category>
      <category>javascript</category>
      <category>UI개발자</category>
      <category>마크업개발자</category>
      <category>웹 퍼블리셔</category>
      <category>웹 표준</category>
      <category>코더</category>
      <author>추지호</author>
      <guid>http://www.pageoff.net/1012</guid>
      <comments>http://www.pageoff.net/entry/웹-퍼블리셔세요#entry1012Comment</comments>
      <pubDate>Thu, 07 Jan 2010 12:54:07 +0900</pubDate>
    </item>
    <item>
      <title>2009년도 웹 퍼블리셔 연봉 조사 결과</title>
      <link>http://www.pageoff.net/entry/2009년도-웹-퍼블리셔-연봉-조사-결과</link>
      <description>지난 2009년 12월 20일부터 31일까지 열 하루동안 총 115명이 설문에 참석해 주셨습니다. 최소 연봉자는 1,200만원, 최대 연봉자는 5,800만원까지 나왔네요. 평균 연봉은 2,600만원으로 나타났습니다. 하지만 단순 평균은 의미가 없겠죠. 경력과 기업 분야에 따라서 차이가 날 테니까요. 자세한 결과는&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:job:pay_webpublisher_2009&quot; target=&quot;_blank&quot;&gt; 클리어보스에 포스팅&lt;/a&gt;되어 있습니다.&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;추신/ 현재 클리어보스에서 진행중인 설문조사입니다. 많은 참여 부탁드립니다.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:job:work_time&quot;&gt;웹 퍼블리셔의 작업중 가장 오래 걸리는 것은?&lt;/a&gt;&amp;nbsp;마크업과 CSS, 자바스크립트, 이미지 슬라이스 작업 중 가장 오래 걸리는 작업은 무엇인지 알아보는 설문입니다.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.clearboth.org/wiki/doku.php?id=document:job:job_title&quot;&gt;어떤 직함이 좋은가?&lt;/a&gt;&amp;nbsp;- 웹퍼블리셔, 코더, UI개발자 등 등 우리는 불려지는 이름도 참 많습니다. 개인적으로 가장 불려지고 싶은 직함은 무엇인가요?&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;</description>
      <category>클리어보스 소식</category>
      <category>clearboth</category>
      <category>설문조사</category>
      <category>연봉</category>
      <category>웹퍼블리셔</category>
      <category>웹표준</category>
      <category>직함</category>
      <category>클리어보스</category>
      <author>추지호</author>
      <guid>http://www.pageoff.net/1010</guid>
      <comments>http://www.pageoff.net/entry/2009년도-웹-퍼블리셔-연봉-조사-결과#entry1010Comment</comments>
      <pubDate>Mon, 04 Jan 2010 09:26:41 +0900</pubDate>
    </item>
  </channel>
</rss>
