<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>Do</title>
    <link>https://staticfinal.tistory.com/</link>
    <description></description>
    <language>ko</language>
    <pubDate>Sat, 1 Aug 2026 18:26:28 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>도영이</managingEditor>
    <image>
      <title>Do</title>
      <url>https://t1.daumcdn.net/cfile/tistory/110CAB0D4AFFA2058E</url>
      <link>https://staticfinal.tistory.com</link>
    </image>
    <item>
      <title>국가정보원 안보홍보 이벤트(6.25전쟁 최초 목격자를 찾습니다.)</title>
      <link>https://staticfinal.tistory.com/27</link>
      <description>&lt;p&gt;국가정보원에서 안보이벤트를 하고 있습니다.&lt;br /&gt;
처음 봤습니다. 국가정보원에서 이벤트를 하다니.&lt;br /&gt;
역시 시대가 많이 변해서 정부도 인터넷을 많이 활용하고 있는것 같습니다.&lt;br /&gt;
아무래도 젊은 이들은 인터넷 문화에 익숙하니까요.&lt;br /&gt;
&lt;/p&gt;
&lt;p&gt;&lt;a title=&quot;[http://www.nis111.co.kr/]로 이동합니다.&quot; href=&quot;http://www.nis111.co.kr/&quot; target=&quot;_blank&quot;&gt;&lt;span id=&quot;tx_beforestart_mark&quot;&gt;&lt;/span&gt;&lt;/a&gt;&lt;a title=&quot;[http://www.nis111.co.kr/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://www.nis111.co.kr/&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/14607B044C23FAD959&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F14607B044C23FAD959&quot; width=&quot;497&quot; height=&quot;446&quot; alt=&quot;&quot; filename=&quot;K-80.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;이벤트 사이트 주소는 &lt;a href=&quot;http://www.nis111.co.kr/&quot;&gt;&lt;span id=&quot;tx_beforestart_mark&quot;&gt;&lt;/span&gt;&lt;/a&gt;&lt;a title=&quot;[http://www.nis111.co.kr/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://www.nis111.co.kr/&quot;&gt;http://www.nis111.co.kr/&lt;/a&gt;&amp;nbsp;입니다.&lt;br /&gt;
&lt;br /&gt;
자. 그럼 이벤트를 어떻게 진행하는지 살펴 보겠습니다.&lt;br /&gt;
이벤트는 아래와 같이 크게 두가지 입니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1273071F4C23FC944A&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1273071F4C23FC944A&quot; width=&quot;551&quot; height=&quot;439&quot; alt=&quot;&quot; filename=&quot;K-53.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
첫번째 임무는 북한군을 찾는것.&lt;br /&gt;
두번째 임무는 6.25 전쟁을 알리는 것입니다.&lt;br /&gt;
&lt;br /&gt;
그럼 첫번째 임무부터 보도록 하겠습니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1373071F4C23FC944B&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1373071F4C23FC944B&quot; width=&quot;551&quot; height=&quot;437&quot; alt=&quot;&quot; filename=&quot;K-55.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
화면을 보시면 희미하게 빨강 원형 점이 있습니다.&lt;br /&gt;
해당 점들을 클릭해보시면 아래와 같이 북한군을 발견하게 됩니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1573071F4C23FC954C&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1573071F4C23FC954C&quot; width=&quot;551&quot; height=&quot;438&quot; alt=&quot;&quot; filename=&quot;K-59.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
북한군을 3명 발견해야 합니다.&lt;br /&gt;
발견하고 북한군을 마우스로 한번 눌러 주셔야 합니다.&lt;br /&gt;
다 발견하고 나면 아래와 같이 다음으로 진행이 됩니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1673071F4C23FC954D&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1673071F4C23FC954D&quot; width=&quot;551&quot; height=&quot;438&quot; alt=&quot;&quot; filename=&quot;K-61.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
상황 대처하기.&lt;br /&gt;
이게 무엇일까 궁금했는데. 아래와 같이 6.25에 관한 안보 문제가 출제되어 나옵니다.&lt;br /&gt;
O,X 문제인데 기본적으로 생각하시고 답을 하시면 쉽게 맞추실수 있으실 겁니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1873071F4C23FC964E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1873071F4C23FC964E&quot; width=&quot;551&quot; height=&quot;439&quot; alt=&quot;&quot; filename=&quot;K-62.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
왼쪽의 O나 오른쪽의 X를 눌러 정답을 맞추시면 아래의 그림과 같이 [정답]이라는 문구가 생기게 됩니다. 위의 그림과 다르게 정답이라고 나와있죠?&lt;br /&gt;
아래 화면은 정답을 총3개 맞춘 화면입니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1973071F4C23FC964F&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1973071F4C23FC964F&quot; width=&quot;551&quot; height=&quot;438&quot; alt=&quot;&quot; filename=&quot;K-66.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
정답을 총 3개 맞추면 화면 하단에 있는 111 이미지를 클릭 하셔야 합니다.&lt;br /&gt;
111로 신고하라는 의미입니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1973071F4C23FC9750&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1973071F4C23FC9750&quot; width=&quot;551&quot; height=&quot;438&quot; alt=&quot;&quot; filename=&quot;K-70.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
신고를 하고 나면 위와 같이 포상 받기 화면이 나옵니다. &lt;br /&gt;
포상 받기를 누르면 아래와 같이 경품을 응모할수 있는 화면으로 전환됩니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2073071F4C23FC9751&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2073071F4C23FC9751&quot; width=&quot;551&quot; height=&quot;438&quot; alt=&quot;&quot; filename=&quot;K-71.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
개인정보를 다 입력하고 응모 완료를 누르면 &lt;br /&gt;
첫번째 임무에 이어서 두번째 임무가 시작됩니다.&lt;br /&gt;
메인 화면에서 두번째 임무를 선택한것과 같은 화면입니다.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1173071F4C23FC9752&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1173071F4C23FC9752&quot; width=&quot;551&quot; height=&quot;438&quot; alt=&quot;&quot; filename=&quot;K-72.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
두번째 임무는 6.25 전쟁의 진실을 알리는 것입니다.&lt;br /&gt;
총 2가지 인데 &lt;br /&gt;
1. 기사 스크랩하기.&lt;br /&gt;
2. URL 등록하기 &lt;br /&gt;
&lt;br /&gt;
기사스크랩을 하고 스크랩 한것을 올린 url을 등록하면 이벤트 응모가 완료 되는것입니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1373071F4C23FC9853&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1373071F4C23FC9853&quot; width=&quot;551&quot; height=&quot;439&quot; alt=&quot;&quot; filename=&quot;K-75.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
화면에 이름을 입력하고 &lt;br /&gt;
&lt;strong&gt;기사 스크랩&lt;/strong&gt;하기 버튼을 누르면 아래와 같이 기사가 스크랩되었다고 메시지 창이 나타납니다.&lt;br /&gt;
이름을 입력하면 이름이 화면에 빨간색입니다. ^^;;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1473071F4C23FC9854&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1473071F4C23FC9854&quot; width=&quot;220&quot; height=&quot;114&quot; alt=&quot;&quot; filename=&quot;K-76.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
스크랩된 내용을 메모장에 붙여넣기를 이용해서 확인해 보았습니다.&lt;br /&gt;
플래시 파일에 파라메터로 이름을 넘기고 있네요 ^^&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1573071F4C23FC9855&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1573071F4C23FC9855&quot; width=&quot;551&quot; height=&quot;70&quot; alt=&quot;&quot; filename=&quot;K-77.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;스크랩된 내용&amp;nbsp; html 소스를 blog에 붙여 넣었더니 아래와 같이 나옵니다.&lt;br /&gt;
&lt;embed src='http://www.nis111.co.kr/swf/newspaper.swf?name=박도영' width='844' height='492'&gt; 좋은 아이디어 네요 ^^&lt;br /&gt;
&lt;br /&gt;
이제 제 블로그에 올렸으니 URL을 등록하겠습니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1673071F4C23FC9856&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1673071F4C23FC9856&quot; width=&quot;551&quot; height=&quot;441&quot; alt=&quot;&quot; filename=&quot;K-78.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
URL 주소및 개인정보를 입력하여 응모 완료를 누르면 이벤트가 응모 됩니다.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1873071F4C23FC9957&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1873071F4C23FC9957&quot; width=&quot;551&quot; height=&quot;434&quot; alt=&quot;&quot; filename=&quot;K-79.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
위와 같이 6.25 진실이 널리 알려졌다는 화면과 함께 이벤트 끝이 납니다.&lt;br /&gt;
&lt;br /&gt;
오늘은 6.25일 입니다. &lt;br /&gt;
국가정보원에서 이렇게 이벤트까지 진행을 하면서 6.25에 대해 다시한번 생각을 해보게끔 하고 있습니다.&lt;br /&gt;
&lt;br /&gt;
다시한번 6.25에 생각을 하는 시간을 보내야 하는 오늘입니다.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/p&gt;</description>
      <category>6.25</category>
      <category>6.25전쟁</category>
      <category>국가정보원</category>
      <category>국가정보원 이벤트</category>
      <category>안보홍보</category>
      <category>안보홍보 이벤트</category>
      <author>도영이</author>
      <guid isPermaLink="true">https://staticfinal.tistory.com/27</guid>
      <comments>https://staticfinal.tistory.com/27#entry27comment</comments>
      <pubDate>Fri, 25 Jun 2010 09:32:54 +0900</pubDate>
    </item>
    <item>
      <title>내가 널 위해 google 해주마!(let me google that for you)</title>
      <link>https://staticfinal.tistory.com/26</link>
      <description>&lt;DIV&gt;오늘 우연히 재미있는 site를 알게 되었습니다. &lt;br /&gt;
검색 하는 모습을 보여주는 site입니다.&lt;br /&gt;
&lt;br /&gt;내가 널 위해 google 해주마!&lt;br /&gt;
&lt;br /&gt;사이트 주소는&amp;nbsp; &lt;A title=&quot;[http://lmgtfy.com/]로 이동합니다.&quot; href=&quot;http://lmgtfy.com/&quot; target=_blank&gt;http://lmgtfy.com/&lt;/A&gt; 입니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1860BA204C22E4A64A&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1860BA204C22E4A64A&quot; width=&quot;551&quot; height=&quot;378&quot; alt=&quot;&quot; filename=&quot;2010-06-24 13;47;58.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
위에 보시는 사진처럼 site는 굉장히 심플하여서 꼭 구글 화면을 보는것 같습니다.&lt;br /&gt;
&lt;br /&gt;검색을 하고자 하는 내용을 입력하시고 구글 검색 버튼을 눌러보겠습니다&lt;br /&gt;
&lt;br /&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1560D1024C22E77465&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1560D1024C22E77465&quot; width=&quot;551&quot; height=&quot;522&quot; alt=&quot;&quot; filename=&quot;2010-06-24 13;53;59.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
구글 검색 버튼을 누르면 아래와 같이 검색은 않되고 주소만 생깁니다.&lt;br /&gt;
이상하죠?&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1660D1024C22E77466&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1660D1024C22E77466&quot; width=&quot;551&quot; height=&quot;407&quot; alt=&quot;&quot; filename=&quot;2010-06-24 13;54;24.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
.&lt;br /&gt;
주소 위에 마우스를 올리면&lt;SPAN style=&quot;FONT-WEIGHT: bold&quot;&gt; 짧게, 보기&lt;/SPAN&gt; 이렇게 두 가지가 제공됩니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/136E50014C22E62E68&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F136E50014C22E62E68&quot; width=&quot;522&quot; height=&quot;421&quot; alt=&quot;&quot; filename=&quot;1.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;짧게를 누르면 아래와 같이 url이 짧아 집니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/146E50014C22E62E69&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F146E50014C22E62E69&quot; width=&quot;537&quot; height=&quot;574&quot; alt=&quot;&quot; filename=&quot;2.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
보기를 하시면 왜 제가 이사이트를 소개 시켜 드렸는지 아실수 있으실 겁니다.&lt;br /&gt;
&lt;br /&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1261051F4C22E8AC88&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1261051F4C22E8AC88&quot; width=&quot;551&quot; height=&quot;369&quot; alt=&quot;&quot; filename=&quot;3.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
위에서 보시는 화면이 이해가 않되실수 있지만. &lt;br /&gt;
갑자기 화면에서 마우스가 나타나면서 화면에 글자가 한글자씩 써지고... 검색된 화면으로 넘어갑니다.&lt;br /&gt;
&lt;br /&gt;&lt;A title=&quot;[http://tinyurl.com/34oqxwr]로 이동합니다.&quot; href=&quot;http://tinyurl.com/34oqxwr&quot; target=_blank&gt;http://tinyurl.com/34oqxwr&lt;/A&gt;&lt;br /&gt;
&lt;br /&gt;위 링크를 눌러서 확인해 보세요 ^^&lt;br /&gt;
&lt;br /&gt;다양한 버전의 언어를 지원하고 있습니다. 영문으로 하면 아래와 같이 &lt;br /&gt;
let me google that for you 가 되는군요. &lt;br /&gt;
&lt;br /&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/146E50014C22E62F6B&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F146E50014C22E62F6B&quot; width=&quot;551&quot; height=&quot;378&quot; alt=&quot;&quot; filename=&quot;2010-06-24 13;48;32.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;화면 하단에 live stream 이란 링크를 타고 들어가면 실시간으로 현재 저렇게 url이 만들어져서 사용자가 눌러서 보고 있는 내용이 나타납니다. &lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1612D80B4C22EA9E49&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1612D80B4C22EA9E49&quot; width=&quot;551&quot; height=&quot;378&quot; alt=&quot;&quot; filename=&quot;4.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
이 사이트가 왜 만들어 졌는지 궁금하시죠?&lt;br /&gt;
화면 하단의 about(정보)를 눌러보시면 그 답이 나옵니다.&lt;br /&gt;
&lt;br /&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2016A90C4C22EB401B&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2016A90C4C22EB401B&quot; width=&quot;551&quot; height=&quot;188&quot; alt=&quot;&quot; filename=&quot;2010-06-24 14;20;22.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
친구들이 뭐 물어봤을때.&lt;br /&gt;
여기서 주소 만드셔서 친구에게 url을 선물해 주는건 어떨까요?&lt;br /&gt;
&lt;br /&gt;&lt;SPAN style=&quot;FONT-WEIGHT: bold&quot;&gt;재미있는 상상의 site입니다.&lt;/SPAN&gt;&lt;br /&gt;
&lt;br /&gt;&lt;br /&gt;
&lt;br /&gt;&lt;br /&gt;
&lt;/DIV&gt;</description>
      <category>Thinking</category>
      <category>google</category>
      <category>google 해주마</category>
      <category>let me google that for you</category>
      <category>내가 널 위해 google 해주마!</category>
      <author>도영이</author>
      <guid isPermaLink="true">https://staticfinal.tistory.com/26</guid>
      <comments>https://staticfinal.tistory.com/26#entry26comment</comments>
      <pubDate>Thu, 24 Jun 2010 14:21:56 +0900</pubDate>
    </item>
    <item>
      <title>Flex UITextFormat 을 UITextField에 적용하기</title>
      <link>https://staticfinal.tistory.com/25</link>
      <description>Flex에서 &lt;span style=&quot;font-weight: bold;&quot;&gt;UITextField&lt;/span&gt;를 사용할때.&lt;br /&gt;
해당 TextField의 속성을 정하는 방법은 여러가지가 있다.&lt;br /&gt;
setStyle을 이용해서 할수도 있지만.&lt;br /&gt;
해당 글자중 부분만 적용하고자 할경우에는 &lt;span style=&quot;font-weight: bold;&quot;&gt;TextFormat&lt;/span&gt;을 이용해서 할수가 있다.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;pre class=&quot;brush:js;&quot;&gt;// UI TextFiled sample code
public function drawText():void{
     var tUI:UIComponent = new UIComponent();
     var tText:UITextField = new UITextField();
      tText.text = &quot;우헤헤&quot;;
      tUI.addChild(tText);

      _component.addChild(tText);

      var tFormat:UITextFormat = tText.getUITextFormat();
       tFormat.size = 30;
       tFormat.italic = true;
       tText.setTextFormat(tFormat);
}
&lt;/pre&gt;
&lt;br /&gt;
&lt;br /&gt;
-실행 화면-&lt;br /&gt;
&lt;div class=&quot;imageblock &quot; style=&quot;display:inline;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/13390B1D4C21715B88&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F13390B1D4C21715B88&quot; width=&quot;116&quot; height=&quot;60&quot; alt=&quot;&quot; filename=&quot;uhh.PNG&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
위의 소스 코드를 보면 간단하다.&lt;br /&gt;
UITextFiled를 UIComponent에 붙여 주고&lt;br /&gt;
붙은 UIComponent를 _component에 붙여 주었다. (_component는 실제 제가 화면에 나타내주는 UIComponent 이다. 이렇게 이중 작업하시지 않게 _component 에 붙이시지 않고 tUI를 바로 화면에 나타나게 붙여도 됩니다.)&lt;br /&gt;
&lt;br /&gt;
핵심은&lt;br /&gt;
var tFormat:UITextFormat = tText.getUITextFormat();&lt;br /&gt;
textFormat을 가져온다.&lt;br /&gt;
그리고&lt;br /&gt;
tFormat.size = 30;&lt;br /&gt;
tFormat.italic = true;&lt;br /&gt;
설정을 할수 있다.&lt;br /&gt;
&lt;span style=&quot;font-weight: bold;&quot;&gt;마지막으로 가장 중요한. settText.setTextFormat(tFormat);&lt;/span&gt;&lt;br /&gt;
setTextFormat을 하면서 text Index를 줄수 있다. parameter를 총 3개 넘길수 있는데.&lt;br /&gt;
&lt;span style=&quot;text-decoration: underline;&quot;&gt;
* TextFormat, begin index, end Index를 넘길수 있다.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;background-color: rgb(255, 228, 48); color: rgb(84, 75, 51);&quot;&gt;더 중요한것은 해당 TextFiled를 붙일곳에 붙인 이후에 해당 속성을 변경하여 set 해주어야 한다.&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;↓&lt;br style=&quot;color: rgb(209, 142, 10); font-weight: bold;&quot;&gt;&lt;/div&gt;
&lt;span style=&quot;color: rgb(255, 255, 255); font-weight: bold; background-color: rgb(87, 111, 189);&quot;&gt;왜 냐하면 addChild 되는 순간에 해당 컴포넌트의 invalidateProperties(), commitProperties() 가 호출되기 때문에 적용이 되지 않는다. &lt;br /&gt;
(즉, Format을 set 한다음 addChild로 해당 TextFiled를 다른곳에 붙이면 속성이 먹지 않는다.)&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;</description>
      <category>Flex언저리</category>
      <category>flex</category>
      <category>setStyle</category>
      <category>textField</category>
      <category>UITextField</category>
      <category>UITextFormat</category>
      <author>도영이</author>
      <guid isPermaLink="true">https://staticfinal.tistory.com/25</guid>
      <comments>https://staticfinal.tistory.com/25#entry25comment</comments>
      <pubDate>Wed, 23 Jun 2010 11:32:58 +0900</pubDate>
    </item>
    <item>
      <title>2010 한국 자바 개발자 페스티벌</title>
      <link>https://staticfinal.tistory.com/24</link>
      <description>&lt;div class=&quot;wrap&quot;&gt;
&lt;strong&gt;JCO&lt;/strong&gt;에서 자바 개발자를 위한 페스티벌을 진행하고 있습니다.&lt;/div&gt;
&lt;div class=&quot;wrap&quot;&gt;
&lt;strong&gt;일시&lt;/strong&gt; : 2010년 7월 10일(토) 오후 12시~18:30분&lt;/div&gt;
&lt;div class=&quot;wrap&quot;&gt;
&lt;strong&gt;장소&lt;/strong&gt; : 이화여자대학교 ECC&lt;/div&gt;
&lt;div class=&quot;wrap&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;wrap&quot;&gt;
유능한 현직 개발자 분들이 좋은 내용의 구성으로 세미나를 진행해 주십니다.&lt;/div&gt;
&lt;div class=&quot;wrap&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;wrap&quot;&gt;
Track은 총 4개 인데. 모두 내용이 좋아 고르기 쉽지 않네요.&lt;/div&gt;
&lt;div class=&quot;wrap&quot;&gt;
아래 이미지의 링크를 따라 가셔서 참가신청을 하시고 입금 하시면 됩니다.&lt;/div&gt;
&lt;div class=&quot;wrap&quot;&gt;
참가비는 1만원 입니다.&lt;/div&gt;
&lt;div class=&quot;wrap&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;wrap&quot;&gt;
행사후 뒷풀이도 있는것 같네요. &lt;/div&gt;
&lt;div class=&quot;wrap&quot;&gt;
관심있으신 분들 많이 참가하셔서 좋은 시간 함께 보내셨으면 좋겠습니다. ^^&lt;/div&gt;
&lt;br /&gt;
&lt;img style=&quot;width: 545px; height: 811px;&quot; src=&quot;http://www.jco.or.kr/upload/board_notice/an02.jpg&quot; usemap=&quot;#Map&quot; border=&quot;0&quot;&gt;
&lt;map name=&quot;Map&quot; id=&quot;Map&quot;&gt;&lt;!-- 신청 --&gt;&lt;area coords=&quot;132,845,244,868&quot; shape=&quot;rect&quot; href=&quot;https://spreadsheets.google.com/viewform?formkey=dHVmeks5UngtTEk3OVBoc2JWZ1NWSHc6MQ#gid=0&quot;&gt;&lt;!-- 소개 --&gt;&lt;area coords=&quot;255,845,367,869&quot; shape=&quot;rect&quot; href=&quot;https://docs.google.com/document/edit?id=1nBIHyw29yhZd65wg8kXo3U9v6vOmkGjj_FngaXoRXDw&amp;amp;hl=en&quot;&gt;&lt;!-- 환불 --&gt;&lt;area coords=&quot;381,845,493,870&quot; shape=&quot;rect&quot; href=&quot;https://spreadsheets2.google.com/viewform?formkey=dFc1RGh5RTZaU3BBRVROUnh4aThDRkE6MQ&quot;&gt;&lt;!-- 약도 --&gt;&lt;area coords=&quot;533,150,588,166&quot; shape=&quot;rect&quot; href=&quot;https://docs.google.com/document/edit?id=1mIw2lKAIuBm_4ppsC2IeQlRcXjSdyzYwbiTK594_eZY&quot;&gt;&lt;/map&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;a title=&quot;[https://spreadsheets.google.com/viewform?formkey=dHVmeks5UngtTEk3OVBoc2JWZ1NWSHc6MQ#gid=0]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;https://spreadsheets.google.com/viewform?formkey=dHVmeks5UngtTEk3OVBoc2JWZ1NWSHc6MQ#gid=0&quot;&gt;참가신청&lt;/a&gt;, &lt;a title=&quot;[https://docs.google.com/document/edit?id=1nBIHyw29yhZd65wg8kXo3U9v6vOmkGjj_FngaXoRXDw&amp;amp;amp;hl=en]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;https://docs.google.com/document/edit?id=1nBIHyw29yhZd65wg8kXo3U9v6vOmkGjj_FngaXoRXDw&amp;amp;amp;hl=en&quot;&gt;강사/강의소개&lt;/a&gt;, &lt;a title=&quot;[https://spreadsheets2.google.com/viewform?formkey=dFc1RGh5RTZaU3BBRVROUnh4aThDRkE6MQ]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;https://spreadsheets2.google.com/viewform?formkey=dFc1RGh5RTZaU3BBRVROUnh4aThDRkE6MQ&quot;&gt;참가비환불요청&lt;/a&gt;, &lt;a title=&quot;[https://docs.google.com/document/edit?id=1mIw2lKAIuBm_4ppsC2IeQlRcXjSdyzYwbiTK594_eZY]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;https://docs.google.com/document/edit?id=1mIw2lKAIuBm_4ppsC2IeQlRcXjSdyzYwbiTK594_eZY&quot;&gt;약도&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;</description>
      <category>개발자</category>
      <category>2010 한국 자바 개발자 페스티벌</category>
      <category>JCO</category>
      <category>개발자</category>
      <author>도영이</author>
      <guid isPermaLink="true">https://staticfinal.tistory.com/24</guid>
      <comments>https://staticfinal.tistory.com/24#entry24comment</comments>
      <pubDate>Tue, 22 Jun 2010 09:42:59 +0900</pubDate>
    </item>
    <item>
      <title>굿바이 익스플로러6 캠페인</title>
      <link>https://staticfinal.tistory.com/23</link>
      <description>현재 네이버와 다음에서 익스플로러 8을 설치 하기 위해 다음과 같은 이벤트를 진행중에 있습니다.&lt;br /&gt;
&lt;br /&gt;네이버 굿바이 익스플로러6 캠페인&lt;br /&gt;
&lt;A title=&quot;[http://campaign.naver.com/goodbyeie6/]로 이동합니다.&quot; href=&quot;http://campaign.naver.com/goodbyeie6/&quot; target=_blank&gt;http://campaign.naver.com/goodbyeie6/&lt;/A&gt;&lt;br /&gt;
&lt;A title=&quot;[http://campaign.naver.com/goodbyeie6/]로 이동합니다.&quot; href=&quot;http://campaign.naver.com/goodbyeie6/&quot; target=_blank&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1123AD274C1EFF505F&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1123AD274C1EFF505F&quot; width=&quot;551&quot; height=&quot;634&quot; alt=&quot;&quot; filename=&quot;2010-06-21 13;27;02.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;/A&gt;&lt;br /&gt;
&lt;br /&gt;다음에서도 같은 이벤트를 진행 중에 있습니다.&lt;br /&gt;
&lt;A title=&quot;[http://promotion.daum.net/ie8event/index.html?t__nil_head_left=ie8]로 이동합니다.&quot; href=&quot;http://promotion.daum.net/ie8event/index.html?t__nil_head_left=ie8&quot; target=_blank&gt;http://promotion.daum.net/ie8event/index.html?t__nil_head_left=ie8&lt;/A&gt;&lt;br /&gt;
&lt;A title=&quot;[http://promotion.daum.net/ie8event/index.html?t__nil_head_left=ie8]로 이동합니다.&quot; href=&quot;http://promotion.daum.net/ie8event/index.html?t__nil_head_left=ie8&quot; target=_blank&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1123AD274C1EFF5160&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1123AD274C1EFF5160&quot; width=&quot;551&quot; height=&quot;1189&quot; alt=&quot;&quot; filename=&quot;2010-06-21 13;33;15.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;/A&gt;&lt;br /&gt;
&lt;br /&gt;&lt;SPAN style=&quot;COLOR: rgb(157,108,8)&quot;&gt;왜???&lt;/SPAN&gt;&lt;br /&gt;
&lt;br /&gt;왜 대형 포털들에서 이러한 이벤트를 하고 있는것일까요?&lt;br /&gt;
&lt;br /&gt;저의 생각을 정리해 봤습니다.&lt;br /&gt;
&lt;br /&gt;&amp;nbsp;&lt;br /&gt;
&lt;SPAN style=&quot;COLOR: rgb(157,108,8); FONT-WEIGHT: bold&quot;&gt;브라우저를 upgrade 해야 하는이유!!!&lt;/SPAN&gt;&lt;br /&gt;

&lt;OL style=&quot;LIST-STYLE-TYPE: decimal&quot;&gt;
&lt;LI&gt;브라우저의 버전이 낮으면 최신 기술로 개발된 web page가 적용이 되지 않을수 있다.&lt;/LI&gt;
&lt;LI&gt;사용자 들이 다양한 버전의 브라우저를 사용할 경우 web 개발시에도 다양한 브라우저를 충족 시키기 위해 개발을 해야 하고(브라우저 종류가 많을때도 마찬가지) 이렇게 하기위해서는 시간과 비용이 많이 들어가게 된다.&lt;br /&gt;
업체에서 시간과 비용이 많이 들어가게 된다는것은 다른 관점에서 본다면 그 비용이 소비자들의 주머니에서 나오게 될것이다. (기업은 이윤창출을 목표로 하기 때문에 해당 비용을 더 얻기위해 할것이다.)&lt;/LI&gt;
&lt;LI&gt;브라우저 버전이 높아지면서 새로운 web 기술이 적용가능하고 예전 브라우저보다 web 파싱하는 속도및 기능들이 개선되어 사용자들은 더욱 성능좋은 웹 환경을 접할수 있다.&lt;br /&gt;
&lt;/LI&gt;&lt;/OL&gt;&lt;br /&gt;
요즘 웹이 하루가 다르게 진화하고 있습니다.&lt;br /&gt;
많은기술들 새로운 site들&lt;br /&gt;
그 모든 기술들이 아무리 진화한다해도&lt;br /&gt;
사용자 자체가 노후된 브라우저를 쓴다면 혜택을 누리기 어렵습니다.&lt;br /&gt;
&lt;br /&gt;자.. 우리 모두 브라우저 upgrade 합시다.&lt;br /&gt;
저는 개인적으로 firefox, chrome, explorer 모두 사용하고 있습니다.&lt;br /&gt;
각자 취향에 맞는 브라우저로 즐거운 인터넷 생활을 누립시다.&lt;br /&gt;
&lt;br /&gt;&lt;SPAN style=&quot;COLOR: rgb(48,88,210); FONT-WEIGHT: bold; TEXT-DECORATION: underline&quot;&gt;explorer를 사용하시는 user 이시라면 위 두 site중 맘에 드시는 곳을 선택하셔서 upgrade도 하시고 이벤트 당첨 기회도 노려 보시기 바랍니다.&lt;/SPAN&gt;&lt;br /&gt;</description>
      <category>개발자</category>
      <category>explorer</category>
      <category>explorer6</category>
      <category>explorer8</category>
      <category>ipad 이벤트</category>
      <category>굿바이 익스플로러6 캠페인</category>
      <category>익스플로러6</category>
      <author>도영이</author>
      <guid isPermaLink="true">https://staticfinal.tistory.com/23</guid>
      <comments>https://staticfinal.tistory.com/23#entry23comment</comments>
      <pubDate>Mon, 21 Jun 2010 15:04:35 +0900</pubDate>
    </item>
    <item>
      <title>2010 공개 SW 개발자대회 개최</title>
      <link>https://staticfinal.tistory.com/22</link>
      <description>2010 공개 SW 개발자 대회를 개최한다고 합니다.&lt;br /&gt;
&lt;a title=&quot;[http://project.oss.kr/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://project.oss.kr/&quot;&gt;http://project.oss.kr/&lt;/a&gt;&lt;br /&gt;
&lt;a title=&quot;[http://project.oss.kr/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://project.oss.kr/&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1873F6114C1EBCB9A3&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1873F6114C1EBCB9A3&quot; width=&quot;551&quot; height=&quot;367&quot; alt=&quot;&quot; filename=&quot;03.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
이번 2010 이 벌써 4번째 대회입니다.&lt;br /&gt;
&lt;br /&gt;
학생때 1회를 참가 했었는데 지금 생각해 보면 참 생각이 어렸구나.. 라는 생각이 많이 듭니다.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-weight: bold;&quot;&gt;행사 일정&lt;/span&gt;은 다음과 같습니다.&lt;br /&gt;
&lt;br /&gt;
&lt;a title=&quot;[http://project.oss.kr/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://project.oss.kr/&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1973F6114C1EBCB9A4&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1973F6114C1EBCB9A4&quot; width=&quot;551&quot; height=&quot;576&quot; alt=&quot;&quot; filename=&quot;04.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;/a&gt;&lt;br /&gt;
아직 참가신청 접수가 06/16~07/11 이니까.&lt;br /&gt;

아직 생각하실수 있는 시간의 기회는 많이 있습니다.&lt;br /&gt;

&lt;br /&gt;

제가 1회때 참가해본 경험에 의하면 이 기간동안 많은 생각을 해보시고 접수하신뒤&lt;br /&gt;

실제 제출은 몇개월 후에 하게 됩니다. 그동안 개인 혹은 팀별로 열심히 만드셔야 겠지요? ^^;;&lt;br /&gt;

&lt;br /&gt;

기술캠프 라는 것이 있는데 1박2일동안 세미나 및 강연을 하면서 재미있는 시간을 보내실수도 있습니다.&lt;br /&gt;

&lt;br /&gt;

자세한 &lt;span style=&quot;font-weight: bold;&quot;&gt;참가 자격&lt;/span&gt; 및 &lt;span style=&quot;font-weight: bold;&quot;&gt;혜택&lt;/span&gt; 입니다.&lt;br /&gt;

&lt;a title=&quot;[http://project.oss.kr/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://project.oss.kr/&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1873F6114C1EBCBAA5&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1873F6114C1EBCBAA5&quot; width=&quot;551&quot; height=&quot;564&quot; alt=&quot;&quot; filename=&quot;2010-06-21 10;08;39.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;/a&gt;&lt;br /&gt;

이 번 대회에 다시 한번 참가해 보고 싶은 생각이 드네요.&lt;br /&gt;

제가 다시 한다면 얼마나 더 잘할수 있을지 테스트도 한번 해보고 싶네요..&lt;br /&gt;

&lt;br /&gt;

관심 있으신 많은 분들 참가해 보세요 ^^&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</description>
      <category>개발자</category>
      <category>2010 공개 SW 개발자대회</category>
      <category>개발자대회</category>
      <category>공개 SW</category>
      <author>도영이</author>
      <guid isPermaLink="true">https://staticfinal.tistory.com/22</guid>
      <comments>https://staticfinal.tistory.com/22#entry22comment</comments>
      <pubDate>Mon, 21 Jun 2010 10:16:01 +0900</pubDate>
    </item>
    <item>
      <title>버스 교통사고 처리 매뉴얼(탑승객)</title>
      <link>https://staticfinal.tistory.com/21</link>
      <description>오늘 버스를 타고 있다가 교통사고가 났습니다. &lt;br /&gt;
올해로 두번째.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2016490C4C1596F8E7&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2016490C4C1596F8E7&quot; width=&quot;551&quot; height=&quot;311&quot; alt=&quot;&quot; filename=&quot;2010-04-07_09-00-42_165.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
(2010.04.07 교보타워 4거리 -&amp;gt; 논현역 방향 오전 09시경)&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1216490C4C1596F9E8&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1216490C4C1596F9E8&quot; width=&quot;360&quot; height=&quot;596&quot; alt=&quot;&quot; filename=&quot;2010-06-14_07-35-07_713_한국.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
(2010.06.14 인천 갈산역 -&amp;gt; 작전역 방향 오전 07시 25분경)&lt;br /&gt;
&lt;br /&gt;
남들은 한번 경험하기 어려운 일을 벌써 한해동안 두번을 겪었습니다. &lt;br /&gt;
다행히 오늘은 안다쳤습니다. &lt;br /&gt;
하지만 첫번째 교통사고때 좀 다쳐서 입원을 했습니다. &lt;br /&gt;
&lt;br /&gt;
생애 첫 교통사고 였었고, 혼자 병원에 입원하고 처리하는데 정신이 없었습니다. &lt;br /&gt;
&lt;br /&gt;
다른 분들에게는 이런 일이 일어나시면 않되지만 만약을 위해 참고하시라고 매뉴얼을 작성합니다.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;span style=&quot;font-weight: bold; color: rgb(48, 88, 210);&quot;&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;- 대응방법 매뉴얼 -&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot;&gt;
&lt;li style=&quot;font-weight: bold;&quot;&gt;상황발생시 나의 몸의 이상여부를 판단한다.&lt;/li&gt;
&lt;ul style=&quot;list-style-type: square;&quot;&gt;
&lt;li&gt;교통사고는 시간이 지나 통증이 오는경우가 있기 때문에 부딪치거나 넘어졌을경우 나의 몸상태가 양호하더라도 병원에 가서 진단을 받아보는 것이 좋다.&lt;br /&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;li style=&quot;font-weight: bold;&quot;&gt;만약 진찰을 받고 싶으시다면. 즉시, 차주 에게 아프다라고 말을 하십시오!!!&lt;br /&gt;
&lt;/li&gt;
&lt;li style=&quot;font-weight: bold;&quot;&gt;병원을 가봐야 겠다는 판단이 들었을때는 사고 처리를 위해 안전한 장소에서&amp;nbsp; 사고상황을 지켜본다.&lt;/li&gt;
&lt;ul style=&quot;list-style-type: square;&quot;&gt;
&lt;li&gt;사고현장은 보통 차가 다니는 도로가 대부분 입니다. 안전한 곳에서 상황을 지켜 보는것이 좋습니다. 제2의 교통사고를 예방해야 합니다.&lt;/li&gt;
&lt;li&gt;차 사고가 나면 제일 먼저 오는것이 대략, 견인차,보험회사,응급차,경찰차 정도가 됩니다. 신경쓰셔야 할것은 쌍방과실이던 한쪽 잘못이던 차주 들이 보험회사에 연락을 할 것입니다. 보험 회사에 신고 접수가 될때까지 대기 하셔야 합니다. &lt;br /&gt;
&lt;/li&gt;
&lt;li style=&quot;color: rgb(209, 142, 10); text-decoration: underline;&quot;&gt;단, 몸에 외상이 없을때(가벼운 찰과상), 자신이 판단하기에 바로 병원에 가지 않아도 될정도일경우.&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: rgb(255, 228, 9); background-color: rgb(0, 0, 0);&quot;&gt;만약. 몸이 점점 않좋아 지고 바로 병원에 가봐야 겠다는 판단이 들경우 응급차를 바로 불러서 이동하셔야 합니다.!!!&lt;/span&gt;&lt;br /&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;li&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;양쪽 차주의 차량 번호, 전화번호를 기록해 둡니다. &lt;/span&gt;&lt;br /&gt;
&lt;/li&gt;
&lt;ul style=&quot;list-style-type: square;&quot;&gt;
&lt;li&gt;만약 보험 처리 신고 접수 번호를 습득 못하셨을경우를 대비 하기 위함 입니다.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;나중에 병원을 가셔서 접수하시기 위해서는 과실(보험사고접수하신분)의 전화번호가 필요합니다. - 보험회사에 사고 접수를 하신분이 진료를 받고자 하시는분이 병원에 갔다는 것을 어느병원에 갔지는 통보 해야 한다고 합니다. 그리고 그 사고자 분이 그렇게 통보를 하면 보험 사고접수 번호로 진찰을 받으실수 있습니다.&lt;br /&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;li&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;보험회사 사고 접수가 되어 사고접수번호가 나왔는지 지속적으로 차주들에게 문의 합니다.&lt;/span&gt; &lt;br /&gt;
&lt;/li&gt;
&lt;ul style=&quot;list-style-type: square;&quot;&gt;
&lt;li&gt;급하신경우 핸드폰 번호를 획득하셨다면 사고 접수 번호가 나오기 전까지 대기하지 않으셔도 됩니다. (진료 받으실때 핸드폰으로 사고 당사자 분께 문의 하셔야 함)&lt;br /&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;li&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;병원 내방&lt;/span&gt;&lt;br /&gt;
&lt;/li&gt;
&lt;ul style=&quot;list-style-type: square;&quot;&gt;
&lt;li&gt;병원에 접수하실때 교통사고 대상자라고 하셔야 합니다. (일반 외래 환자와 접수양식이 다르고 사고 경위 및 보험회사 사고접수번호를 기록해야 하는 양식이 하나 더 있습니다.)&lt;/li&gt;
&lt;li&gt;사고자 에게 전화하여 어느위치에 있는 어느 병원에 지금 진료를 하러 왔다고 전화상으로 통보해 줍니다. 그리고 보험사고접수 번호를 다시 한번 확인하고 병원접수 양식에 기재 합니다.&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;아픈 부위를 말하시고 진찰을 받습니다. (일반적으로 병원에서는 교통사고 환자를 TA(Traffic Accident)라고 부릅니다. 이 경우 의식이 있을경우 상처 부위 혹은 통증이 있는 부위의 X-Ray,CT,MRI 등의 촬영을 하고 의식이 없을경우 육안으로 보이는 상처부위의 촬영, 전신 X-Ray를 찍는 경우가 있습니다.)&lt;/li&gt;
&lt;li&gt;진찰을 받으실때 의사 선생님이 사고 시간, 경황 등을 물어보고 어떤 증상이 있는지 물어 봅니다. &lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;병원에서 혹시 모를 내상을 염려하여 촬영등을 권고 하고 촬영결과를 확인해 보자 하며 입실을 권유 합니다.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;입실을 하셔야 할 경우가 생기기 때문에 보호자가 있는 근처의 병원에 내방하셔서 진찰받는게 좋은것 같습니다. 하지만, 일단 사고 가까운 병원에서 바로 진료를 받으셨다면 일단 입실하시고 병원관계자와 상의하여 병원을 이동하는것도 가능합니다. (아마도 병원에서 촬영결과가 나온뒤 이동을 권유 할 것입니다. )&lt;br /&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;li style=&quot;font-weight: bold;&quot;&gt;보험 회사와의 합의&lt;/li&gt;
&lt;ul style=&quot;list-style-type: square;&quot;&gt;
&lt;li&gt;입실후 1일정도 지나면 담당 보험회사(사고자) 직원이 전화가 올것입니다. &lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;보험회사 직원은 병원에 와서 원무과에 방문하여 지금까지의 진단결과 및 상태를 파악한후 병실로 내방할 것입니다.&lt;/li&gt;
&lt;li&gt;보험회사 직원은 합의를 위해 이런저런 이야기를 합니다. 보통 몇주 진단이 나왔는지와 상태의 경중에 의해 금액을 제시합니다. (합의는 신중히 하셔야 합니다. )&lt;/li&gt;
&lt;li&gt;합의 하실때는 합의 하여 퇴원후 지금과 같은 증상으로 다시 병원을 찾을때 치료비를 부담하는 조건을 제시 하시는게 좋습니다. (향후3개월이나. 특정 기간을 보험회사에서 제시를 할 것입니다.)&lt;br /&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;li&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;자신의 보험회사에 연락 하기&lt;/span&gt;&lt;br /&gt;
&lt;/li&gt;
&lt;ul style=&quot;list-style-type: square;&quot;&gt;
&lt;li&gt;만약 보험에 가입해 있다면 자신이 들어놓은 보험회사에 연락을 하여 처리 절차에 대해 문의 하셔야 합니다.&lt;/li&gt;
&lt;li&gt;향후 퇴원할때 필요한 서류를 한꺼번에 떼서 가시는게 보험처리 하시기 편리합니다. &lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;일반적으로 진단서를 많이 요구 하고, 가해자 보험회사에서 보상처리를 완료한 보상처리 확인서를 요구 합니다. (가해자 보험사에 전화해서 FAX로 받을수 있습니다. )&lt;br /&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;li&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;요점&lt;/span&gt;&lt;br /&gt;
&lt;/li&gt;
&lt;ul style=&quot;list-style-type: square;&quot;&gt;
&lt;li&gt;길게 말씀을 드렸지만 간단하게 정리해 보면 다음과 같습니다.&lt;/li&gt;
&lt;ol style=&quot;color: rgb(209, 142, 10); font-weight: bold;&quot;&gt;
&lt;li&gt;사고 발생시 가해자 전화번호, 보험사고접수번호 획득&lt;/li&gt;
&lt;li&gt;병원 내방시 가해자에게 전화하여 병원 방문을 하였다는 것을 통보&lt;/li&gt;
&lt;li&gt;완벽한 치료를 받기&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;가해자 보험사와의 합의&lt;/li&gt;
&lt;li&gt;나의 보험회사에 전화하여 보험금 문의&lt;/li&gt;
&lt;/ol&gt;
&lt;/ul&gt;
&lt;/ol&gt;
&lt;br /&gt;
&lt;br /&gt;
저의 경험을 바탕으로 작성하였기 때문에 다소 차이가 나거나 미흡한 부분이 있을지도 모릅니다. &lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-weight: bold;&quot;&gt;하지만 가장 중요한것은 사고를 당하지 않는것 입니다.&lt;/span&gt; &lt;br /&gt;
&lt;br /&gt;</description>
      <category>일상</category>
      <category>교통사고</category>
      <category>교통사고처리</category>
      <category>버스교통사고</category>
      <category>탑승객</category>
      <author>도영이</author>
      <guid isPermaLink="true">https://staticfinal.tistory.com/21</guid>
      <comments>https://staticfinal.tistory.com/21#entry21comment</comments>
      <pubDate>Mon, 14 Jun 2010 12:59:09 +0900</pubDate>
    </item>
    <item>
      <title>jQuery Scroll animate (동적 스크롤 이동)</title>
      <link>https://staticfinal.tistory.com/20</link>
      <description>&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
jQuery를 이용하여 Scroll animate 를 해봅시다.&lt;br /&gt;
&lt;br /&gt;
jQuery의 공식 site는 &lt;a title=&quot;[http://jquery.com]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://jquery.com&quot;&gt;http://jquery.com&lt;/a&gt; 입니다.&lt;br /&gt;
모든 프로그래밍이 그렇겠지만 공식 사이트에서 document만큼 중요한것이 없습니다.&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/117AA8104C102F7C71&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F117AA8104C102F7C71&quot; width=&quot;511&quot; height=&quot;567&quot; alt=&quot;&quot; filename=&quot;jqueryhome.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
제가 하고자 하는것은 scroll을 동적으로 이동 시키는 것입니다.&lt;br /&gt;
html 태그와 jQuery의 기본 문법을 알고 있으면 간단하게 구현할수 있습니다.&lt;br /&gt;
&lt;br /&gt;
jQuery에서는 Effect 효과중 animate라는 것을 제공하고 있습니다.&lt;br /&gt;
&lt;a title=&quot;[http://api.jquery.com/animate/]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://api.jquery.com/animate/&quot;&gt;http://api.jquery.com/animate/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/207AA8104C102F7C70&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F207AA8104C102F7C70&quot; width=&quot;511&quot; height=&quot;543&quot; alt=&quot;&quot; filename=&quot;animatehome.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
해당 api document 에는 간단한 예제들을 예를 들고 있습니다. &lt;br /&gt;
위의 link를 타고 들어가시면 이게 어떻게 사용하시는지 아실수 있으실 것입니다.&lt;br /&gt;
&lt;br /&gt;
간단하게 설명을 드리면..&lt;br /&gt;
&lt;span style=&quot;font-weight: bold;&quot;&gt;.animate&lt;/span&gt;뒤에 파라메터로 총 4개(혹은 2개)를 넣을수 있습니다. (2개는 1개는 properties, 나머지는 option으로 인식합니다.-4개를 않넣었을경우)&lt;br /&gt;
&lt;ul style=&quot;list-style-type: square;&quot;&gt;
&lt;li&gt;&lt;span style=&quot;color: rgb(157, 108, 8); font-weight: bold;&quot;&gt;properties&lt;/span&gt; :animate 이벤트 동작시 변화시킬 css 형식입니다. 즉, animate는 css를 변경시켜 효과가 일어나게 하는것 입니다. (필수값 입니다.)&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: rgb(157, 108, 8);&quot;&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;duration&lt;/span&gt; &lt;/span&gt;: 속도를 의미합니다. 기본적으로 제공되는 두가지는 'fast','slow' 입니다. fast는 200 millisecond, slow는 600 millisecond 입니다. 사용자는 임의로 duration에 millisecond 단위를 입력하셔도 됩니다.&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: rgb(157, 108, 8); font-weight: bold;&quot;&gt;easing&lt;/span&gt; : 이 파라메터는 외부의 jquery plugin 이니 외부 fuction에서 이 해당 animate의 paramter를 사용하게 할경우 사용되게 됩니다. easing 에는 function 이름이 들어가게 됩니다.주로 animate의 기능을 향상시키고자 하는 목적으로 사용하게 됩니다.&amp;nbsp;&lt;/li&gt;
&lt;ul&gt;
&lt;li&gt;(원문: The remaining parameter of &lt;code&gt;.animate()&lt;/code&gt; is a string naming
an easing function to use. An easing function specifies the speed at
which the animation progresses at different points within the
animation. The only easing implementations in the jQuery library are
the default, called &lt;code&gt;swing&lt;/code&gt;, and one that progresses at a constant pace, called &lt;code&gt;linear&lt;/code&gt;. More easing functions are available with the use of plug-ins, most notably the &lt;a href=&quot;http://jqueryui.com/&quot;&gt;jQuery UI suite&lt;/a&gt;.)&lt;/li&gt;
&lt;/ul&gt;
&lt;li&gt;&lt;span style=&quot;color: rgb(157, 108, 8); font-weight: bold;&quot;&gt;callback&lt;/span&gt; : 해당 animate 기능이 다 완료 된뒤에 어떠한 작업을 하고 싶을경우 사용합니다.&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
그럼 제가 간단하게 scroll에 animate를 적용하는 것을 보여 드리도록 하겠습니다.&lt;br /&gt;
&lt;br /&gt;
html 코드&lt;br /&gt;
&lt;pre class=&quot;brush:js;&quot;&gt;　
　
&lt;div id=&quot;sc&quot; style=&quot;overflow-x: auto; overflow-y: hidden; height: 200px; width: 660px;&quot;&gt;
			&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;2700px&quot;&gt;
				&lt;tbody&gt;&lt;tr&gt;
					&lt;td&gt;
						&lt;span id=&quot;11&quot; style=&quot;border: 1px solid rgb(238, 238, 238); display: inline-block; width: 200px; height: 190px;&quot;&gt;test11&lt;/span&gt;
						&lt;span id=&quot;12&quot; style=&quot;border: 1px solid rgb(238, 238, 238); display: inline-block; width: 200px; height: 190px;&quot;&gt;test12&lt;/span&gt;
						&lt;span id=&quot;13&quot; style=&quot;border: 1px solid rgb(238, 238, 238); display: inline-block; width: 200px; height: 190px;&quot;&gt;test13&lt;/span&gt;
						&lt;span id=&quot;14&quot; style=&quot;border: 1px solid rgb(238, 238, 238); display: inline-block; width: 200px; height: 190px;&quot;&gt;test14&lt;/span&gt;
						&lt;span id=&quot;15&quot; style=&quot;border: 1px solid rgb(238, 238, 238); display: inline-block; width: 200px; height: 190px;&quot;&gt;test15&lt;/span&gt;
						&lt;span id=&quot;16&quot; style=&quot;border: 1px solid rgb(238, 238, 238); display: inline-block; width: 200px; height: 190px;&quot;&gt;test16&lt;/span&gt;
						&lt;span id=&quot;17&quot; style=&quot;border: 1px solid rgb(238, 238, 238); display: inline-block; width: 200px; height: 190px;&quot;&gt;test17&lt;/span&gt;
						&lt;span id=&quot;18&quot; style=&quot;border: 1px solid rgb(238, 238, 238); display: inline-block; width: 200px; height: 190px;&quot;&gt;test18&lt;/span&gt;
						&lt;span id=&quot;19&quot; style=&quot;border: 1px solid rgb(238, 238, 238); display: inline-block; width: 200px; height: 190px;&quot;&gt;test19&lt;/span&gt;
						&lt;span id=&quot;20&quot; style=&quot;border: 1px solid rgb(238, 238, 238); display: inline-block; width: 200px; height: 190px;&quot;&gt;test20&lt;/span&gt;
						&lt;span id=&quot;21&quot; style=&quot;border: 1px solid rgb(238, 238, 238); display: inline-block; width: 200px; height: 190px;&quot;&gt;test21&lt;/span&gt;
						&lt;span id=&quot;22&quot; style=&quot;border: 1px solid rgb(238, 238, 238); display: inline-block; width: 200px; height: 190px;&quot;&gt;test22&lt;/span&gt;
						&lt;span id=&quot;23&quot; style=&quot;border: 1px solid rgb(238, 238, 238); display: inline-block; width: 200px; height: 190px;&quot;&gt;test23&lt;/span&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
			&lt;/tbody&gt;&lt;/table&gt;
		&lt;/div&gt;
		&lt;br /&gt;
		&lt;a href=&quot;javascript:scrollLink('11')&quot;&gt;test11&lt;/a&gt;
&lt;/pre&gt;
&lt;br /&gt;
&lt;br /&gt;
javascript 코드&lt;br /&gt;
&lt;pre class=&quot;brush:js;&quot;&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;/lib/jquery/jquery-1.3.2.min.js&quot;&gt;&lt;/script&gt;
		&lt;script type=&quot;text/javascript&quot;&gt;
		&lt;!--
		function scrollLink(obj){
			var locationPosition = $(&quot;#&quot;+obj).position().left-$(&quot;#sc&quot;).position().left+$(&quot;#sc&quot;).attr(&quot;scrollLeft&quot;);
			$(&quot;#sc&quot;).animate({scrollLeft:locationPosition},1000,function(){
				// animate complete
			});
		}
		//--&gt;
		&lt;/script&gt;
&lt;/pre&gt;
&lt;br /&gt;
&lt;br /&gt;
sample page (&lt;a title=&quot;[http://devmind.hosting.paran.com/sample/scroll]로 이동합니다.&quot; target=&quot;_blank&quot; href=&quot;http://devmind.hosting.paran.com/sample/scroll&quot;&gt;http://devmind.hosting.paran.com/sample/scroll&lt;/a&gt;)&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/133405044C103A098A&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F133405044C103A098A&quot; width=&quot;511&quot; height=&quot;220&quot; alt=&quot;&quot; filename=&quot;sample.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
디자인 감각이 없어서 이쁘게 만들지는 못했지만. &lt;br /&gt;
소스를 모시면 아시겠지만.아래 링크를 누르면 javascript function을 호출합니다.&lt;br /&gt;
파라메터로 접근하고자 하는 객체의 id 값을 넘겨줍니다.&lt;br /&gt;
그러면 javascript function 에서 &lt;br /&gt;
&lt;pre class=&quot;brush:js;&quot;&gt;$(&quot;#sc&quot;).animate({scrollLeft:locationPosition},1000,function(){ 
				// animate complete
});
&lt;/pre&gt;
css의 scrollLeft 의 위치를 변경 시켜 주고 있습니다.&lt;br /&gt;
&lt;pre class=&quot;brush:js;&quot;&gt;var locationPosition = $(&quot;#&quot;+obj).position().left-$(&quot;#sc&quot;).position().left
                                   +$(&quot;#sc&quot;).attr(&quot;scrollLeft&quot;);
&lt;/pre&gt;
&lt;br /&gt;
위의 위치를 설정하는 script를 보면 이동하고자 하는 obj의 왼쪽위치-스크롤이 있는 왼쪽위치+현재 스크롤바의 스코롤 위치 입니다.&lt;br /&gt;
&lt;br /&gt;
간단하게 jQuery의 animate를 이용하여 동적으로 이동하는 스크롤 event를 만들어 보았습니다.&lt;br /&gt;</description>
      <category>개발자</category>
      <category>.animate</category>
      <category>jquery</category>
      <category>jquery animate</category>
      <category>scroll</category>
      <category>scroll 동적이동</category>
      <author>도영이</author>
      <guid isPermaLink="true">https://staticfinal.tistory.com/20</guid>
      <comments>https://staticfinal.tistory.com/20#entry20comment</comments>
      <pubDate>Thu, 10 Jun 2010 10:19:35 +0900</pubDate>
    </item>
    <item>
      <title>모토로이 2.1 업그레이드 에러. 해결</title>
      <link>https://staticfinal.tistory.com/18</link>
      <description>&lt;p&gt;오늘 모토로이 펌웨어 업그레이드 버전이 나왔다길래 업그레이드를 하기로 결심하였다.&lt;br /&gt;
&lt;br /&gt;내 모토로이는 출고시 부터 핸드폰에서 시스템 업그레이드가 되지 않았다. (A/S센터 가야 하는데 시간이 없다.)&lt;br /&gt;
&lt;br /&gt;저번에도 컴퓨터로 연결해서 업그레이드를 이상없이 했기 때문에 오늘도 그냥 컴퓨터로 usb 연결후 업그레이드 하기로 감행했다. &lt;br /&gt;
&lt;br /&gt;간단하게 업그레이드를 하던중 아래와 같은 에러가 발생하였다.&lt;br /&gt;
&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/153A82224BB4289630&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F153A82224BB4289630&quot; width=&quot;575&quot; height=&quot;444&quot; alt=&quot;&quot; filename=&quot;error1.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;&lt;table style=&quot;border-collapse: collapse;&quot; bgcolor=&quot;#ffffff&quot; cellpadding=&quot;1&quot; cellspacing=&quot;1&quot; width=&quot;565&quot;&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td style=&quot;border: 1px solid rgb(128, 31, 191);&quot; width=&quot;100%&quot;&gt;&amp;nbsp;Microsoft Visual C++ Runtime Library&lt;p&gt;&lt;strong&gt;Runtime Error!&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Program: C:\Program Files\Internet Explorer|iexplore.exe&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;This application has requested the Runtime to terminate it in an unusual way,&lt;br /&gt;
Please contact the application's support team for more information.&lt;/strong&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;&lt;/strong&gt;&lt;br /&gt;
런타임 에러가 발생하였다.&lt;br /&gt;
가끔 ie 형님이 토해 내는 메세지 인데. &lt;br /&gt;
핸드폰은 이미 까망 화면에 usb 연결되었다고 나와있는 상태여서 난감했다. &lt;br /&gt;
&lt;br /&gt;핸드폰 껐다가 다시 켜고 usb 다시 연결하고. &lt;br /&gt;
&lt;br /&gt;다시 모토로라 사이트 가서 수차례 해도 똑같이 발생.&lt;br /&gt;
&lt;br /&gt;usb 드라이버를 다시 깔아볼까 생각도 했다. 아니면 리부팅?&lt;br /&gt;
&lt;br /&gt;다른 작업중이어서 리부팅은 힘들것 같고. &lt;br /&gt;
일단 windows 작업관리자를 켜서 메모리 정리 부터 한뒤.&lt;br /&gt;
&lt;br /&gt;ie로 다시 도전 했지만 실패. &lt;br /&gt;
&lt;br /&gt;하는수 없이 ie(트라이던트) 엔진을 지원하는 Lunascape6 브라우저를 이용하기로 했다.(http://www.lunascape.tv/)&lt;/p&gt;
&lt;p&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1159E6274BB5539910&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1159E6274BB5539910&quot; width=&quot;270&quot; height=&quot;180&quot; alt=&quot;&quot; filename=&quot;orion_dl.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;/p&gt;
&lt;p&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/2049631E4BB5547C07&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2049631E4BB5547C07&quot; width=&quot;575&quot; height=&quot;459&quot; alt=&quot;&quot; filename=&quot;r1.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;/p&gt;
&lt;p&gt;루나스케이프로 잘 된다. ㅋ&lt;/p&gt;
&lt;p&gt;이 에러가 꼭 브라우저 문제가 아니라 C++ Runtime 오류이기 때문에 많은 원인이 있을수 있다. &lt;br /&gt;
&lt;/p&gt;&lt;p&gt;Reboot 하면 정상적으로 될수도 있고.. &lt;br /&gt;
&lt;/p&gt;&lt;p&gt;하지만... &lt;br /&gt;
&lt;/p&gt;&lt;p&gt;나는... &lt;br /&gt;
&lt;/p&gt;&lt;p&gt;&lt;br /&gt;
&lt;/p&gt;&lt;p&gt;브라우저 바꿔서 성공. &lt;br /&gt;
&lt;/p&gt;&lt;p&gt;&lt;br /&gt;
&lt;/p&gt;&lt;p&gt;컴퓨터가 말을 않들을때 제일로 짜증나는듯. &lt;br /&gt;
&lt;/p&gt;&lt;p&gt;&lt;br /&gt;
&lt;/p&gt;&lt;p&gt;&lt;br /&gt;
&lt;/p&gt;</description>
      <category>Lunascape</category>
      <category>runtime</category>
      <category>runtime error</category>
      <category>Runtime Library</category>
      <category>모토로이</category>
      <category>모토로이 2.1</category>
      <category>업그레이드</category>
      <author>도영이</author>
      <guid isPermaLink="true">https://staticfinal.tistory.com/18</guid>
      <comments>https://staticfinal.tistory.com/18#entry18comment</comments>
      <pubDate>Thu, 1 Apr 2010 14:10:32 +0900</pubDate>
    </item>
    <item>
      <title>Mockups For Desktop - 웹 기획 툴</title>
      <link>https://staticfinal.tistory.com/17</link>
      <description>웹기획툴 Balsamiq Studios 의 mockups.&lt;br /&gt;
&lt;br /&gt;
아무래도 개발을 하다보면 화면에 UI를 위한 웹 기획을 하기 마련이다. &lt;br /&gt;
&lt;br /&gt;
손으로 그리기도 하고 그림을 그리는 툴을 이용하기도 하고. ppt를 이용하기도 한다. &lt;br /&gt;
&lt;br /&gt;
인터넷을 확인하다가 좋은 툴이 있어서 소개를 하려고 한다.&lt;br /&gt;
&lt;br /&gt;
&lt;img src=&quot;file:///C:/DOCUME%7E1/ADMINI%7E1/LOCALS%7E1/Temp/moz-screenshot-3.png&quot; alt=&quot;&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/201A411D4BA6D63C31&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F201A411D4BA6D63C31&quot; width=&quot;575&quot; height=&quot;284&quot; alt=&quot;&quot; filename=&quot;m1.jpg&quot; filemime=&quot;image/jpeg&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;https://t1.daumcdn.net/cfile/tistory/194472264BA6D71813&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F194472264BA6D71813&quot; width=&quot;575&quot; height=&quot;435&quot; alt=&quot;&quot; filename=&quot;m2.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
http://www.balsamiq.com/&lt;br /&gt;
&lt;br /&gt;
desktop version을 다운받고 실행하면 아래와 같이 나타난다.&lt;br /&gt;
adobe의 air로 만들어져 잇어서 ui가 깔끔하고 interface가 좋다.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/1741F2264BA6D7CB1E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F1741F2264BA6D7CB1E&quot; width=&quot;575&quot; height=&quot;415&quot; alt=&quot;&quot; filename=&quot;m3.jpg&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/div&gt;
&lt;br /&gt;
상단에 있는 item들을 간단하게 드래그&amp;amp;드랍 하여 아래의 화면에 끌어다 놓을수 있고. &lt;br /&gt;
많은 옵션들이 존재하여 구성하고자 하는 내용을 만들어 낼수 있다.&lt;br /&gt;
&lt;br /&gt;딱딱한 그림이 아닌 꼭 손으로 그린듯한 느낌을 연출해 내고 있어서 더욱더 마음이 끌리는 듯 하다. &lt;br /&gt;
&lt;br /&gt;무료 라이센스로 사용이 가능하지만 제약이 있다. &lt;br /&gt;
실제 구매를 하면 정식 라이센스를 발급 받을수 있다.&lt;br /&gt;
&lt;br /&gt;좀더 사용을 해 보고 후기를 한번더 올리도록 하겠습니다.&lt;br /&gt;</description>
      <category>개발자</category>
      <category>Balsamiq Studios</category>
      <category>mockups</category>
      <category>웹기획</category>
      <category>웹기획툴</category>
      <author>도영이</author>
      <guid isPermaLink="true">https://staticfinal.tistory.com/17</guid>
      <comments>https://staticfinal.tistory.com/17#entry17comment</comments>
      <pubDate>Mon, 22 Mar 2010 11:34:25 +0900</pubDate>
    </item>
  </channel>
</rss>