<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
	<channel>
		<title>아이젝트 랩 # make yourself in a web</title>
		<link>http://izect.kr/</link>
		<description>html5,모바일웹,웹앱,자기브랜드,시간관리 등을 다룹니다.</description>
		<language>ko</language>
		<pubDate>Thu, 09 Feb 2012 10:11:26 +0900</pubDate>
		<generator>Tistory 1.1 (http://www.tistory.com/)</generator>
		<managingEditor>메튜장</managingEditor>
		<image>
		<title>아이젝트 랩 # make yourself in a web</title>
		<url><![CDATA[http://cfile23.uf.tistory.com/image/1108034B4DC77B74126307]]></url>
		<link>http://izect.kr/</link>
		<description>html5,모바일웹,웹앱,자기브랜드,시간관리 등을 다룹니다.</description>
		</image>
		<item>
			<title>안정에 대하여.</title>
			<link>http://izect.kr/691</link>
			<description>복학 신청을 하고 난지도 어느새 한주가 지났다. 그 한 주 동안 사실 삶은 안정적으로 흘러갔지만 개인적으로는 많은 생각과 결심을 한 한 주였다고 생각한다.&lt;br /&gt;
&amp;nbsp;&lt;p style=&quot;margin:0&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile25.uf.tistory.com/original/12271E434F3314B02B71E1&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile25.uf.tistory.com/image/12271E434F3314B02B71E1&quot; alt=&quot;&quot; filemime=&quot;image/jpeg&quot; filename=&quot;Paragraph_2098_3.jpg&quot; height=&quot;272&quot; width=&quot;388&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
모든 삶에는 안정이 필요하다. 고등학교 시절, 불규칙적인 생활패턴과 구체적이지 않은 나의 미래의 모습 때문에 방황항 적이 있다. 밤새도록 개발이란 핑계로 컴퓨터 앞에 살다 보니 살은 1년만에 25kg나 쪘고 그러면서 사실 집중해야 할 프로그래밍을 못한 결과, 당시 준비하던 대회들은 다들 하찮은 성적만 거두게 되었다.&lt;br /&gt;
&lt;br /&gt;그러다 고교 2학년 말쯤 되어 나는 내 인생의 변화를 시도했다. 컴퓨터를 한 1년 끊기로 한 것이다. 초등학교 시절부터 한번도 그런 적이 없는 내게는 사실 처음에는 이게 고통이 되지 않을까 생각했는데 내가 만든 틀에 내가 맞춰서 행동하다 보니 그런 생각은 전혀 없었다. 아니 오히려 하루 하루 규칙적으로 사는 것이 즐겁기까지 했다.&lt;br /&gt;
&lt;br /&gt;20살에 시작한 IT연구로사는 작은 팀의 팀장, 21살부터 시작한 게임회사, 23살부터 시작한 웹 SI와 SM, 그 곳에서 나는 무엇을 배우고 느꼈는가? 그건 다름아닌 안정적인 삶을 찾기위해 부단히 노력했다는 것이다.&lt;br /&gt;
&lt;br /&gt;나는 성격상 무언가 한 가지에 빠지면 뒤도 안돌아보고 그것에만 올인하는 경향이 있다. 이는 특히 개발할 때에 크게 적용하는데, 한 예로 작년 초에 개발했던 다니길 프로젝트에서 당시 나는 살을 빼야했음에도 불고하고 개발 기간인 1개월 동안 운동을 못했을 뿐만 아니라 새벽 2시에 일어나서 8시까지 하루의 25%를 이에 할애했다.(물론 그 시간은 잠자는 시간과 내 개인을 위해 할애했어야 하는 시간이다.)&lt;br /&gt;
&lt;br /&gt;대회의 결과가 좋았음에도 불구하고 내게 있어 살을 빼지 못한 것과 하루 8시간으로 늘어져버린 수면시간 등, 규칙적이지 않은 삶 덕분에 내겐 꾸준함이 결어되어 버렸다. 하루가 다르게 살은 늘어져 갔고, 다시 살이 0.1톤에 가까워 진 것도 금방이었다.&lt;br /&gt;
&lt;br /&gt;그런 내가 &lt;a href=&quot;http://izect.kr/638&quot; target=&quot;_blank&quot;&gt;2011/06/20 - 로드맵에 따른 인생의 진척&lt;/a&gt;&amp;nbsp;라는 글을 통해 내 인생의 로드맵을 몇 시간에 걸쳐서 완성하고 이에 따라 삶을 맞춰버리면서 바로잡을 수 있었다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;이는 어떤 것을 의미할까? 글쎄.. 간단히 보면 내가 하고 싶은 것들, 그 것들에 나를 집어넣는 것이다. 단순히는 엑셀 한 셀에 나를 맞춰버리는 것.. 이것은 어떠한 의미가 있는가?&lt;br /&gt;
&lt;br /&gt;이렇게 내 삶을 정해진 틀에 맞춰버린다는 것, 그것의 의미를 찾다 보니 다름 아닌 &quot;안정&quot; 이란 것이 있었다. 사람은 누구나 하고싶은 것만 하고 살 수는 없다. 하지만 사람은 하고 싶은일이 얼마나 많은가. 인간의 본연의 욕구는 너도 나도 성공하고 싶고 물질적인 가치를 추구하고 정신적인 사랑을 추구하는 것이다.&lt;br /&gt;
&lt;br /&gt;나도 사람이다. 그래서 내게도 욕심이란 게 있다. 하지만 이를 다 이루기 위해서는 꾸준함이 있어야한다. 하루의 시간은 정해져 있는데 한번에 어찌 내가 하고 싶은 것을 다 이룰 수 있겠는가?&lt;br /&gt;
&lt;br /&gt;바로 이 로드맵은 내게 조급함을 없애주었다. 내가 하고 싶은 것들, 그것들의 &quot;가능성&quot;을 계속 생각해 보며 얘기치 않게 발생한 어떤 일련의 작업들에 대해, 이에 따라 내 삶을 다시 디자인 할 수 있게 되었다.&lt;br /&gt;
&lt;br /&gt;이런게 안정일까, 나는 이런 것이 안정이라 생각한다. 당장에 다가올 내일, 내일 내가 무엇을 해야 할 지를 안다. 내가 언제까지 살 것도 안다. 10년후, 2022년 2월 9일에 내가 무엇을 하고 있어야 하는지도 안다. 그것이 불확실한 삶에서 나를 발견하기 위한 힘들지만 의미있는 시간 투자가 아닌가 싶다.&lt;br /&gt;
&lt;br /&gt;그렇게 안정이 있다. 하지만 알 수는 없다. 내가 하고 싶은 것, 그것들을 위해서는 또한 가끔은 선택을 해야한다. 사람이 좀 노력을 잘 해서 두 마리 토끼는 잡을 수 있겠지만 멧돼지 열마리는 한번에 못잡는다. 이루기 위한 선택과 집중은 성취와 안정을 위한 필수불가결의 요소라는 것이다.&lt;br /&gt;
&lt;br /&gt;지금 나는 복학을 앞두고 5년만에 학교로 돌아가서 내가 하고 싶은 것을 이루려면 어떻게 해야 하는지, 사실은 걱정이 앞선다. 그래도 잘 할 수 있을 것이라 생각한다. 무엇보다 로드맵에 의거한 삶의 우선순위 계획, 그리고 선택과 집중. 이것이 내게 안정을 가져올 것이다.&lt;br /&gt;
&lt;br /&gt;예측할 수 없는 삶 속에서 안정적 삶의 추구라.. 뭔가 나와 어울리는 문장인 것 같은 느낌이 지긋이 드는구나. 그렇게 또 한번 다가올 변화를 생각하며,, 발바닥으로 신호를 보낸다. 움직이라고..&lt;/p&gt;&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;blogger-news-widget&quot; style=&quot;width: 100%; text-align: center&quot;&gt;
			  				&lt;embed src=&quot;http://api.v.daum.net/static/recombox3.swf&quot; quality=&quot;high&quot; flashvars=&quot;nid=25471286&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;false&quot; bgcolor=&quot;#ffffff&quot; width=&quot;67&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
						&lt;/div&gt;&lt;div style=&quot;text-align:left; padding-top:10px;&quot;&gt;
&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=izect.kr/691&amp;amp;layout=standard&amp;amp;show_faces=true&amp;amp;width=310&amp;amp;action=like&amp;amp;font=tahoma&amp;amp;colorscheme=light&amp;amp;height=65&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;border:none; overflow:hidden; width:310px; height:65px;&quot; allowTransparency=&quot;true&quot;&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;
&lt;div id=&quot;livereContainer_691&quot; class=&quot;livereContainer&quot;&gt;&lt;/div&gt;&lt;div id=&quot;livereContainer&quot;&gt;&lt;/div&gt;
	&lt;script type=&quot;text/javascript&quot;&gt;
		var livere_user_name = &#039;&#039;;
		var livere_homepage = &#039;&#039;;
		var livere_blog_id = &#039;598154&#039;;
		var livere_entry_id = &#039;691&#039;;
		var livere_default_guest_image = &#039;&#039;;
		var livere_article_id = &#039;&#039;;
		var livere_consumer_seq = null;
		var livere_smartlogin_seq = null;
		var livere_useTistoryComment = &#039;true&#039;;
		var livere_livere_seq = &#039;5366&#039;;
		var livere_refer = &#039;izect.tistory.com/&#039;;
		var livere_blogurl = &#039;izect.tistory.com&#039;;
		var livere_title = &#039;&#039;;
		var livere_redirect_path = &#039;http://izect.tistory.com/plugins/LiveRe/redirect.html&#039;;

		livereInit(livere_entry_id, livere_refer, livere_title);
	&lt;/script&gt;
</description>
			<category>아이지의 생각과 고찰</category>
			<category>미래예측</category>
			<category>안정</category>
			<category>안정적 삶</category>
			<category>예견</category>
			<author>메튜장</author>
			<guid>http://izect.kr/691</guid>
			<comments>http://izect.kr/691#entry691comment</comments>
			<pubDate>Thu, 09 Feb 2012 10:00:05 +0900</pubDate>
		</item>
		<item>
			<title>복학신청을 하고 와서</title>
			<link>http://izect.kr/689</link>
			<description>&lt;p style=&quot;margin:0&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile23.uf.tistory.com/original/18311C434F262DFA216461&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile23.uf.tistory.com/image/18311C434F262DFA216461&quot; alt=&quot;&quot; filemime=&quot;image/jpeg&quot; filename=&quot;time_waits_for_no_one_by_wrongcoordinate-d42ko2p.jpg&quot; height=&quot;265&quot; width=&quot;400&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;/p&gt;
&lt;br /&gt;
병특을 하면서 한번도 실감해보지 못한 것이 하나 있다. 바로 내가 학교로 돌아간다면? 다시 학생이 된다면 나는 무엇을 하고 있을까 라는 생각이다. 병특이라는 시간에 쫓겨, 직장인도 아닌 것이 군인도 아닌 것이, 뭔가 애매한 대우를 받으며 지내왔지만 나는 보다 구체적인 나의 정체성을 찾고 싶었다. 여유를 가지고 싶었고, 개인 시간을 가지고 싶었다.&lt;br /&gt;
&lt;br /&gt;
하지만 사회라는 곳은 그리 만만치 않았다. &quot;짤리면 군대다&quot; 라는 생각에 회사에서 닥치는대로 사람들에게 잘보였다. 하루가 다르게 팀장이 내게 하는 얘기는 &quot;사장이 그러더라. &#039;쟤는 대체 뭐하는 놈이야? 하는게 뭐야?&#039; 라고 말이다.&quot; 라고 하였다. 그때는 내가 반항심이 참 많아서 그럴까.. 물론 겉으로 내색은 안했지만 업무도 잘 주지 않으면서 내게 뭐하는 놈이냐니. 참 빈정도 많이 상했을 뿐더러, 나의 존재에 대한 정말 큰 회의심이 있었다. 내가 잘하고 있을까? 나는 뭐하는 놈일까..&lt;br /&gt;
&lt;br /&gt;그래서 계속 나의 정체성을 찾기 위해 노력했다. 물론 프로그래머로 병특을 간 것은 개발력을 썩히기 싫어서가 가장 컸는데, 막상 병특을 오고 나니 내가 하고싶은 웹을 하면서도 기술이 워낙 낙후된 것만 배우다 보니 개인적으로 회의감이 많이 들었다. 아니 회의감보다 더 심한 것은 내가 무엇을 배워야 할지 혼동된다는 것이었다. 사실 솔직히 말하면 내가 게임 사업을 추진할 당시 개발자로써 나름 잘 나가던 친구 한놈에 대한 열등감이 가장 컸는데, 그 친구에 비해 프로그래머를 꿈꾸던 나는 뭐하는 놈일까.. 라는 생각이 컸다.&lt;br /&gt;
&lt;br /&gt;뭐 지금이야 자바와 특히 오픈 프레임워크를 주축으로 해서 나 자신의 정체성을 잘 성립했고 앞으로 내가 공부해야 할 방향이나 향우 어떤 일을 하고있을지에 대한 고민도 수없이 많이 해봤다. 풀어져 있는 나 자신을 잡기 위해 매일같이 관리하는 로드맵도 정말 많은 시간을 들여 만들었고, 직업들에 대해서도 수 없이 생각했다.&lt;br /&gt;
&lt;br /&gt;그러다 지난 2월 1일, 나는 드디어 복학을 신청했다. 복학이라.. 26살 늦은 나이에 2학년으로 들어가는 것을 의미하는 이 복학, 지금 학교에 있는 같은 학년의 학생들은 나보다 5살이나 어리다. 많이 어린 친구들 사이에서 나는 어떤 존재가 될 것인가? 글쎄.. 그들과 제대로 어울리지는 못할 뿐더러, 아마 나는 대학 생활이라는 것보다는 나 자신의 인생에 보다 더 충실해야겠지.&lt;br /&gt;
&lt;br /&gt;그렇게 복학신청을 하고 나니 21살부터 26살까지, 내가 그동안 사회에서 지내왔던 일련의 기억들이 머리속을 스쳐간다. 처음 게임사업을 진행할 때부터 회사가 이사갔을때, 그리고 인사총무팀으로 발령났을 때, 프로젝트가 망했을때, 병특회사에 합격했을때, 지금회사로 이직 성공했을때. 많은 성공과 실패가 있었지만 그래도 다양한 경험을 하면서 나는 누군가는 5~10년 후에나 생각할 수 있는 일을 보다 빨리 예측할 수 있던 것이다.&lt;br /&gt;
&lt;br /&gt;그래서 복학을 한다. 복학을 하고, 내가 바라보는 학교의 커리큘럼은 전반적인 내 인생에 있어서 이게 과연 필요한 것인가를 한번 더 돌이켜보게 만든다. 어떤 기술을 배우고 어떤 사회적인 능력을 키울 것인가, 내게 필요한 것이 무엇인지를 알기 때문에 나는 그 부분만 보충해 나가면 된다. 내가 들어온 많은 친구들은 자신들이 왜 이 학과에서 이 과목을 배우는지를 잘 알지 못한다. 그저 &quot;교수가 학점을 잘 줘서&quot; 가 전부인 것 같다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;인생에는 두 갈래의 길이 있다고 생각한다. 하나는 남들 다 하는 일반적인 길, 하나는 아무나 시도하지 않는 도전적인 길.&amp;nbsp;&lt;br /&gt;
고등학교때 쓴 일기의 한 부분이 생각난다. &quot;나는 남들과는 다른 길을 항상 추구한다.&quot; 이미 중학교때에도 남들 다 진학시험 준비할 때 나는 컴퓨터를 공부하고, 컴퓨터로 대학갈 생각을 한 자체가 다른 방향인 것 같다. 하물며 대학에 진학하자마자 게임개발과 투자를 통한 본격적 사업을 해보고 싶던 것고 마찬가지이고. 지금도 남들 다 졸업하고 취직할 때 나는 다시 학교로 들어간다는 것도 다른 길로 들어간 것이다.&lt;br /&gt;
&lt;br /&gt;
하지만 현실은 언제나 &quot;이상&quot; 만을 허락해주지 않는다. 이상속에 빠져사는 사람은 그저 허황된 몽상가일 뿐이다. 나는 최소한 병특에 오기 전까지는 정말 크나큰 몽상가였다. 하루하루 허구속에 빠져살다가 22살이 되어 진행하던 프로젝트가 접히게 되자 느끼게 되었다. 인생은 단지 열정만으로 되지 않는다는 사실을.&lt;br /&gt;
&lt;br /&gt;중요한 것은 내가 얼마나 노력했느냐는 것이다. 그리고 그 노력이 올바른 방향으로 흘러들어가야 한다. 그래서 앞으로의 나의 삶은 분명 내가 설계한 대로 올바른 방향으로 들어갈 것이라고 생각한다. 그렇기에 늦은 나이에 복학하는 것도 두렵지 않다. 늦었다는 생각보다는 안정적인 발판을 마련했다는 생각이 더더욱 강하다!&lt;br /&gt;
&lt;br /&gt;이제 3월 2일, 병특도 끝나고 복학을 하게 된다. 이런 날이 오는구나.. 내가 그 동안 투자한 시간, 남들과 다르게 걸어온 시간이 헛되지 않도록 노력할 수 있도록 해야겠다.&amp;nbsp;&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;blogger-news-widget&quot; style=&quot;width: 100%; text-align: center&quot;&gt;
			  				&lt;embed src=&quot;http://api.v.daum.net/static/recombox3.swf&quot; quality=&quot;high&quot; flashvars=&quot;nid=25337823&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;false&quot; bgcolor=&quot;#ffffff&quot; width=&quot;67&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
						&lt;/div&gt;&lt;div style=&quot;text-align:left; padding-top:10px;&quot;&gt;
&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=izect.kr/689&amp;amp;layout=standard&amp;amp;show_faces=true&amp;amp;width=310&amp;amp;action=like&amp;amp;font=tahoma&amp;amp;colorscheme=light&amp;amp;height=65&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;border:none; overflow:hidden; width:310px; height:65px;&quot; allowTransparency=&quot;true&quot;&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;
&lt;div id=&quot;livereContainer_689&quot; class=&quot;livereContainer&quot;&gt;&lt;/div&gt;
	&lt;script type=&quot;text/javascript&quot;&gt;
		var livere_user_name = &#039;&#039;;
		var livere_homepage = &#039;&#039;;
		var livere_blog_id = &#039;598154&#039;;
		var livere_entry_id = &#039;689&#039;;
		var livere_default_guest_image = &#039;&#039;;
		var livere_article_id = &#039;&#039;;
		var livere_consumer_seq = null;
		var livere_smartlogin_seq = null;
		var livere_useTistoryComment = &#039;true&#039;;
		var livere_livere_seq = &#039;5366&#039;;
		var livere_refer = &#039;izect.tistory.com/&#039;;
		var livere_blogurl = &#039;izect.tistory.com&#039;;
		var livere_title = &#039;&#039;;
		var livere_redirect_path = &#039;http://izect.tistory.com/plugins/LiveRe/redirect.html&#039;;

		livereInit(livere_entry_id, livere_refer, livere_title);
	&lt;/script&gt;
</description>
			<category>아이지의 생각과 고찰</category>
			<category>개발자</category>
			<category>병역특례</category>
			<category>병특</category>
			<category>병특요원</category>
			<category>복학</category>
			<author>메튜장</author>
			<guid>http://izect.kr/689</guid>
			<comments>http://izect.kr/689#entry689comment</comments>
			<pubDate>Mon, 06 Feb 2012 10:29:48 +0900</pubDate>
		</item>
		<item>
			<title>REDMINE 의 위키에서 위지윅(WYSIWYG) 에디터를 사용하고 싶을때</title>
			<link>http://izect.kr/690</link>
			<description>요즘 회사에서 이 레드마인을 세팅하는 데에 푹 빠져있다.&lt;br /&gt;
레드마인 설치는 one click 설치가 있어서 상당히 쉬운데&lt;br /&gt;
나는 주로 레드마인에서 위키를 사용할 예정인데, 위키가 Textile문법으로 되어 있어서 &lt;br /&gt;
이게 데이터를 형식화 하는데, 즉 마크업 하는데에는 도움이 될지 모르겠지만&lt;br /&gt;
나처럼 문서를 웹으로 취합하고자 하는 사람에게는 좀 별로인 듯 싶다.&lt;br /&gt;
&lt;br /&gt;여튼 위키에서 위지윅을 사용하려고 여러방면으로 알아본 결과...&lt;br /&gt;
&amp;nbsp;&lt;br /&gt;
&lt;a href=&quot;http://www.redmine.org/issues/617&quot; target=&quot;_blank&quot; title=&quot;[http://www.redmine.org/issues/617]로 이동합니다.&quot;&gt;http://www.redmine.org/issues/617&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;보다시피 엄청난 논의가 있던 것 같다.. 근데 이 글에는 결과는 안나와있고.&lt;br /&gt;
&lt;br /&gt;&lt;p style=&quot;margin:0&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile5.uf.tistory.com/original/167289494F2A17861049A3&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile5.uf.tistory.com/image/167289494F2A17861049A3&quot; alt=&quot;&quot; filemime=&quot;image/jpeg&quot; filename=&quot;스크린샷 2012-02-02 오후 1.56.11.png&quot; height=&quot;241&quot; width=&quot;331&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;/p&gt;
&lt;br /&gt;난 결국 CKEditor라는 오픈소스 자바스크립트 에디터를 알게 되고, 이게 해외에서 꽤 많이 사용되는 것을 알게 되었다.&amp;nbsp;&lt;br /&gt;
&amp;nbsp;그래서 열심히 찾던 중..&lt;br /&gt;
&lt;br /&gt;&lt;a href=&quot;https://github.com/a-ono/redmine_ckeditor&quot; target=&quot;_blank&quot; title=&quot;[https://github.com/a-ono/redmine_ckeditor]로 이동합니다.&quot;&gt;https://github.com/a-ono/redmine_ckeditor&lt;br /&gt;
&amp;nbsp;&lt;/a&gt;&lt;br /&gt;
github의 이 redmine_ckeditor 라는 오픈소스를 발견하게 되었고...&lt;br /&gt;
위의 그림처럼 성공했다~~!&lt;br /&gt;
&lt;br /&gt;설치는 간단하다. &amp;nbsp;위쪽에 ZIP 버튼으로 내려받은 후, 압축풀고 redmine 설치 폴더에 vendor\plugin 폴더에 넣는다. 그리고 폴더명을 redmine_ckeditor 로 바꾼 후 redmine 재시작.&lt;br /&gt;
이후에&amp;nbsp;Administration &amp;gt; Settings &amp;gt; General &amp;gt; Text formatting 에 보면 redmine_ckeditor 가 추가된걸 볼 수 있다.&lt;br /&gt;
선택하고 저장하면!!! 드뎌 위지윅으로 사용이 가능하다... ^^ 참고로 Administration &amp;gt; Plugin 에 가면 이것저것 위지윅 에디터에서 사용할 것 추가도 가능하다.&lt;br /&gt;
&lt;br /&gt;단 주의점은, 기존에 Textile 로 만들어 둔 문법은 인식이 안되므로 주의할것.. 그러니깐 위지윅으로 되면서 &amp;lt;span&amp;gt;테그가 추가되고, 기존의 Textile 문법은 인식이 안되는 듯 하다. 그리고 CKeditor 로 저장하면 또한 Textile 에서 인식이 안되고.. (물론 [[]] 등의 문법은 동일한듯 ^^;) &amp;nbsp;&lt;br /&gt;&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;blogger-news-widget&quot; style=&quot;width: 100%; text-align: center&quot;&gt;
			  				&lt;embed src=&quot;http://api.v.daum.net/static/recombox3.swf&quot; quality=&quot;high&quot; flashvars=&quot;nid=25220072&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;false&quot; bgcolor=&quot;#ffffff&quot; width=&quot;67&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
						&lt;/div&gt;&lt;div style=&quot;text-align:left; padding-top:10px;&quot;&gt;
&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=izect.kr/690&amp;amp;layout=standard&amp;amp;show_faces=true&amp;amp;width=310&amp;amp;action=like&amp;amp;font=tahoma&amp;amp;colorscheme=light&amp;amp;height=65&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;border:none; overflow:hidden; width:310px; height:65px;&quot; allowTransparency=&quot;true&quot;&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;
&lt;div id=&quot;livereContainer_690&quot; class=&quot;livereContainer&quot;&gt;&lt;/div&gt;
	&lt;script type=&quot;text/javascript&quot;&gt;
		var livere_user_name = &#039;&#039;;
		var livere_homepage = &#039;&#039;;
		var livere_blog_id = &#039;598154&#039;;
		var livere_entry_id = &#039;690&#039;;
		var livere_default_guest_image = &#039;&#039;;
		var livere_article_id = &#039;&#039;;
		var livere_consumer_seq = null;
		var livere_smartlogin_seq = null;
		var livere_useTistoryComment = &#039;true&#039;;
		var livere_livere_seq = &#039;5366&#039;;
		var livere_refer = &#039;izect.tistory.com/&#039;;
		var livere_blogurl = &#039;izect.tistory.com&#039;;
		var livere_title = &#039;&#039;;
		var livere_redirect_path = &#039;http://izect.tistory.com/plugins/LiveRe/redirect.html&#039;;

		livereInit(livere_entry_id, livere_refer, livere_title);
	&lt;/script&gt;
</description>
			<category>Tools</category>
			<category>CRM</category>
			<category>Redmine</category>
			<category>WYSIWYG</category>
			<category>레드마인</category>
			<category>위지위그</category>
			<author>메튜장</author>
			<guid>http://izect.kr/690</guid>
			<comments>http://izect.kr/690#entry690comment</comments>
			<pubDate>Thu, 02 Feb 2012 14:05:46 +0900</pubDate>
		</item>
		<item>
			<title>&quot;학생개발자&quot; 로 들어가기 앞선 생각</title>
			<link>http://izect.kr/687</link>
			<description>실무에서 웹 프로그래머로 활동한지 올해로 7년차를 맞이하였다. 그동안의 개발자로써 삶을 돌이켜보면 정말로 다양한 경험을 한 것 같다. 물론 병역특례다, 사업이다.. 이것저것 원하든 원치않든 나는 내 삶을 지속적으로 내가 원하는 방향으로 맞춰갔고, 그러한 수 없는 고찰속에서 나는 우선은 내가 하고싶은 삶보다는 내가 잘할 수 있는 삶으로 방향을 맞추기로 하였고 3년간의 병특 생활 속에서 빡센 개발과 함께 나는 어느정도 웹 프로그래머로써의 실력을 다질 수 있었다.&lt;br /&gt;
&lt;br /&gt;
&lt;p style=&quot;margin:0&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile29.uf.tistory.com/original/18399D4D4F219BEF05EBF5&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile29.uf.tistory.com/image/18399D4D4F219BEF05EBF5&quot; alt=&quot;&quot; filemime=&quot;&quot; filename=&quot;cfile29.uf@18399D4D4F219BEF05EBF5.jpg&quot; height=&quot;266&quot; width=&quot;350&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;/p&gt;
&amp;nbsp;&lt;br /&gt;
사실 삶이란 것이 언제나 완벽할 수는 없다. 나 역시 마찬가지로, 이 블로그에서 수없이 언급했지만 난 처음에는 그저 인터넷이 좋았고, html과 자바스크립트를 통한 웹 디자인이 좋았는데 학창 시절에는 &quot;웹 디자이너&quot; 라는 자체는 좋은 학업으로 이어지기가 힘들었다. 홈페이지 경진대회는 몇차례 수상을 했지만 학생인 당시 신분으로써 내가 컴퓨터와 대학 진학을 목표로 하기 위해서는 프로그래밍을 해야했다. 그러다 보니 초등학교 때부터 &quot;정보올림피아드&quot; 라는것과 인연을 맺게 되었다. (&lt;a href=&quot;http://izect.kr/570&quot; target=&quot;_blank&quot;&gt;2010/06/30 - 컴퓨터, 그리고 정보올림피아드의 추억&lt;/a&gt;)&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;
뭐 과거 회상은 아주 많이 해봤기 때문에.. 여튼 줏대가 없는지는 몰라도 디자이너도 포기했고, 20살부터 시작한 닷넷 프로그래밍도 병특을 시작하고 1년만에 완전히 자바 프로그래밍으로 돌아섰다. 항상 내가 추구했던 것은 &quot;방향성&quot; 이었는데, 솔직히 나는 프로그래밍에 있어 다양한 라이브러리를 사용한 경험은 있었는데 그러고 나니 내 정체성에 큰 혼란이 빚어졌다. 웹만 좋아하던 내가 GW베이직이니, C,C++이니, 닷넷이니 Direct X니.. &lt;br /&gt;
&lt;br /&gt;
솔직히 13살 때부터 10년간은 억지반으로 이런 언어들과 라이브러리를 접했던 것 같다. 그러다 23살때 병특을 시작하고 나서 순전히 웹의 바닥부터 기초를 쌓겠다고 생각하고 들어간 병특의 세계, 첫 회사인 에이전시도 하고 별별 웹 관련 일을 다하던 회사에서 나는 웹과 관련된 정말 다양한 경험을 하게 되었다. 물론 회사 대우에 불만을 품고 이직하긴 했지만 그곳에서 배운 다양한 경험들은 아직도 꽤나 유용하게 사용하고 있다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;슈퍼 웹 개발자.&lt;/b&gt;&lt;br /&gt;
뭐 이러저러한 경험은 재쳐두고.. 어쨋든 앞으로 한달 정도 후면 대학교로 돌아가게 된다. 기대반, 걱정반인 이 학생 생활에서 나는 어떤 경험에 중점을 두고 나의 3년을 보내야할까? 우선 3년 후, 현실적인 기반에선 나는 취직을 해야한다. 남들보다 한 2년 정도 늦었겠지만, 늦은 만큼 나는 보다 더 확실한 결정을 해야한다. 병특을 처음 시작했을 때 나는 내 진로에 대해 고민하다가 &quot;IT 컨설턴트&quot; 라는 진로를 희망하였는데, 지금의 내 희망 진로는 &quot;슈퍼웹개발자&quot; 이다. 보다 더 구체적으로 말하면 &quot;어떠한 아이디어던 빠르게 프로토타입을 생산할 수 있는 웹 개발자&quot; 왜 이런 진로를 결정하게 되었냐면 나는 일단 웹과 관련되서는 어떠한 기술이라도 정말로 흥미가 깊고, 이러한 기술들을 요리조리 활용해서 서비스를 기획하는 것을 좋아한다. 그리고 지금까지의 내 경험은 디자인과 개발을 중점적으로 키워왔다. 그렇기에 기획,디자인,프로그래밍 의 모든 요소를 섭렵하려고 하는 것이다.&lt;br /&gt;
&lt;br /&gt;
뭐 그래 의도는 좋다. 그래도 자만하지는 않는다. 그동안 개발하면서 느꼈는데 내가 아무리 실력이 좋고 경력이 좋던간에 기술은 정말로 빠르게 발전하고 있다. 발빠르게 기술을 접하지 않으면 기회를 잃어버리는 것이고, 그 만큼 경쟁력도 약해진다. 물론 웹에서도 필요한 기초적인 기술이 있지만 그것들은 어느정도 삽질의 선에서 마무리할 수 있다. 결국 나는 아무것도 모르던 풋내기 시절에는 상당히 자기만족에 빠져 &quot;자만&quot; 하고 있었다면, 어느정도 알고 난 지금 입장에서는 정말로 &quot;겸손&quot; 해야겠다는 생각이 간절하다.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;해방&lt;/b&gt;&lt;br /&gt;
중견기업으로 전직하고 나서 나는 사실 뼈대부터 새로 만들어 나가야 하는 새로운 개발은 거의 해본적이 없다. 그저 기존의 회사 내 프레임워크를 사용해(결국 copy-and-paste지만..) 뼈대만 붙히고 몇몇 수정을 입히는 식이었지. 그야말로 정적인 일들. 재미는 없지만 고정적인 일들. 그런 일들에서 나는 한달 후에 해방된다. 해방이라는 의미를 붙힌 까닭은 아무리 정적인 일이지만 &quot;회사&quot; 라는 곳에 내가 존재하는 일일 8~9시간은 회사에만 투자해야 하는 시간이기 때문이다. 새로운 기술을 배우고 싶어도 회사의 방향과 맞지 않으면 포기할 수 밖에 없다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;
이렇게 나만의 &quot;해방&quot;을 앞두고 있다보니 새로운 시각도 눈에 틔인다. 특히 신기술에 대한 배움의 욕망. 내 개인적인 기술의 트랜드는 2009년에는 닷넷과 자바, 2010년에는 플랙스와 RIA, 2011년에는 html5와 모바일 UX 이런 식으로 발전해왔다. 그리고 지금, html5한국 사용자모임을 운영하면서 느낀 것은 하이브리드 앱 개발을 하고싶다는 것이다. 사실 2009년 말에 나는 아이폰 앱 개발을 하고 싶었으나 당시에는 너무나도 수요가 폭발적으로 증가하는 추세였고, 아마 내가 병특이 끝날 쯔음 하면 앱 개발자의 거품이 점점 가라앉을 것이다 라는 생각에 앱 개발을 포기하였다. 그리고 지금, 내게 &quot;하이브리드 앱&quot; 개발이라는 새로운 배움의 물꼬가 트였다.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;하이브리드 앱과 웹 서비스&lt;/b&gt;&lt;br /&gt;
하이브리드 앱이라.. 2010년 나는 모 은행의 아이폰 앱의 수정을 맡은 적이 있다. 당시 나는 앱 개발을 해본 적도 없는데 어떻게 하지? 라고 생각했는데 실은 껍데기만 앱이고 속은 웹이었다. 웹 화면에 CSS만 잘 바꿔서 앱처럼 보이게 만든 것이지.. 그때 &quot;기능성 앱이 아닌 정보제공성 앱은 이런식으로 만드는 것이 공수가 훨씬 적게 들 것이다&quot; 라는 생각이 들었고, 뭐 지금도 대세가 되고 있지만 앱 개발에 있어서 하이브리드 앱은 Cross Platform을 실현할 수 있는 좋은 수단이 될 것이란 생각이 들었다.&lt;br /&gt;
&lt;br /&gt;
언젠가는 웹의 기능도 앱을 따라잡을 것이다. 그날이 점차 머지 않을 것이다. 아마 앞으로의 트랜드는 그렇지 않을까.. 아이폰과 안드로이드를 추격하기 위한 후발OS나 플랫폼들의 경쟁과 아이폰과 안드로이드의 WebKit의 폭발적인 발전.. 이에 따른 HTML5와 자바스크립트 엔진의 폭발적 증가. 비단 웹 브라우저 뿐만 아니라 하이브리드 앱에서까지. 어차피 WebKit같은걸 사용할것이기 때문에..&lt;br /&gt;
&lt;br /&gt;
사실 좀 하이브리드 앱 개발은 일반 앱 개발자들이 보기에는 싸보일(?) 수도 있다. 그들 눈에는 html이나 자바스크립트가 언어로도 안보이겠지만 내가 간단히 본 해외의 프로그래밍 시장에서는 이미 자바스크립트는 엄청난 대세이다. 이미 뭐 기술도 Three.js phonegap sencha touch jquery mobile등등.. 수 없이 나오고 있는게 iOS의 프레임워크도 아니오, 안드로이드의 프레임워크도 아니오, 웹을 기반으로 한 자바스크립트 모듈이다.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;영어의 중요성&lt;/b&gt;&lt;br /&gt;
난 솔직히 영어를 잘 못한다. 그저 읽고 한 절반 이상만 해독될 뿐이지, 기초적인 문법도 약하고 어휘력도 부족하다. 근데 영어는 그냥 중요성만 생각하고 있었지, 실질적인 영어 공부로써의 투자는 해본 적이 적다. 기껏해야 주말마다 다니는 영국문화원 어학원이 다인 듯 하다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;
&lt;p style=&quot;margin:0&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile25.uf.tistory.com/original/114D11374F21A99B228B45&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile25.uf.tistory.com/image/114D11374F21A99B228B45&quot; alt=&quot;&quot; filemime=&quot;&quot; filename=&quot;cfile25.uf@114D11374F21A99B228B45.jpg&quot; height=&quot;240&quot; width=&quot;350&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;/p&gt;
&lt;br /&gt;
그런데 내가 영어의 중요성을 심각하게 인식하게 된 것은 html5 사용자 모임을 만들면서부터이다. html5 관련 자료가 국내에는 사실 많이 부족하기 때문에 해외의 자료들을 스크랩 하기 시작했는데 이게 생각보다 사람들의 관심이 컸다. 그래서 html5korea.co.kr 을 만들었는데 그곳에서 나는 번역을 시작했다. 해외 사이트를 뒤져보니 html5 관련 강좌도 많고 정보도 많다. 그런데 막상 번역을 해보니깐 정말 문장이.. 이게 문자만 한글이지, 도통 말이 되지 않는다.&lt;br /&gt;
&lt;br /&gt;
이러한 상황이 내게 시사한 것은 영어를 통한 정보 파급력은 무시할 수 없다는 것과 기술을 익히고 트랜드보다 앞서기 위해서는 결국 필요한 것이 영어라는 것이다. 개인적인 욕심으로 나는 향후 미국의 IT기업에서 일해보고 싶은 생각이 있는데 영어가 안되면 이 꿈은 단 1%도 실행 불가능하다. 마찬가지로, 영어를 못하면 html5korea에서 html5에 관심있는 사람들에게 정보를 공유하겠다는 내 생각도 터무니없는 것에 불과하다.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Conclusion&lt;/b&gt;&lt;br /&gt;
이로써 학생개발자로 돌아가기 앞서 나의 정체성 확립은 끝이 났다. 결국 하이브리드 앱과 영어, 그리고 학업이다. 사실 따지고 보면 이만큼 심플한 것이 어디있겠는가.. 내가 좋아하는 개발을 하면서 용돈벌이도 하고, 좋아하는 프로그래밍 공부가 결국 학업과 연결되고. 하기싫은 영어지만 어쨋든 하고 나면 내가 습득하는 트랜드에 있어서 큰 도움이 되고 말이다. 문제는 말뿐만이 아닌 실천이 되야 한다. 여태껏 해온 나의 망상을 버리고, 이제는 학생 개발자로써 보다 내가 하고 싶은 것에 대한 공부와 연구에 집중하고 나아갈 수 있기를 바래본다.&amp;nbsp;&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;blogger-news-widget&quot; style=&quot;width: 100%; text-align: center&quot;&gt;
			  				&lt;embed src=&quot;http://api.v.daum.net/static/recombox3.swf&quot; quality=&quot;high&quot; flashvars=&quot;nid=24980339&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;false&quot; bgcolor=&quot;#ffffff&quot; width=&quot;67&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
						&lt;/div&gt;&lt;div style=&quot;text-align:left; padding-top:10px;&quot;&gt;
&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=izect.kr/687&amp;amp;layout=standard&amp;amp;show_faces=true&amp;amp;width=310&amp;amp;action=like&amp;amp;font=tahoma&amp;amp;colorscheme=light&amp;amp;height=65&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;border:none; overflow:hidden; width:310px; height:65px;&quot; allowTransparency=&quot;true&quot;&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;
&lt;div id=&quot;livereContainer_687&quot; class=&quot;livereContainer&quot;&gt;&lt;/div&gt;
	&lt;script type=&quot;text/javascript&quot;&gt;
		var livere_user_name = &#039;&#039;;
		var livere_homepage = &#039;&#039;;
		var livere_blog_id = &#039;598154&#039;;
		var livere_entry_id = &#039;687&#039;;
		var livere_default_guest_image = &#039;&#039;;
		var livere_article_id = &#039;&#039;;
		var livere_consumer_seq = null;
		var livere_smartlogin_seq = null;
		var livere_useTistoryComment = &#039;true&#039;;
		var livere_livere_seq = &#039;5366&#039;;
		var livere_refer = &#039;izect.tistory.com/&#039;;
		var livere_blogurl = &#039;izect.tistory.com&#039;;
		var livere_title = &#039;&#039;;
		var livere_redirect_path = &#039;http://izect.tistory.com/plugins/LiveRe/redirect.html&#039;;

		livereInit(livere_entry_id, livere_refer, livere_title);
	&lt;/script&gt;
</description>
			<category>아이지의 생각과 고찰</category>
			<category>HTML5</category>
			<category>html5 korea</category>
			<category>html5korea.co.kr</category>
			<category>phonegap</category>
			<category>three.js</category>
			<category>개발자</category>
			<category>경시대회</category>
			<category>대학생</category>
			<category>학생</category>
			<author>메튜장</author>
			<guid>http://izect.kr/687</guid>
			<comments>http://izect.kr/687#entry687comment</comments>
			<pubDate>Fri, 27 Jan 2012 04:33:42 +0900</pubDate>
		</item>
		<item>
			<title>근황, 그리고 자기측정방식 시스템 구축</title>
			<link>http://izect.kr/686</link>
			<description>새로운 2012년이다. 2011년 말에는 솔직히 내가 정신이 멍하고 무언가 붕 떠있는 기분에 새해라는 기분을 제대로 만끽하지 못했고, 이번주에는 내내 감기로 고생했는데, 이제야 나는 조금 감기도 가라앉고 하여 새해를 제대로 만끽하는 것 같다.&lt;br /&gt;
&lt;p style=&quot;margin:0&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile3.uf.tistory.com/original/1801E44A4F07A776112858&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile3.uf.tistory.com/image/1801E44A4F07A776112858&quot; alt=&quot;&quot; filemime=&quot;&quot; filename=&quot;cfile3.uf@1801E44A4F07A776112858.jpg&quot; height=&quot;350&quot; width=&quot;590&quot;/&gt;&lt;/a&gt;&lt;p class=&quot;cap1&quot;&gt;Morgan Weistling - Sleep Sarah&lt;/p&gt;&lt;/div&gt;&lt;/p&gt;
&amp;nbsp;&lt;br /&gt;
2011년을 돌이켜 보면 나름대로 많이 성공적인 나날들이었다. 뭐 이전 포스트에서도 언급했지만 여러모로 성취한 것이 많다. 하지만 한편으로는 내게 아직 부족한 &amp;nbsp;부분을 많이 발견할 수 있었고, 작은 부족함 하나라도 만족하지 못하는 나 자신을 보니 내가 어째 이리 &quot;완벽주의자&quot; 적인 성향이 되었는지 고민하게 되었다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;계획한 부분에서 일그러짐이 내게 가져오는 것은 크나큰 자멸감이다. 왜 나는 이러한 자멸감 속에 나를 가두려고 하는가? 가장 간단한 예로는 내가 언제부터인지는 몰라도 약간의 과음만으로 전날 기억이 잘 안나고 여러 헛소리를 하는 경향이 생기기 시작했다. 속된 말로 필름이 끊긴다고 하는데, 그게 아주 &quot;자주&quot; 있는다. 가볍게 한잔 하러 간 자리에서 나는 나도 모르게 내 앞의 잔에 자작으로 잔을 채우고 먹는다. 예전처럼 혼자 흡연하며 술을 먹는 습관, 자기 전에 술을 먹는다던가 하는 습관은 없앤지 오래되었지만 나는 술을 먹기 위해 누군가를 찾는다. 그와 분위기를 즐기는 것도 아니고, 그러한 사람이 근처에 있다는 자체로도 그 순간 나는 내가 채워둔 술의 제약사항에서 나를 풀며 음주를 시작한다.&lt;br /&gt;
&lt;br /&gt;그래, 술 먹는 자체는 좋다. 하지만 최근들어 술에 있어서 극도로 안좋아진 내 몸상태를 보니 역시나 과거 20대 초반에 거의 한주에 네다섯 차례씩 술을 먹던 것이 몸에 안좋은 영향을 끼친 모양이다. 그때야 과음하고 필름끊기고 그런 것을 그저 즐겼다 하지만 지금은 그런것들이 문제라고 인식하는 것이다. 왜?&lt;br /&gt;
&lt;br /&gt;작년 6월 쯤에 나는 포스팅을 통해 &quot;아이젝트 로드맵&quot; 과 &quot;체크리스트&quot; 속에서 살아가도록 나 자신을 바꾼적이 있다. 그리고 그 뒤로 나는 거의 매일같이 나의 전반적인 삶의 목표에 기준하여 100년, 10년, 1년, 1개월, 1주, 하루를 계획한다. 솔직히 내가 하고 싶은 것들을 쭉 리스트화 하고 100년 계획에 묻어버리니 사실 계획을 따로 세울 필요도 없다. 예전처럼 아주 큰 마음가짐이 필요하지도 않다. 내가 하고싶으니깐 지금 하기싫어도 해야한다는 생각이 든다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;간단히 내 아이젝트 로드맵 일간 체크리스트를 공개하면 아래와 같다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile8.uf.tistory.com/original/121001424F07AB00167649&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile8.uf.tistory.com/image/121001424F07AB00167649&quot; alt=&quot;&quot; filemime=&quot;image/png&quot; filename=&quot;스크린샷 2012-01-07 오전 11.13.55.png&quot; height=&quot;278&quot; width=&quot;590&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;b&gt;&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;b&gt;&amp;nbsp;(2011년 8월 아이젝트 데일리 체크리스트)&lt;/b&gt;&lt;/div&gt;
&lt;/b&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile25.uf.tistory.com/original/16090F424F07AB011DF24A&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile25.uf.tistory.com/image/16090F424F07AB011DF24A&quot; alt=&quot;&quot; filemime=&quot;image/png&quot; filename=&quot;스크린샷 2012-01-07 오전 11.14.45.png&quot; height=&quot;315&quot; width=&quot;590&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;b&gt;&amp;nbsp;(2011년 9월 아이젝트 데일리 체크리스트&lt;/b&gt;)&lt;br /&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;
뭐 어찌보면 비슷해 보일 수도 있지만, 위 8월의 체크리스트를 보면 2,3주차가 기록되지 않았고 특히 1주차를 보면 거의 빨간색 투성이다. 물론 9월도 중간중간 빈 부분이 보이긴 하지만 8월에 비하면 상당히 양호한 편이다. 그럼 이것을 보면 어떤 것을 알 수 있는지, 그것은 딱 봐도 8월에 내가 마음가짐을 바로하지 못했고 내가 계획한 삶 속에서 살지 못했다는 것을 정확히 나타내는 것이다.&lt;br /&gt;
&lt;br /&gt;그리고 나는 이 체크리스트를 기록하기 위해 하루에 거의 한 시간을 소비한다. 물론 이 체크리스트 뿐만 아니라 다른 행동도 수반되긴 하지만, 특히 조용한 새벽 시간을 활용하기 위해 4~5시 쯤에 기상을 한다. 그리고 숙면을 위해 전날 10시 전후로 취침에 들어간다.&amp;nbsp;결국 8월의 저 공백 기간은 내가 10시에 취침하지 못했거나 일찍 일어나지 못했다는 것이다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;2012년, 나는 보다 내 삶을 분석적으로 활용하기 위해 각각의 체크리스트들을 퍼센테이지로 변경하고 평가 측정 방식도 변경할 예정이다. 정말 어찌 보면 너무 삶을 시스템화 하는 것 같지만, 이런 것이 자기관리라고 생각하며, 실질적인 내가 바라는 목표와 이를 위한 자기측정방식에 대한 투자는 수십권의 자기관리 책을 읽는 것보다 훨신 낫다고 생각한다.&lt;br /&gt;
&lt;br /&gt;사실 아직도 2012년이라는 사실이 믿기지 않는다. 작년에야 내가 나이가 이제 20대가 꺾이고 기존에 내가 잘못된 부분이 많아서 이를 바로잡기 위한 큰 마음가짐이 필요했지만 올해 내 나이 26살은 그저 숫자에 불과하다. 단지 올해부터는 여타 년도와는 다르게 학교로 돌아가게 된다. 학교라.. 수없이 많이 언급했지만 나는 20살부터 회사를 다니기 시작해서 올해로 7년차를 맞이하는 &quot;직딩&quot; 이다. 이와 더불어 군휴학을 포함해 휴학도 5년째 진행중이다. &lt;br /&gt;
&lt;br /&gt;&amp;nbsp;이제 학교에 가면 내가 만나게 되는 친구들은 나보다 한참 어린 친구들이다. 그리고 나는 학교에 적응하기 위해, 그리고 그들과 함께 &quot;배움&quot;을 받게 된다. 친했던 동기들이나 선후배들은 모두 직장인이 되고, 나 혼자 있는 학교. 하지만 남들보다 늦다고 별로 그들이 부럽지도 않다. 이미 사회와 실무를 앞서 오랫동안 경험한 나로써는 사실 이제 별로 회사에 가고싶지 않다. 사회라는 곳은 사실 일이 전부가 아니라 대인관계에 의한 사회의 구성이 압도적으로 높은 비중을 차지한다. 그러니 사실 &quot;일&quot;이라는 것은 적당히 해도 처세만 잘하면 살아남을 수 있다.&lt;br /&gt;
&lt;br /&gt;난 그런 우리나라의 사회 구조가 사실 마음에 안든다. 나도 지금까지 회사를 다니면서 수 없이 내가 하고싶은 것을 만들기 위해서 노력해 봤지만 뜻대로 되지 않도록 방해한 요인 중 가장 큰 요인은 대인관계이다. 퇴근하며 보게 되는 직장상사의 눈치, 신입사원+병특이라면 당연히 해야 하는 허드렛일, 거기에 불합당한 일들(속된말로 xx셔틀), 회사 내에서 나만의 시간에 공부하게 되면 좋지 않게 보는 윗사람들의 시선이라던가. 빠질 수 없는 술자리, 과음에 의한 목표의 흐트러짐 등.. 게다가 회사에는 방학도 없다. 연차만 8할 이상 근무하면 15일이 생길 뿐. 재충전의 시간을 가지기 위해서 이직이나 휴직을 택해야 하는데 이 또한 &quot;눈치&quot;때문에 쉽지 않다.&lt;br /&gt;
&lt;br /&gt;난 그래 이런 &quot;처세&quot;나 대인관계를 신경쓰는 자체는 좋아하긴 한다. 하지만 이런것 때문에 내가 더 높게 나아갈 수 있는 실력을 막아서는 것이 사실 가장 마음에 들지 않는다. 나 뿐만 아니라 회사에서 보면 분명 &quot;가능성&quot;이 보이는 사람들이 많이 있는데 그저 사회에서, 비싼 밥이나 술한잔 더 얻어먹기 위해서 처세관리를 하는 모습은.. 그리고 그러다 보면 또 사회생활의 &quot;꼼수&quot;를 알게 되니 적당히 하면 적당히 자리는 유지할 수 있다는 것을 알게된다. &lt;br /&gt;
&lt;br /&gt;그래서 어떤 발전이 있겠는가? 지금까지 다닌 4개의 회사, 처음 두 개의 회사는 내가 정말 다니고 싶어서 다녔다고 쳐도 후자의 2개 회사는 뭐 병특때문에 다니긴 했지만 그곳에서 나는 나 자신이 나태해지는 것을 목격하였다. 한 두번 사람들에게 좀 &amp;nbsp;빡쎄게 일을 도와주거나 나의 지식을 나눠주면 이러한 &quot;도움&quot;이 결국 처세가 되어버리고 나는 또한 그들을 &quot;백&quot;으로 사용하고 근태도 대충대충, 일도 대충대충.. 말 그대로 사회에 찌드는 행동인것이 아닐까.&lt;br /&gt;
&lt;br /&gt;여튼 이제는 사회에서 탈출(?)하게 되니 내 능력에 집중해서 본격적으로 아이젝트 로드맵 대로 행할 수 있도록 해야겠다. 삶은 안정보다는 얼마나 내 능력을 십분 발휘하는가가 중요하다. 그런 의미에서, 3월부터 갖게 되는 &quot;학생&quot;이라는 것이 내게 얼마나 큰 영향력을 끼칠지는 모르겠지만 이러한 자유를 통해 누구도 하지 못한 큰 업적을 이룰 것이다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;언젠가는 나도 안정보다는 열정과 능력이 우선되는 회사를 만들 수 있겠지.. 그 전까지는 내 능력을 최대한 끌어당기자.&lt;br /&gt;
그러한 생각을 하게 되는, 그런 2012년 1월 7일인 것 같다. 오랜만에 온 광화문 근처, 영국문화원 근처의 날씨는 꽤나 춥지만, 그래도 난 이렇게 내 블로그에 또 하나의 LOG를 남긴다는 자체가 너무 즐겁고, 막힘없이 글을 쓸 수 있다는 자체가 꽤나 좋구나. 그래, 한동안 나태해졌던 나도 다시 돌아올 수 있으면 좋겠다.&lt;br /&gt;
&lt;br /&gt;&amp;nbsp;활기찬 2012년을 출발하자. 아이젝트 화이팅!&lt;/div&gt;
&lt;/div&gt;&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;blogger-news-widget&quot; style=&quot;width: 100%; text-align: center&quot;&gt;
			  				&lt;embed src=&quot;http://api.v.daum.net/static/recombox3.swf&quot; quality=&quot;high&quot; flashvars=&quot;nid=24329204&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;false&quot; bgcolor=&quot;#ffffff&quot; width=&quot;67&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
						&lt;/div&gt;&lt;div style=&quot;text-align:left; padding-top:10px;&quot;&gt;
&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=izect.kr/686&amp;amp;layout=standard&amp;amp;show_faces=true&amp;amp;width=310&amp;amp;action=like&amp;amp;font=tahoma&amp;amp;colorscheme=light&amp;amp;height=65&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;border:none; overflow:hidden; width:310px; height:65px;&quot; allowTransparency=&quot;true&quot;&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;
&lt;div id=&quot;livereContainer_686&quot; class=&quot;livereContainer&quot;&gt;&lt;/div&gt;
	&lt;script type=&quot;text/javascript&quot;&gt;
		var livere_user_name = &#039;&#039;;
		var livere_homepage = &#039;&#039;;
		var livere_blog_id = &#039;598154&#039;;
		var livere_entry_id = &#039;686&#039;;
		var livere_default_guest_image = &#039;&#039;;
		var livere_article_id = &#039;&#039;;
		var livere_consumer_seq = null;
		var livere_smartlogin_seq = null;
		var livere_useTistoryComment = &#039;true&#039;;
		var livere_livere_seq = &#039;5366&#039;;
		var livere_refer = &#039;izect.tistory.com/&#039;;
		var livere_blogurl = &#039;izect.tistory.com&#039;;
		var livere_title = &#039;&#039;;
		var livere_redirect_path = &#039;http://izect.tistory.com/plugins/LiveRe/redirect.html&#039;;

		livereInit(livere_entry_id, livere_refer, livere_title);
	&lt;/script&gt;
</description>
			<category>직장인의 자세</category>
			<category>대인관계</category>
			<category>대인관리</category>
			<category>병특</category>
			<category>사회</category>
			<category>자유</category>
			<category>직장</category>
			<category>처세</category>
			<author>메튜장</author>
			<guid>http://izect.kr/686</guid>
			<comments>http://izect.kr/686#entry686comment</comments>
			<pubDate>Sat, 07 Jan 2012 11:42:53 +0900</pubDate>
		</item>
		<item>
			<title>20대, 나의 발걸음</title>
			<link>http://izect.kr/685</link>
			<description>&lt;p style=&quot;margin:0&quot;&gt;&lt;/p&gt;
&lt;div&gt;
&lt;div style=&quot;line-height: 1.5; font-size: 9pt; margin-top: 1px; margin-right: 3px; margin-bottom: 0px; margin-left: 3px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; &quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(62, 62, 62); font-family: Verdana; &quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;line-height: 1.5; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; &quot;&gt;[2006년, 20살]&lt;/strong&gt;
&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p id=&quot;more685_0&quot; class=&quot;moreless_fold&quot;&gt;&lt;span style=&quot;cursor: pointer;&quot; onclick=&quot;toggleMoreLess(this, &#039;685_0&#039;,&#039;더보기&#039;,&#039;접기&#039;); return false;&quot;&gt;더보기&lt;/span&gt;&lt;/p&gt;&lt;div id=&quot;content685_0&quot; class=&quot;moreless_content&quot; style=&quot;display: none;&quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2006.01&lt;/strong&gt;&amp;nbsp;대학 입학 성공과 모 사장님 아래서 고교 친구들과 게임개발을 목표로 벤처 동아리의 시작&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2006.02&amp;nbsp;&lt;/strong&gt;중대 컴공과 대학 이전 생활 : 오티에서 &#039;차력쇼&#039; 로 유명&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2006.03&lt;/strong&gt;&amp;nbsp;대학 새내기 시절, 회사(벤처)와 학교를 오고 가며 시간관리와 사람관계에 대한 고민.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2006.04&lt;/strong&gt;&amp;nbsp;벤처 사업 1차 PT와 Windows CE 개발, 그리고 Direct 10과 비스타, 미니 노트북, 와이브로에 대한 발전 가능성 예감, 대학 첫 시험기간&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2006.05&lt;/strong&gt;&amp;nbsp;모(母)회사 인트라넷 유지/보수와 게임 프로그래밍(Direct X 9) 공부&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2006.06&lt;/strong&gt;&amp;nbsp;CI 제작과 함께 게임 개발 팀 본격 시작. 회사서 IT연구소 팀장으로 발령.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2006.07&lt;/strong&gt;&amp;nbsp;학교 방학, 처음 시작한 친구들과 잦은 술자리와 고찰. 그리고 월드컵&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2006.08&lt;/strong&gt;&amp;nbsp;약 5년간의 기숙 생활에 대한 고찰. 그리고 dx공부&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2006.09&lt;/strong&gt;&amp;nbsp;팀원, 3개 공모전 참가 의지 밝힘. 게임 개발 시작과 느낀 디자이너의 이기적임.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2006.10&lt;/strong&gt;&amp;nbsp;친구의 추천으로 09월에 개발한 게임을 사업화할 방안 논의.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2006.11&lt;/strong&gt;&amp;nbsp;3개 대회 종료. 그리고 팀웍에 대한 아쉬움.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2006.12&lt;/strong&gt;&amp;nbsp;팀원들과 &quot;제대로&quot; 게임 만들자는 취지로 밤새워 사업 계획서 작성, 신규 프로젝트 사업계획서 PT&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;/div&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;[2007년, 21살]&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p id=&quot;more685_1&quot; class=&quot;moreless_fold&quot;&gt;&lt;span style=&quot;cursor: pointer;&quot; onclick=&quot;toggleMoreLess(this, &#039;685_1&#039;,&#039;더보기&#039;,&#039;접기&#039;); return false;&quot;&gt;더보기&lt;/span&gt;&lt;/p&gt;&lt;div id=&quot;content685_1&quot; class=&quot;moreless_content&quot; style=&quot;display: none;&quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2007.01&lt;/strong&gt;&amp;nbsp;신규 프로젝트 진행과 &quot;클라이언트&quot; &quot;2D디자이너&quot; &quot;기획자&quot; 구인 작업. MS Office Groove 시스템 등 팀 시스템 구축 작업&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2007.02&lt;/strong&gt;&amp;nbsp;생각보다 어려운 구인에 좌절. 된다는 생각만으로는 뭐든지 쉽게 이뤄질 것 같다는 생각에 대한 핀잔.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2007.03&lt;/strong&gt;&amp;nbsp;휴학 결정과 프로그래머 친구의 개인 사정으로 팀 이탈,슬픔. 그리고 첫 신입사원&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2007.04&lt;/strong&gt;&amp;nbsp;MBA공부와 PM으로 발령(PM은 경력도 중요하지만 사람을 다루는 것이 중요하다는 것에 있어서 자신감.) 남은 두명의 친구들도 각 팀의 팀장. 직원 2명 추가 구인.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2007.05&lt;/strong&gt;&amp;nbsp;3시간 수면법 실행. 게임 개발에 대한 온갖 자료 스크랩. 팀원 8명&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2007.06&lt;/strong&gt;&amp;nbsp;07,08 프로젝트 로드맵 작성. 08,09 게임 상용화 계획 작성. 팀원 13명. 개발 진척도 30%&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2007.07&lt;/strong&gt;&amp;nbsp;팀원 모두 충원과 동시에 게임 개발 계속. 탄탄한 PM이 되기 위한 자기계발 관련 공부.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2007.08&lt;/strong&gt;&amp;nbsp;독서 몰입. 스케줄 예정대로 진행&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2007.09&lt;/strong&gt;&amp;nbsp;평소 술자리에서 문제 제기를 많이 하던 그래픽 디자이너 한분 퇴사(첫 퇴사). 이후 본 상황에 대한 모회사 임원분(법인독립 후 사장님)의 전 직원에 대한 면담. 이후 팀 시스템 재정비와 신규직원 구인&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2007.10&lt;/strong&gt;&amp;nbsp;4월 입사한 신입 프로그래머 1인 업무와 커뮤니케이션에 대한 부담으로 퇴사. 그래픽 디자이너와 프로그래머 새로 구인. 09월 면담을 통하여 기획팀과 그래픽 팀이 문제가 있다고 도출됨. 팀원 재정비와 기획 구체화에 몰입. 팀을 바로잡기 위한 10단계 Plan계획&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2007.11&lt;/strong&gt;&amp;nbsp;기획팀 팀장 교체와 그래픽 팀의 문제 발생(팀장에 대한 불신과 내분)으로 그래픽 팀장 새로 구인. 이 과정에서 가장 친한 친구 하나와 오랜 트러블 발생.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2007.12&lt;/strong&gt;&amp;nbsp;기획팀 총 4차례 PT 진행, 그래픽팀도 자체적으로 지향하는 컨셉 방향에 대해 PT 1차 진행. 기존 God Game에서 MMORPG 개발로 방향 전환.&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;/div&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;[2008년, 22살]&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p id=&quot;more685_2&quot; class=&quot;moreless_fold&quot;&gt;&lt;span style=&quot;cursor: pointer;&quot; onclick=&quot;toggleMoreLess(this, &#039;685_2&#039;,&#039;더보기&#039;,&#039;접기&#039;); return false;&quot;&gt;더보기&lt;/span&gt;&lt;/p&gt;&lt;div id=&quot;content685_2&quot; class=&quot;moreless_content&quot; style=&quot;display: none;&quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2008.01&lt;/strong&gt;&amp;nbsp;회사 법인 독립과 회사 가산동으로 이사. but 인사총무팀으로 발령.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2008.02&lt;/strong&gt;&amp;nbsp;07년 11월에 구인한 기획팀 팀장이 말도 안되는 소리를 하고 기획을 이끌었다는 사실 판명. 기획 팀장 교체와 그래픽 팀장이 자신과 팀원들의 생각이 맞지 않는다 하여 퇴사.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2008.03&lt;/strong&gt;&amp;nbsp;PM에서 팀장으로 내려간 것에 대한 심한 갈등과 조금의 안정화. 다만, 개발을 하지 않다 보니 회사 프로젝트에 대한 애정이 식게 됨.(내가 시작한 프로젝트인것을 모르고!!) 나와 12년을 같이 살아온 우리집 &quot;다롱이&quot;의 죽음에 슬퍼함..&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2008.04&lt;/strong&gt;&amp;nbsp;회사에서는 계속 팀원 구함.. 전 직원 다시 15명까지 증가.. 나는 그저 묵묵히 인사총무 업무.. 정산, 총무, 근태관리.. 조금은 나태해져서 학교 친구들과 놀고.. 놀러다니고.. 회사에 올인했던 07년과는 달리 조금씩 나태해짐.(개인 사생활의 시간이 많아짐)&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2008.05&lt;/strong&gt;&amp;nbsp;120키로였던 몸무게, 70키로대로 다이어트 성공. 인사총무에 지친 나머지, 회사에 &quot;마케팅&quot; 에 대해 담당하겠다고 자처하고 스케줄 제작, 웹 2.0과 온라인게임의 접목에 대해 연구. 07.11월 트러블 겪은 친구 군대 입대로 퇴사.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2008.06&lt;/strong&gt;&amp;nbsp;07년 PM을 시작하며 손 뗏던 프로그래밍을 조금씩 시작. 군대에 대한 고찰, 팀장급 회의에서 회사에 무턱대고 복리후생을 요구하는 그래픽 팀 사람들에 대해 엄청난 실망. 30대의 사람들이 할 소리인가..&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2008.07&lt;/strong&gt;&amp;nbsp;꽃남 1,2기, 하루히의 우울 등 회사 분위기가 좋지 않아 이를 잊기 위해 이런 영화나 드라마에만 신경씀..&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2008.08&lt;/strong&gt;&amp;nbsp;모든것을 잊고 새로 시작하기 위한 가족들과 여행. &quot;우xx&quot; &quot;김xx&quot; 라는 그래픽팀 장급들의 denied에 욕만 나옴. 팀원 25명&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2008.09&lt;/strong&gt;&amp;nbsp;9월 5일, 사장님의 &quot;프로젝트 종결&quot; 과 전직원 해고 명령. 집에서 고시원으로 독립. 그리고 시작된 방황의 1개월.. 사장님이 신규 프로젝트를 할 생각인 듯 해서 나와 몇명 직원은 남겨둠.. 2년간 동거동락했던 몇몇 직원들과 내 친구 plumberry 와의 헤어짐.. 슬프다..&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2008.10&lt;/strong&gt;&amp;nbsp;사장님과 이야기를 통해 &quot;병역특례&quot; 를 가기 위해 회사서 오전근무만 하는 것으로 이야기. 디자인패턴, STL, asp, ajax, c#, java 등에 대해 다시금 공부, 자격증 획득&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2008.11&lt;/strong&gt;&amp;nbsp;포트폴리오 준비, 지속적인 프로그래밍 공부&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2008.12&lt;/strong&gt;&amp;nbsp;군문제를 해결하라는 아버지와 대화를 통해 3월까지 병역특례를 못가면 군대를 가기로 합의. 웹 2.0 관련 대회 참가.&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;/div&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;[2009년, 23살]&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p id=&quot;more685_3&quot; class=&quot;moreless_fold&quot;&gt;&lt;span style=&quot;cursor: pointer;&quot; onclick=&quot;toggleMoreLess(this, &#039;685_3&#039;,&#039;더보기&#039;,&#039;접기&#039;); return false;&quot;&gt;더보기&lt;/span&gt;&lt;/p&gt;&lt;div id=&quot;content685_3&quot; class=&quot;moreless_content&quot; style=&quot;display: none;&quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2009.01&lt;/strong&gt;&amp;nbsp;대회 준비와 진정한 나의 사람과 사랑, 이력서와 자기소개서, 면접 준비&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2009.02&lt;/strong&gt;&amp;nbsp;처음으로 본 병역특례 면접에서 합격하게 됨.. (여지껏 내가 면접을 봐 왔지만..) 03월에 신규 입사하기로 합의.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2009.03&lt;/b&gt;&amp;nbsp;병역특례 입사. 그러나, 회사에서는 수습 2개월 요구. 그래도 지푸라기라도 잡는 심정으로 열심히 회사 업무 적응. 초반 PHP와 ASP작업.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2009.04&lt;/b&gt;&amp;nbsp;회사서 처음으로 교차 업무. 영업팀의 업무 1주일간 하다가 나의 부재에 공백을 느낀 팀장이 다시 호출함.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2009.05&lt;/b&gt;&amp;nbsp;처음으로 자바-웹 프로젝트에 참여. 모 공공기관 거래 사이트. 거의 매일 야근하며 자바에 대해롭게 공부. 새로 입사한 디자이너 3주만에 퇴사.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2009.06&lt;/b&gt;&amp;nbsp;5월달에 이어서 계속 자바 작업 중반까지 작업. 6월말 회사의 대주주인 모 대기업에서 사이트 구축 문의. 마침 팀장이 아퍼서 내가 대신 회의에 참석, 컨셉 회의 잡음.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2009.07&lt;/b&gt;&amp;nbsp;한달 내내 ASP로 구조화된 사이트를 제작하느라고 고생했던 나날들&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2009.08&lt;/b&gt;&amp;nbsp;모 대기업에 처음으로 3주간 파견 작업. 7월달에 작업한 내용을 가지고 안정화에 돌입. 그리고 여자친구의 미국행.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2009.09&amp;nbsp;&lt;/b&gt;8월에 작업한 내용의 문서화 및 처음 참여한 자바 프로젝트의 인수 인계 받음. 혼자서 유지보수. 여러 어려움이 따름. 집에서 간단히 근력 운동 시작. 추석, 나의 진로에 대한 깊은 성찰 끝에 결심.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2009.10&lt;/b&gt;&amp;nbsp;디자이너 총 3명. 회사 규모 조금씩 넓혀감. 바뀐 분위기속에 드디어 7시 이전 퇴근이 눈치가 안보이게 됨. 자바 프로젝트의 인수 인계 이후 드디어 고정적 업무가 생기게 됨. 자투리 시간을 생각하다가 영어 공부를 시작, 굿모닝 팝스.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2009.11&lt;/b&gt;&amp;nbsp;JAVA에 대한 전반적인 기술 습득. 블로그 지인들을 통한 &quot;신기술&quot;에 대한 욕망 넓혀감. 생에 첫 성형수술(팔성형)로 인해 운동 중단.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; &quot;&gt;2009.12&lt;/b&gt;&amp;nbsp;11월 막판에 떨어진 .NET 작업에 의아해 하다가 결국 .NET과 자바의 병행으로 가게 됨. 처음 아이폰을 구매한 후 아이폰 개발에 욕심이 생김. 막바지 여자친구의 한국 방문.&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;/div&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b&gt;[2010년, 24살]&lt;/b&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p id=&quot;more685_4&quot; class=&quot;moreless_fold&quot;&gt;&lt;span style=&quot;cursor: pointer;&quot; onclick=&quot;toggleMoreLess(this, &#039;685_4&#039;,&#039;2010년 1월~8월 더보기&#039;,&#039;접기&#039;); return false;&quot;&gt;2010년 1월~8월 더보기&lt;/span&gt;&lt;/p&gt;&lt;div id=&quot;content685_4&quot; class=&quot;moreless_content&quot; style=&quot;display: none;&quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b&gt;2010.01&lt;/b&gt;&amp;nbsp;두번째 대회 준비와 플랙스 프로그래밍, 아이폰 구매로 인한 아이폰 개발 공부(실제적으론 책만 샀음) 회사에서는 닷넷 작업의 마무리.&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b&gt;2010.02&lt;/b&gt;&amp;nbsp;훈련소 입소 이전 먼저 전역한 친구들에 대한 부러움과 여지껏 내가 뭐하고 살았는가에 대한 심한 고민&amp;amp;방황. 그리고 훈련소 입소.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b&gt;2010.03&lt;/b&gt;&amp;nbsp;생애 첫 훈련소 생활. 운좋게 그곳에서 만난 같은 IT병특 친구들과의 깊은 대화. 현재 나의 대우에 대한 불만과 전직에 대한 생각.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b&gt;2010.04&lt;/b&gt;&amp;nbsp;훈련소 퇴소 이후 심한 감기로 인한 고생. 미래에 대한 고민과 연봉 재계약에 대한 기대, 그리고 연봉을 챙겨준다는 팀장과 부장을 보며 내가 필요한 존재라는 생각을 하게 됨.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b&gt;2010.05&lt;/b&gt;&amp;nbsp;병특 1주년. 여자친구의 한국 귀국. 회사 직원들과 대화를 하며, 중견기업 병특 친구들을 만나며 지금 있는 회사가 막장이라는 생각을 하게 되었고, 특히 아무 말 없이 통보식으로 연봉을 올려준 회사에 깊은 실망을 하게 됨. 그리고 전직에 대한 고민&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b&gt;2010.06&lt;/b&gt;&amp;nbsp;회사에서 기존 유지보수 업무가 아닌 회사의 틀이 되는 업무를 맏게 됨. 팀장이 제안사업으로 빠지게 되어 그 팀장이 하던 업무를 맏게 됨. 하기 싫던 php업무를 맏음.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b&gt;2010.07&amp;nbsp;&lt;/b&gt;전직 결심과 회사에 통보.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b&gt;2010.08&lt;/b&gt;&amp;nbsp;회사에 전직 의사를 밝히고 그야말로 엄청난 과정을 통해 회사와 싸움. 인수인계는 철저히 했으나 한편으론 착했던 팀장에게 미안해함. 하지만 그가 나를 챙겨주지 못했으므로.. 8월 한달은 힘이 있는 사람에게 잘보인다는 생각에&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;거의 매일같이 술로 밤을 지새움. 그리고 전직 성공&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;/div&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Verdana; &quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: 돋움; line-height: 19px; font-size: 13px; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p id=&quot;more685_5&quot; class=&quot;moreless_fold&quot;&gt;&lt;span style=&quot;cursor: pointer;&quot; onclick=&quot;toggleMoreLess(this, &#039;685_5&#039;,&#039;(길고도 길었던 비동의 전직의 과정)&#039;,&#039;닫기&#039;); return false;&quot;&gt;(길고도 길었던 비동의 전직의 과정)&lt;/span&gt;&lt;/p&gt;&lt;div id=&quot;content685_5&quot; class=&quot;moreless_content&quot; style=&quot;display: none;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: 돋움; line-height: 19px; font-size: 13px; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;7월 6일 옮길 회사 최종 합격통보 및 채용동의서 받음&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; font-size: 10pt; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;7월 8일 현재 팀 팀장에게 전직 의사 통보 : 일단 알겠다. 차주에 다시 얘기하자.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; font-size: 10pt; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;7월 14일 현재 부서 부장에세 전직 의사 통보 : 잡으려고는 하나 보내주겠다고 얘기.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; font-size: 10pt; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;그뒤 법무팀 대리나 뭐 기타 많은 사람들로부터 많은 얘기를 듣고 있었음. 보통 다들 잡으려고 함.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; font-size: 10pt; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;7월 20일 인사팀 부서 부장이 나를 잡으려고 연봉 200%니 5시까지 근무니 휴가 30일이니 이런 얘기를 함. 난 됬다고 함.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; font-size: 10pt; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;7월 21일 팀장에게 채용동의서와 전직 신청서 줌.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; font-size: 10pt; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;7월 26일 에서야 인사팀 부장에게 전직 신청서 감.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;&amp;nbsp;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; font-size: 10pt; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;여기까지는 모두가 잘 보내주겠다고 했음.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;7월 27일 원래 8/4~8/6 예정되 있던 휴가 반납. 8/4와 8/5 반납&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;7월 28일 인사팀 부장에게 서류를 병무청에 내 달라고 했더니 갑자기 사유서를 내겠다고 함. 내가 비동의냐 물으니 비동의 하겠다고 함.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;7월 29일 인사팀 부장이 비동의로 처리해도 금방 끝날 것이라고 함. 현재 회사는 사장이 잘 몰라서 비동의로 처리하는 것이지, 그 이후에 추가 사유서는 넣지 않겠다고 함.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;&amp;nbsp;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;그 뒤로 계속 인사팀과 다른 사람들과 동의 처리 해달라고 계속 요청했으나 사장이 반대한다고 안해줌.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;8월 2일 더 이상 기다릴 수 없어서 병무청에 직접 비동의 처리해 달라고 했음.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;8월 3일 병무청에서는 비동의 처리 하면 2~3개월은 생각해야 한다고 함. 회사랑 상담하니 자기들도 빨리 처리하길 바라므로 사유서를 마지막으로 병무청에서 알아서 판결내리기를 원함.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;8월 4일 회사에서 낸 사유서에 대한 나의 사유서를 병무청에 제출.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;8월 5일 내가 낸 사유서에서 현 팀의 팀장이 다 잘되고 있다는 것을 언급하자 팀장의 진술서를 요청함.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;8월 6일 팀장의 사유서 병무청에 제출함.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;8월 9일 병무청에서 회사의 최종 사유서를 요청할 것이라고 함. 시간이 너무 지체되어 옮길 회사에 현재 상황을 말하니 1달은 못기달려 주며 최대한 빨리 올 수 있도록 하라고 함.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;8월 10일 오후에 병무청에서 회사에 최종 사유서를 요청하는 공문을 FAX와 우편으로 보냄. 내용은 현재 나의 진술과 팀장의 진술이 내가 전직해도 문제 없을꺼라 주장하므로 이에 대한 사유서가 있으면 내고 8/12 까지 없으면 병무청에서 처리하기로 한다고 함. 이에 따라 회사에서는 현재 아무런 할 말 없다고 약속대로 이야기 했으며 병무청에서는 내일까지 회사에서 응답이 없으면 병무청 프로세스 따르기로 함.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;8월 15일 병무청에서 회사에 최종의견 있는지 통보함.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;8월 17일 회사에 최종 의견이 없으므로 병무청 내부에서 처리하겠다 함.&lt;/span&gt;&lt;/span&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;8월 19일 전직 완료 문자 받음.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;/div&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: 0px; margin-left: 0px; font-family: dotum; &quot;&gt;&lt;span style=&quot;font-family: 돋움; &quot;&gt;&lt;span style=&quot;font-family: Verdana; &quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;/span&gt;&lt;p&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p id=&quot;more685_6&quot; class=&quot;moreless_fold&quot;&gt;&lt;span style=&quot;cursor: pointer;&quot; onclick=&quot;toggleMoreLess(this, &#039;685_6&#039;,&#039;더보기&#039;,&#039;접기&#039;); return false;&quot;&gt;더보기&lt;/span&gt;&lt;/p&gt;&lt;div id=&quot;content685_6&quot; class=&quot;moreless_content&quot; style=&quot;display: none;&quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; &quot;&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot; more=&quot;2010년 9월~12월 &quot; less=&quot;닫기&quot;&gt;&lt;b&gt;2010.09&lt;/b&gt;&amp;nbsp;새로운 회사에서의 근무와 적응. 증권사 1주일 상주와 왠지모르게 생긴 여유에 대한 편안함. 그리고 HTML5에 대한 관심. 여자친구 취업준비로 인한 도움.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b&gt;2010.10&lt;/b&gt;&amp;nbsp;새로운 회사에서 모 프로젝트에 투입되었는데 빡쎈 일정에 한달 내내 야근과 주말근무를 밥먹듯이 함. 무엇보다 주말 근무가 가장 싫었음.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b&gt;2010.11&lt;/b&gt;&amp;nbsp;10월에 참여했던 프로젝트가 끝나고 다시 안정적인 삶으로 복귀. 11월 말 M증권사에서의 상주 시작.&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;b&gt;2010.12&lt;/b&gt;&amp;nbsp;M증권사에서의 상주가 길어짐. 허나 10시 반정도 출근해서 6시 퇴근을 하게 되어 조금 나태해짐. 2011년 부터 다이어트를 하기로 결심하고 12월에 마음껏 먹고싶은것을 다 먹음. 그리고 즐거운 크리스마스 &amp;lt;3 그리고 타 부서로 인사 발령.&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;/div&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;b&gt;
[2011년, 25살]&lt;/b&gt;&lt;br /&gt;
2011.01 네이버 대회 준비로 인한 플랙스 카탈리스트와 구글 앱 엔진 등의 삽질. 설날 이전까지는 마음이 잘 잡히지 않았으나 설 이후 본격적으로 하루 3시간씩 자며 대회 준비.&lt;br /&gt;
2011.02 네이버 대회 준비. 처음에는 미완성 버전으로 제출했으나, NHN측의 배려로 끝까지 최선을 다해보기로 함. 월말에 학생부 &quot;금상&quot; 이라는 좋은 소식과 함께 2000년 이후 11년 만의 대회 입상. 여자친구와 부모님께 나름대로의 인정. 그간 나를 괴롭혀온 카드 모두 해지 및 흑자 생활로 전환.&lt;br /&gt;
2011.03 네이버 대회 수상과 처음으로 세미나 자리에서 PT발표 진행.&amp;nbsp;&lt;br /&gt;
2011.04 상암동 모 프로젝트에 투입되며 처음으로 Spring Framework를 다루게됨. 걷기 다이어트에 돌입했으나 실패. 페이스북에서 html5 korea 를 만들고 간간히 포스팅 함.&lt;br /&gt;
2011.05&amp;nbsp;html5의 Oreilly 인터넷 강의를 들으며&amp;nbsp;&lt;span style=&quot;font-size: 9pt; line-height: 1.5; &quot;&gt;html5에 대해 관심을 갖게 되고, html5 한국 사용자 모임 홈페이지를 만들기로 결심. html5korea.co.kr 등록&lt;br /&gt;
2011.06 아버님과의 또 한차례의 말다툼에서 나의 헛된 자존심에 대해 생각하게 되고, 인생의 목표를 세워 꾸준히 나가야 겠다는 생각을 하게 됨. 이에 &quot;아이젝트 로드맵&quot; 을 만들게 됨. 그리고 영국 문화원 등록&lt;br /&gt;
2011.07 cloie의 취업소식과 이제 본격적으로 목표를 이뤄야겠다는 생각에 다이어트와 영어에 돌입. 본격적으로 html5korea.co.kr 에 번역할 글들을 올리기 시작. 첫 토익 성적에 대한 엄청난 실망.&lt;br /&gt;
2011.08 어느정도 다이어트 성공(-10kg) 하지만 여러가지 원인에 의한 방황 시작.&lt;br /&gt;
2011.09 방황의 연속. 술에 대한 고찰. 패션에 대한 관심 증폭으로 인해 본연의 목적 상실&lt;br /&gt;
2011.10 본격적인 토익 공부를 위해 학원 등록. html5korea 번역 계속. 하지만 로드맵에 자꾸 X표가 많아져서 실망하게 됨. cloie와의 천일, 그리고 내가 존경하던 스티브 잡스의 사망..&amp;nbsp;&lt;br /&gt;
2011.11 html5 에 대해 본격적으로 투자하게 되고, 번역도 계속. 사이트에 대한 방향을 잡음. 그리고 인생 100년 계획을 세움.&lt;br /&gt;
2011.12 계속된 html5 번역과 소집해제 100일이 깨지게 됨. 동시에 향후 복학 이후에 대한 생각과 삼성 맴버십에 지원.&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 1.5; font-size: 9pt; margin-top: 1px; margin-right: 3px; margin-bottom: 0px; margin-left: 3px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; &quot;&gt;

&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;/p&gt;
&lt;div&gt;
&lt;hr style=&quot;height: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; &quot;&gt;&lt;/div&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;/p&gt;
2011년은 뭔가 여타 년도와는 다르게 내게 많은 것을 가져다 준 것 같다. 연 초에 이룬 것부터 하여 5월부터 아이젝트 로드맵을 설계하고 이에 따라 내가 이루고 싶은 것들을 차근 차근 이뤄나가는 그런 재미가 있었다.&amp;nbsp;&lt;br /&gt;
하지만 동시에 내가 너무 나 자신을 나만의 로드맵에 가둬 놓은 결과, 자꾸 탈출하려는 욕심이 생겼고 이에 8월부터 10월까지 시작된 방황은 솔직히 너무나도 시간이 아깝다. 뭔가 정리되지 않은 시간이었고, 잡혀지지 않은 로드맵 속에 자꾸 방황만 일삼고 술과 놀기만을 좋아하고 자기관리도 제대로 되지 않고.. 이렇게 후회로운 삶이 또 있으랴.&lt;br /&gt;
&lt;br /&gt;그래도 연말이 되어 다시금 마음을 다잡고 내 목표를 향해 나아가겠다는 생각을 한 것은 잘한것이다. 눈앞의 것에 눈이 멀어서 미래의 것을 버리겠는가. 당장의 초콜릿의 단맛에 내 살을 다 버리겠는가. 그런 생각보다는 새벽에 커피 한잔에 내 삶을 관리하고 그런 것에 주목하는 것이 중요하겠다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;그리고 요즘에 글을 쓰는 것을 귀찮아 하는 것인지.. 블로그에도 온통 번역한 글 밖에 없고 생각을 정리하려는 행동을 하지 않는다. 귀찮고, 또 이것 저것 생각이 많이 들다 보니 자꾸 이를 정리하려고 하지 않는다. 그저 생각이 드는 대로만 작업을 하려고 한다.&lt;br /&gt;
&lt;br /&gt;얼마전에 나는 정진호 님의 GTD에 대한 프레젠테이션을 보았다. 여기서는 일을 쉽게 하기 위한 &quot;가공&quot;을 중시하였다. GTD방법론은 물론 나도 예전부터 많이 알고 있던 것이긴 하지만 정작 사용에 있어서는 닥친 업무만 처리하느라 급급하였다.&lt;br /&gt;
&lt;br /&gt;무언가 일을 정리할 시간을 만들고 나의 미래를 볼 시간을 가지고 있는 것이 중요하다. 지금 이 포스팅을 하는데만 해도 내겐 많은 시간이 소요되었다. 물론 무언가를 하다 보면 분명 예상하지 않은 대로 시간이 흘러가고 조절될 테지만, 최대한 한가지만을 꾸준히 할 수 있도록 최선을 다할 수 있는, 그런 선택과 집중이 확실히 되는 2012년을 보냈으면 한다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;학생이라.. 너무 오래되서 20살 때의 기분은 잘 모르겠다. 나이도 들고, 사회의 물도 먹어봤고..그러면서 자라는 것이고 그러면서 크는 것이다. 후회 없는 한 해를 보낼 수 있도록! 이 포스팅을 통해 화이팅을 외쳐본다 화이팅~!&lt;br /&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; line-height: 1.5; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; &quot;&gt;&lt;a href=&quot;http://izect.kr/314&quot; target=&quot;_blank&quot;&gt;2009/05/30 - [IZECT PERSONAL LAB/아이지의 이야기] - 20대 초반, 나의 발걸음&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;http://izect.kr/479&quot; target=&quot;_blank&quot;&gt;2009/12/31 - [IZECT PERSONAL LAB/아이지의 이야기] - 20대 초반, 나의 발걸음 part 2 # 병역특례 1년차를 돌아보며&lt;br /&gt;
&lt;/a&gt;&lt;a href=&quot;http://izect.kr/611&quot; target=&quot;_blank&quot;&gt;2011/01/20 - [IZECT PERSONAL LAB/아이지의 이야기] - 20대, 나의 발걸음&lt;/a&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;blogger-news-widget&quot; style=&quot;width: 100%; text-align: center&quot;&gt;
			  				&lt;embed src=&quot;http://api.v.daum.net/static/recombox3.swf&quot; quality=&quot;high&quot; flashvars=&quot;nid=24134110&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;false&quot; bgcolor=&quot;#ffffff&quot; width=&quot;67&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
						&lt;/div&gt;&lt;div style=&quot;text-align:left; padding-top:10px;&quot;&gt;
&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=izect.kr/685&amp;amp;layout=standard&amp;amp;show_faces=true&amp;amp;width=310&amp;amp;action=like&amp;amp;font=tahoma&amp;amp;colorscheme=light&amp;amp;height=65&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;border:none; overflow:hidden; width:310px; height:65px;&quot; allowTransparency=&quot;true&quot;&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;
&lt;div id=&quot;livereContainer_685&quot; class=&quot;livereContainer&quot;&gt;&lt;/div&gt;
	&lt;script type=&quot;text/javascript&quot;&gt;
		var livere_user_name = &#039;&#039;;
		var livere_homepage = &#039;&#039;;
		var livere_blog_id = &#039;598154&#039;;
		var livere_entry_id = &#039;685&#039;;
		var livere_default_guest_image = &#039;&#039;;
		var livere_article_id = &#039;&#039;;
		var livere_consumer_seq = null;
		var livere_smartlogin_seq = null;
		var livere_useTistoryComment = &#039;true&#039;;
		var livere_livere_seq = &#039;5366&#039;;
		var livere_refer = &#039;izect.tistory.com/&#039;;
		var livere_blogurl = &#039;izect.tistory.com&#039;;
		var livere_title = &#039;&#039;;
		var livere_redirect_path = &#039;http://izect.tistory.com/plugins/LiveRe/redirect.html&#039;;

		livereInit(livere_entry_id, livere_refer, livere_title);
	&lt;/script&gt;
</description>
			<category>아이지의 생각과 고찰</category>
			<category>2012년</category>
			<category>20대</category>
			<author>메튜장</author>
			<guid>http://izect.kr/685</guid>
			<comments>http://izect.kr/685#entry685comment</comments>
			<pubDate>Mon, 02 Jan 2012 10:26:21 +0900</pubDate>
		</item>
		<item>
			<title>CSS3로 3D 효과 사용하기</title>
			<link>http://izect.kr/684</link>
			<description>&lt;h2 id=&quot;toc-introduction&quot; style=&quot;font-family: &#039;Droid Sans&#039;, Arial, sans-serif; font-size: 21px; margin-top: 30px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); line-height: normal; background-color: rgb(255, 255, 255); &quot;&gt;&lt;div style=&quot;clear: both; text-align: center; &quot;&gt;
&lt;p style=&quot;margin:0&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile23.uf.tistory.com/original/175329374EF0519836D2CD&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile23.uf.tistory.com/image/175329374EF0519836D2CD&quot; alt=&quot;&quot; filemime=&quot;image/jpeg&quot; filename=&quot;527264bf97ee381a5cee6d1b2406a007.png&quot; height=&quot;286&quot; width=&quot;393&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;/p&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;시작하며&lt;/span&gt;&lt;/p&gt;
&lt;/h2&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(0, 0, 0); font-family: NanumGothicOTF; &quot;&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; color: rgb(0, 0, 0); font-family: NanumGothicOTF; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: rgb(255, 255, 255); &quot;&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#222222&quot; face=&quot;sans-serif&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 14px; line-height: 25px; &quot;&gt;오랬동안 PC의 프로그램에서만 존재해 왔던 3D가 최근 출시되고 있는 고성능의&amp;nbsp;&lt;/span&gt;&lt;/font&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(34, 34, 34); font-family: sans-serif; font-size: 14px; line-height: 25px; &quot;&gt;GPU가 탑제된&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(34, 34, 34); font-family: sans-serif; font-size: 14px; line-height: 25px; &quot;&gt;스마트폰에 힘입어 이젠 모바일 화면에서도 3D를 볼 수 있게 되었습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;일반적으로 3D는 주로 게임이나 고급 UI에서만 사용되었습니다. 특히 UI에서의 3D는 WPF나 실버라이트에서 컴포넌트에 3D효과를 주기 전까지는 효과적이지 않은 방법이라고 여겨져 왔습니다. 모든 컨트롤을 3D화 하는것은 어려운 일이기 때문입니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;2009년 3월,&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://www.w3.org/TR/css3-3d-transforms/&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;CSS 3D Transform 모델&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;의&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: sans-serif; &quot;&gt;&amp;nbsp;초안이 발표되었습니다. 여기서 개발자들에게 보다 더 흥미로운 웹 제작을 만들기 위해 DOM 요소들에 3D 원근법(perspective transformations)을 허용하였습니다.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;CSS 를 통한 3D Transform의 초안 작업은&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://www.w3.org/TR/css3-2d-transforms&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;CSS 2D Transform 모델&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;에서 이론적으로만 소개된 원근(perspective) , 회전(rotate) , 그리고 3DTransform의 변형 같은 특이한 속성들의 확장입니다. 예전에는 그렇게 쉽게 3D 로 인터페이스를 만들 수 없었지만, CSS 3D 초안 작업에서는 3D로의 진입 장벽을 낮춰왔습니다. 이로써 더 이상 3D 요소들을 만드는 데에 머리 터지는 수학적인 연산을 사용하지 않아도 되게 되었습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;주목할 부분은 CSS 3D 는 &quot;개발자&quot;들을 위해 만들어졌습니다. 이 말은 웹 어플리케이션에 초점을 두고 3D 시각효과를 도입하는데 도움을 주기 위해 만들어졌다는 것입니다. 즉 게임같은 전반적인 3D 세상을 위해서 만들어 진 것은 아니라는 것입니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 21px; font-weight: bold; line-height: 37px; font-family: sans-serif; &quot;&gt;브라우저 호환 및 하드웨어 가속&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;2010년 9월, 사파리와 크롬은 CSS 3D 를 지원하기 시작했습니다. 하지만 이는 단지 지원일 뿐, 3D 랜더링이 가능하다는 것을 의미하지는 않습니다. DOM 요소에 기초한 3D는 매우 많은 연산이 필요하므로 브라우저 제공 업체들은 브라우저가 느려지게 하자니 GPU의 가속을 받는 편이 좋겠다는 결정을 내렸습니다. 참고로 GPU는&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: sans-serif; &quot;&gt;아직 모든 플렛폼에 적용되지 않았습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 21px; font-weight: bold; line-height: 37px; font-family: sans-serif; &quot;&gt;3D 기능 감지&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;웹 페이지에서 3D 지원이 가능한지를 바로 먼저 확인하지 않는 편이 좋습니다. 개발자들은 modernizr같은 툴을 통해 브라우저의 특징과 능력을 감지하는데 사용합니다만 3D 지원을 감지하는 동안엔 하드웨어 가속을 검출할 수 없으며, 사실 하드웨어 가속 검출이 우리에게는 가장 중요한 키 포인트입니다.&lt;/span&gt;&lt;/p&gt;
&lt;h2 id=&quot;toc-sample1&quot; style=&quot;font-family: &#039;Droid Sans&#039;, Arial, sans-serif; font-size: 21px; margin-top: 30px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); line-height: normal; background-color: rgb(255, 255, 255); &quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;간단한 예제&lt;/span&gt;&lt;/p&gt;
&lt;/h2&gt;&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;일단 다른 설명은 제쳐두고 예제를 통해 CSS 3D를 배워보겠습니다. 아래의 &amp;lt;div&amp;gt;와 &amp;lt;iframe&amp;gt;에 회전을 적용해 보도록 하죠.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;상위 DOM요소인 &amp;lt;div&amp;gt;에 우선 Perspective 를 정의합니다.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;pre class=&quot;prettyprint&quot; style=&quot;padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 0, 0, 0.199219); border-right-color: rgba(255, 0, 0, 0.199219); border-bottom-color: rgba(255, 0, 0, 0.199219); border-left-color: rgba(255, 0, 0, 0.199219); color: rgb(34, 34, 34); font-size: 14px; line-height: normal; &quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 1.8; &quot;&gt;&lt;span class=&quot;tag&quot; style=&quot;color: rgb(0, 0, 136); text-decoration: none; font-size: inherit; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: sans-serif; &quot;&gt;&amp;lt;div&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); font-family: sans-serif; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;atn&quot; style=&quot;color: rgb(102, 0, 102); font-family: sans-serif; &quot;&gt;style&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); font-family: sans-serif; &quot;&gt;=&lt;/span&gt;&lt;span class=&quot;atv&quot; style=&quot;color: rgb(0, 136, 0); font-family: sans-serif; &quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); font-family: sans-serif; &quot;&gt;-webkit-perspective&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); font-family: sans-serif; &quot;&gt;:&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); font-family: sans-serif; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;color: rgb(0, 102, 102); font-family: sans-serif; &quot;&gt;800&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); font-family: sans-serif; &quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); font-family: sans-serif; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); font-family: sans-serif; &quot;&gt;perspective&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); font-family: sans-serif; &quot;&gt;:&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); font-family: sans-serif; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;color: rgb(0, 102, 102); font-family: sans-serif; &quot;&gt;800&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); font-family: sans-serif; &quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); font-family: sans-serif; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); font-family: sans-serif; &quot;&gt;margin&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); font-family: sans-serif; &quot;&gt;:&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); font-family: sans-serif; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;color: rgb(0, 102, 102); font-family: sans-serif; &quot;&gt;100px&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); font-family: sans-serif; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;color: rgb(0, 102, 102); font-family: sans-serif; &quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); font-family: sans-serif; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;color: rgb(0, 102, 102); font-family: sans-serif; &quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); font-family: sans-serif; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;color: rgb(0, 102, 102); font-family: sans-serif; &quot;&gt;50px&lt;/span&gt;&lt;span class=&quot;atv&quot; style=&quot;color: rgb(0, 136, 0); font-family: sans-serif; &quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;tag&quot; style=&quot;color: rgb(0, 0, 136); text-decoration: none; font-size: inherit; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: sans-serif; &quot;&gt;&amp;gt;&lt;/span&gt;&lt;/p&gt;
&lt;/pre&gt;&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;Perspective 는 어느 정도의 깊이로 3D를 랜더링 할것인지 정의하기 떄문에 상당히 중요합니다. 그 속성값은 한 1-1000 가 가장 괜찮은 효과를 보여주니 1000 보다 적은게 좋겠습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;그리고 div 테그 아래 iframe 을 추가하고 Y와 Z축으로 30도의 회전을 줍니다.&lt;/span&gt;&lt;/p&gt;
&lt;pre class=&quot;prettyprint&quot; style=&quot;padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 0, 0, 0.199219); border-right-color: rgba(255, 0, 0, 0.199219); border-bottom-color: rgba(255, 0, 0, 0.199219); border-left-color: rgba(255, 0, 0, 0.199219); color: rgb(34, 34, 34); font-size: 14px; line-height: normal; &quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 1.8; &quot;&gt;&lt;span class=&quot;tag&quot; style=&quot;color: rgb(0, 0, 136); text-decoration: none; font-size: inherit; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: sans-serif; &quot;&gt;&amp;lt;iframe&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); font-family: sans-serif; &quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;atn&quot; style=&quot;color: rgb(102, 0, 102); font-family: sans-serif; &quot;&gt;src&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); font-family: sans-serif; &quot;&gt;=&lt;/span&gt;&lt;span class=&quot;atv&quot; style=&quot;color: rgb(0, 136, 0); font-family: sans-serif; &quot;&gt;&quot;http://www.html5rocks.com/&quot;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); font-family: sans-serif; &quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;atn&quot; style=&quot;color: rgb(102, 0, 102); font-family: sans-serif; &quot;&gt;style&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); font-family: sans-serif; &quot;&gt;=&lt;/span&gt;&lt;span class=&quot;atv&quot; style=&quot;color: rgb(0, 136, 0); font-family: sans-serif; &quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); font-family: sans-serif; &quot;&gt;-webkit-transform&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); font-family: sans-serif; &quot;&gt;:&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); font-family: sans-serif; &quot;&gt; rotate3d&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); font-family: sans-serif; &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;color: rgb(0, 102, 102); font-family: sans-serif; &quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); font-family: sans-serif; &quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); font-family: sans-serif; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;color: rgb(0, 102, 102); font-family: sans-serif; &quot;&gt;1&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); font-family: sans-serif; &quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); font-family: sans-serif; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;color: rgb(0, 102, 102); font-family: sans-serif; &quot;&gt;1&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); font-family: sans-serif; &quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); font-family: sans-serif; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;color: rgb(0, 102, 102); font-family: sans-serif; &quot;&gt;30deg&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); font-family: sans-serif; &quot;&gt;)&lt;/span&gt;&lt;span class=&quot;atv&quot; style=&quot;color: rgb(0, 136, 0); font-family: sans-serif; &quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;tag&quot; style=&quot;color: rgb(0, 0, 136); text-decoration: none; font-size: inherit; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: sans-serif; &quot;&gt;&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;/p&gt;
&lt;/pre&gt;&lt;div style=&quot;color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; line-height: normal; background-color: rgb(255, 255, 255); -webkit-perspective: 800; margin-top: 100px; margin-right: 0px; margin-bottom: 100px; margin-left: 50px; &quot;&gt;
&lt;iframe src=&quot;http://www.html5rocks.com/&quot; style=&quot;-webkit-transform: rotate3d(0, 1, 1, 30deg); &quot;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;짠! 이렇게 나왔습니다. 웹페이지 내의 화면과 스크롤바 등 기타 모든 요소가 잘 작동합니다. 하지만 만약 여러분의 브라우저가 3D 를 지원하지 않는다면 위의 iframe은 아무런 변화도 없을 것입니다. 또한 3D를 지원하지만 하드웨어 가속을 받지 못한다면 좀 이상하게 보일 수도 있습니다.&lt;/span&gt;&lt;/p&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: NanumGothicOTF; border-width: initial; border-color: initial; &quot;&gt;&lt;iframe src=&quot;http://playground.html5rocks.com/?mode=frame&amp;amp;hu=150&amp;amp;hl=300#3d_transformation_basic&quot; style=&quot;color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; line-height: normal; background-color: rgb(255, 255, 255); border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; width: 650px; height: 570px; &quot;&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;h2 id=&quot;toc-animation&quot; style=&quot;font-family: &#039;Droid Sans&#039;, Arial, sans-serif; font-size: 21px; margin-top: 30px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); line-height: normal; background-color: rgb(255, 255, 255); &quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;애니메이션&lt;/span&gt;&lt;/p&gt;
&lt;/h2&gt;&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;CSS3의 3D 를 사용함으로써 제가 느끼는 가장 좋은 장점은&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://www.html5rocks.com/en/tutorials/3d/css/&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;CSS로 여러 변환 효과&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;를 사용함으로써 애니메이션이 가능하고, 이를 통해 웹 페이지가 예쁘게 보인다는 것입니다. 이러한 애니메이션과 변환은 CSS로 쉽게 정의할 수 있습니다. 3D 적용도 마찬가지이지요.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;3D효과에서 애니메이션 기능을 주는 것 또한 쉽습니다. 그냥 단순히 transition을 스타일에 정의하고 transform 효과를 통해 시간 간격을 주고 애니메이션 함수를 적용해주면 됩니다. 그러면 &quot;transform&quot; 효과로 애니메이션이 동작하게 됩니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;이전 예제를 인라인 스타일로 다시 만들어보겠습니다. 새롭게 만들고 또한&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 102, 0); font-size: 13px; line-height: normal; font-family: sans-serif; &quot;&gt;:hover&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;셀렉터의 특징을 취해보겠습니다.&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 102, 0); font-size: 13px; line-height: normal; font-family: sans-serif; &quot;&gt;:hover&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;를 사용하면 변형 효과는 마우스가 엘리먼트에 올라갔을 시작하게 됩니다. 꽤 괜찮은 방법이죠!&lt;/span&gt;&lt;/p&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: NanumGothicOTF; border-width: initial; border-color: initial; &quot;&gt;&lt;iframe src=&quot;http://playground.html5rocks.com/?mode=frame&amp;amp;hu=275&amp;amp;hl=300#3d_transformation&quot; style=&quot;color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; line-height: normal; background-color: rgb(255, 255, 255); border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; width: 650px; height: 695px; &quot;&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;h2 id=&quot;toc-summary&quot; style=&quot;font-family: &#039;Droid Sans&#039;, Arial, sans-serif; font-size: 21px; margin-top: 30px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); line-height: normal; background-color: rgb(255, 255, 255); &quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;정리하며&lt;/span&gt;&lt;/p&gt;
&lt;/h2&gt;&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;위에 제가 설명한 내용은 꽤 간단하면서도 강력한 DOM 요소에 작용하는 효과들입니다. CSS 3D 변형을 사용해서 말이죠. 그리고, 앞으로도 제가 설명드릴 더 많은 효과들이 남아있다는 것을 기억해주세요!&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 1.8; &quot;&gt;&lt;span style=&quot;font-family: sans-serif; &quot;&gt;원문 :&amp;nbsp;&lt;a href=&quot;http://www.html5rocks.com/en/tutorials/3d/css/&quot; target=&quot;_blank&quot;&gt;3D and CSS&lt;/a&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: sans-serif; &quot;&gt;번역 : matthew.chang@me.com&lt;br /&gt;
&lt;br /&gt;&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;a href=&quot;http://cfile23.uf.tistory.com/original/172EFE4A4EC22028122FD6&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; line-height: 21px; font-family: 나눔고딕, nanumgothic, &#039;맑은 고딕&#039;, &#039;malgun gothic&#039;, sans-serif; color: rgb(103, 103, 103); font-size: 12px; text-align: center; &quot;&gt;&lt;img src=&quot;http://cfile23.uf.tistory.com/image/172EFE4A4EC22028122FD6&quot; alt=&quot;&quot; height=&quot;136&quot; width=&quot;250&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; line-height: 1.8; cursor: pointer; &quot;&gt;&lt;/a&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;line-height: 1.8; &quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;blogger-news-widget&quot; style=&quot;width: 100%; text-align: center&quot;&gt;
			  				&lt;embed src=&quot;http://api.v.daum.net/static/recombox3.swf&quot; quality=&quot;high&quot; flashvars=&quot;nid=23725792&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;false&quot; bgcolor=&quot;#ffffff&quot; width=&quot;67&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
						&lt;/div&gt;&lt;div style=&quot;text-align:left; padding-top:10px;&quot;&gt;
&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=izect.kr/684&amp;amp;layout=standard&amp;amp;show_faces=true&amp;amp;width=310&amp;amp;action=like&amp;amp;font=tahoma&amp;amp;colorscheme=light&amp;amp;height=65&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;border:none; overflow:hidden; width:310px; height:65px;&quot; allowTransparency=&quot;true&quot;&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;
&lt;div id=&quot;livereContainer_684&quot; class=&quot;livereContainer&quot;&gt;&lt;/div&gt;
	&lt;script type=&quot;text/javascript&quot;&gt;
		var livere_user_name = &#039;&#039;;
		var livere_homepage = &#039;&#039;;
		var livere_blog_id = &#039;598154&#039;;
		var livere_entry_id = &#039;684&#039;;
		var livere_default_guest_image = &#039;&#039;;
		var livere_article_id = &#039;&#039;;
		var livere_consumer_seq = null;
		var livere_smartlogin_seq = null;
		var livere_useTistoryComment = &#039;true&#039;;
		var livere_livere_seq = &#039;5366&#039;;
		var livere_refer = &#039;izect.tistory.com/&#039;;
		var livere_blogurl = &#039;izect.tistory.com&#039;;
		var livere_title = &#039;&#039;;
		var livere_redirect_path = &#039;http://izect.tistory.com/plugins/LiveRe/redirect.html&#039;;

		livereInit(livere_entry_id, livere_refer, livere_title);
	&lt;/script&gt;
</description>
			<category>3d</category>
			<category>CSS3</category>
			<category>css33d</category>
			<category>css3d</category>
			<category>HTML5</category>
			<author>메튜장</author>
			<guid>http://izect.kr/684</guid>
			<comments>http://izect.kr/684#entry684comment</comments>
			<pubDate>Tue, 20 Dec 2011 18:14:52 +0900</pubDate>
		</item>
		<item>
			<title>HTML5 Notifications 사용하기</title>
			<link>http://izect.kr/683</link>
			<description>&lt;h2 id=&quot;toc-introduction&quot; style=&quot;font-family: &#039;Droid Sans&#039;, Arial, sans-serif; font-size: 21px; margin-top: 30px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); line-height: normal; background-color: rgb(255, 255, 255); &quot;&gt;&lt;p style=&quot;line-height: 2; &quot;&gt;&lt;span style=&quot;font-family: tahoma; &quot;&gt;시작하며&lt;/span&gt;&lt;/p&gt;
&lt;/h2&gt;&lt;p style=&quot;margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 2; &quot;&gt;&lt;span style=&quot;font-family: tahoma; &quot;&gt;&lt;a href=&quot;http://www.chromium.org/developers/design-documents/desktop-notifications/api-specification&quot; target=&quot;_blank&quot;&gt;알림(Notifications) API&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: tahoma; &quot;&gt;는 유저에게 어떠한 이벤트를 통보해 주는 역할을 합니다. 새 메일, 새 트윗 혹은 일정 같은 직접 확인해야 하는 이벤트나 사용자가 간과하지 말고 주목했으면 하는 어떠한 상호작용을 통보해 주는 역할입니다. API에 대한&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://www.chromium.org/developers/design-documents/desktop-notifications/api-specification&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;font-family: tahoma; &quot;&gt;스펙 초안&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;font-family: tahoma; &quot;&gt;이 정의되어 있긴 하지만 아직은 표준화 되지 않았습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 2; &quot;&gt;&lt;span style=&quot;font-family: tahoma; &quot;&gt;하지만 아래 몇가지 간단한 예제를 통해 단 몇 분 만에 간단히 알림 API를 체험해 보실 수 있을 것입니다.&lt;/span&gt;&lt;/p&gt;
&lt;h2 id=&quot;toc-step1&quot; style=&quot;font-family: &#039;Droid Sans&#039;, Arial, sans-serif; font-size: 21px; margin-top: 30px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); line-height: normal; background-color: rgb(255, 255, 255); &quot;&gt;&lt;p style=&quot;line-height: 2; &quot;&gt;&lt;span style=&quot;font-family: tahoma; &quot;&gt;1단계 : 우선, 알림 API가 지원되는 여부를 확인해 보세요.&lt;/span&gt;&lt;/p&gt;
&lt;/h2&gt;&lt;p style=&quot;margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 2; &quot;&gt;&lt;span style=&quot;font-family: tahoma; &quot;&gt;우리는 우선&amp;nbsp;&lt;/span&gt;&lt;code style=&quot;font: normal normal normal 13px/normal Monaco, monospace; color: rgb(0, 102, 0); &quot;&gt;&lt;span style=&quot;font-family: tahoma; &quot;&gt;webkitNotifications&lt;/span&gt;&lt;/code&gt;&lt;span style=&quot;font-family: tahoma; &quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: tahoma; &quot;&gt;이 브라우저에서 지원되는지 확인해 봐야 합니다.&amp;nbsp;&lt;/span&gt;&lt;code style=&quot;font: normal normal normal 13px/normal Monaco, monospace; color: rgb(0, 102, 0); &quot;&gt;&lt;span style=&quot;font-family: tahoma; &quot;&gt;webkitNotifications&lt;/span&gt;&lt;/code&gt;&lt;span style=&quot;font-family: tahoma; &quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: tahoma; &quot;&gt;는 API스펙 초안의 한 부분이지만 향후에는 아마 notifications() 함수로 대처될 것이라 생각됩니다.&lt;/span&gt;&lt;/p&gt;
&lt;pre class=&quot;prettyprint&quot; style=&quot;padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-bottom-left-radius: 8px 8px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 0, 0, 0.199219); border-right-color: rgba(255, 0, 0, 0.199219); border-bottom-color: rgba(255, 0, 0, 0.199219); border-left-color: rgba(255, 0, 0, 0.199219); color: rgb(34, 34, 34); font-size: 14px; line-height: normal; &quot;&gt;&lt;p style=&quot;line-height: 2; &quot;&gt;&lt;span class=&quot;com&quot; style=&quot;color: rgb(136, 0, 0); &quot;&gt;// 통보기능(Notifications API)지원여부 확인&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
&lt;/span&gt;&lt;span class=&quot;com&quot; style=&quot;color: rgb(136, 0, 0); &quot;&gt;// &#039;window&#039;는 생략해도 됩니다.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;if&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;window&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;webkitNotifications&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
  console&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;log&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;color: rgb(0, 136, 0); &quot;&gt;&quot;알림 기능을 지원합니다!&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;);&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;else&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
  console&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;log&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;color: rgb(0, 136, 0); &quot;&gt;&quot;해당 브라우저/OS는 아직 알림&lt;span class=&quot;str&quot;&gt; API를 지원하지 않습니다.&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;);&lt;/span&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;}&lt;/span&gt;&lt;/p&gt;
&lt;/pre&gt;&lt;h2 id=&quot;toc-step2&quot; style=&quot;font-family: &#039;Droid Sans&#039;, Arial, sans-serif; font-size: 21px; margin-top: 30px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); line-height: normal; background-color: rgb(255, 255, 255); &quot;&gt;&lt;p style=&quot;line-height: 2; &quot;&gt;2단계 : 알림 만들기&lt;/p&gt;
&lt;/h2&gt;&lt;p style=&quot;margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 2; &quot;&gt;알림에는 알려질 컨텐츠에 따라 정적 텍스트와 HTML의 두 개의 유형으로 나뉩니다. 만약 여러분의 어플리케이션이 이 두개의 타입을 모두 사용하여 클라이언트에 통보한다면 함수에서 옵션값으로 구분하여 사용 가능할 것입니다.&lt;/p&gt;
&lt;pre class=&quot;prettyprint&quot; style=&quot;padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-bottom-left-radius: 8px 8px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 0, 0, 0.199219); border-right-color: rgba(255, 0, 0, 0.199219); border-bottom-color: rgba(255, 0, 0, 0.199219); border-left-color: rgba(255, 0, 0, 0.199219); color: rgb(34, 34, 34); font-size: 14px; line-height: normal; &quot;&gt;&lt;p style=&quot;line-height: 2; &quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;function&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; createNotificationInstance&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;options&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
  &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;if&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;options&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;notificationType &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;==&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;color: rgb(0, 136, 0); &quot;&gt;&#039;simple&#039;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;return&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; window&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;webkitNotifications&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;createNotification&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;color: rgb(0, 136, 0); &quot;&gt;&#039;icon.png&#039;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;color: rgb(0, 136, 0); &quot;&gt;&#039;알림 제목&#039;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;color: rgb(0, 136, 0); &quot;&gt;&#039;알림 내용...&#039;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;);&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
  &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;else&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;if&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;options&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;notificationType &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;==&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;color: rgb(0, 136, 0); &quot;&gt;&#039;html&#039;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;return&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; window&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;webkitNotifications&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;createHTMLNotification&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;color: rgb(0, 136, 0); &quot;&gt;&#039;http://someurl.com&#039;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;);&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
  &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;}&lt;/span&gt;&lt;/p&gt;
&lt;/pre&gt;&lt;h2 id=&quot;toc-step3&quot; style=&quot;font-family: &#039;Droid Sans&#039;, Arial, sans-serif; font-size: 21px; margin-top: 30px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); line-height: normal; background-color: rgb(255, 255, 255); &quot;&gt;&lt;p style=&quot;line-height: 2; &quot;&gt;3단계: 사용자가 웹 사이트에서 알림 기능을 허용하도록 합니다.&lt;/p&gt;
&lt;/h2&gt;&lt;p style=&quot;margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 2; &quot;&gt;사용자가 수동으로 웹 사이트에&amp;nbsp;알림을 표시하는&amp;nbsp;권한을 주지 않은 경우, 위의 자바스크립트에서 언급한 생성자는 보안 오류가 발생합니다.&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 2; &quot;&gt;예외사항을 다루기 위해서는 try-catch문을 사용하면 되지만, 또한&amp;nbsp;&lt;em style=&quot;font-weight: bold; color: rgb(0, 0, 0); font-style: normal; &quot;&gt;checkPermission&lt;/em&gt;&amp;nbsp;이라는 함수도 비슷한 기능을 합니다.&lt;/p&gt;
&lt;pre class=&quot;prettyprint&quot; style=&quot;padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-bottom-left-radius: 8px 8px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 0, 0, 0.199219); border-right-color: rgba(255, 0, 0, 0.199219); border-bottom-color: rgba(255, 0, 0, 0.199219); border-left-color: rgba(255, 0, 0, 0.199219); color: rgb(34, 34, 34); font-size: 14px; line-height: normal; &quot;&gt;&lt;p style=&quot;line-height: 2; &quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;document&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;querySelector&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;color: rgb(0, 136, 0); &quot;&gt;&#039;#show_button&#039;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;).&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;addEventListener&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;color: rgb(0, 136, 0); &quot;&gt;&#039;click&#039;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;function&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;()&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
  &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;if&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;window&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;webkitNotifications&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;checkPermission&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;()&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;==&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;color: rgb(0, 102, 102); &quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;com&quot; style=&quot;color: rgb(136, 0, 0); &quot;&gt;// 0은 권한이 허용된 상태&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;com&quot; style=&quot;color: rgb(136, 0, 0); &quot;&gt;// 허용된 상태라면 2단계로 넘어감&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
    createNotificationInstance&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;({&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; notificationType&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;:&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;color: rgb(0, 136, 0); &quot;&gt;&#039;html&#039;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;});&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
  &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;else&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
    window&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;webkitNotifications&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;requestPermission&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;();&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
  &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;},&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;false&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;);&lt;/span&gt;&lt;/p&gt;
&lt;/pre&gt;&lt;p style=&quot;margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 2; &quot;&gt;웹 어플리케이션에 대해 권한이 허용되지 않은 경우, 위에서&amp;nbsp;&lt;code style=&quot;font: normal normal normal 13px/normal Monaco, monospace; color: rgb(0, 102, 0); &quot;&gt;requestPermission&lt;/code&gt;&amp;nbsp;는 사용자에게 아래와 같은 메시지를 나타낼 것입니다.&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;line-height: 2; &quot;&gt;&lt;/p&gt;
&lt;figure class=&quot;center&quot; style=&quot;text-align: center; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; line-height: normal; background-color: rgb(255, 255, 255); &quot;&gt;&lt;img src=&quot;http://www.html5rocks.com/en/tutorials/notifications/quick/notifications_infobar.png&quot; alt=&quot;The notifications permission infobar in Google Chrome&quot; title=&quot;The notifications permission infobar in Google Chrome&quot; editor_component=&quot;image_link&quot; style=&quot;max-width: 100%; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; &quot;&gt;&lt;figcaption style=&quot;font-size: 13px; font-style: italic; margin-top: 5px; &quot;&gt;구글 크롬의 통보 권한 허용 여부 메시지&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 2; &quot;&gt;허나 원치 않는 허용 여부 메시지를 방지하기 위해&amp;nbsp;&lt;em style=&quot;color: rgb(0, 0, 0); font-weight: bold; font-style: normal; &quot;&gt;requestPermission&lt;/em&gt;&amp;nbsp;&amp;nbsp;는 마우스 클릭이나 키보드 입력 같은 사용자의 액션에 대한 이벤트 핸들러 트리거에서만 작동한다는 것을 명심해야 합니다. (위의 document.querySelector 안에 addEventListener 를 넣은 것처럼) 위의 경우 사용자는 &quot;show_button&quot; 이라는 버튼을 클릭했을 때 알림 기능 허용 여부를 체크하게 됩니다. 물론, show_button을 클릭하지 않으면&amp;nbsp;&lt;em style=&quot;color: rgb(0, 0, 0); font-weight: bold; font-style: normal; &quot;&gt;requestPermission&lt;/em&gt;&amp;nbsp; 는 작동하지 않습니다.&lt;/p&gt;
&lt;h2 id=&quot;toc-step4&quot; style=&quot;font-family: &#039;Droid Sans&#039;, Arial, sans-serif; font-size: 21px; margin-top: 30px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); line-height: normal; background-color: rgb(255, 255, 255); &quot;&gt;&lt;p style=&quot;line-height: 2; &quot;&gt;4단계 : 리스너 등록과 기타 액션 추가&lt;/p&gt;
&lt;/h2&gt;&lt;pre class=&quot;prettyprint&quot; style=&quot;padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-bottom-left-radius: 8px 8px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 0, 0, 0.199219); border-right-color: rgba(255, 0, 0, 0.199219); border-bottom-color: rgba(255, 0, 0, 0.199219); border-left-color: rgba(255, 0, 0, 0.199219); color: rgb(34, 34, 34); font-size: 14px; line-height: normal; &quot;&gt;&lt;p style=&quot;line-height: 1.4; &quot;&gt;&lt;span class=&quot;old&quot; style=&quot;color: rgb(102, 153, 102); &quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;document&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;querySelector&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;color: rgb(0, 136, 0); &quot;&gt;&#039;#show_button&#039;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;).&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;addEventListener&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;color: rgb(0, 136, 0); &quot;&gt;&#039;click&#039;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;function&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;()&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
  &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;if&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;window&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;webkitNotifications&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;checkPermission&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;()&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;==&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;color: rgb(0, 102, 102); &quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;com&quot; style=&quot;color: rgb(136, 0, 0); &quot;&gt;// 0은 권한이 허용된 상태&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;com&quot; style=&quot;color: rgb(136, 0, 0); &quot;&gt;// 허용된 상태라면 2단계로 넘어감&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
    &lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;new&quot; style=&quot;font-weight: bold; color: rgb(0, 102, 0); &quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;notification_test &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;old&quot; style=&quot;color: rgb(102, 153, 102); &quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;createNotificationInstance&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;({&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;notificationType&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;:&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;color: rgb(0, 136, 0); &quot;&gt;&#039;html&#039;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;});&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
    &lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;new&quot; style=&quot;font-weight: bold; color: rgb(0, 102, 0); &quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;notification_test&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;ondisplay &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;function&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;()&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;...&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;do&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; something &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;...&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;};&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
    notification_test&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;onclose &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;function&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;()&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;...&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;do&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; something &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;else&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;...&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;};&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
    notification_test&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;show&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;();&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;old&quot; style=&quot;color: rgb(102, 153, 102); &quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
  &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;else&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
    window&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;webkitNotifications&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;requestPermission&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;();&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
  &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;},&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;color: rgb(0, 0, 136); &quot;&gt;false&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;color: rgb(102, 102, 0); &quot;&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;/pre&gt;&lt;p style=&quot;margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 2; &quot;&gt;위의 경우, 이 튜토리얼의 주제와는 좀 벗어나지만 아마 코딩을 깔끔하게 하기 위해서 이벤트 리스너 안에 알림시 사용할 이벤트와 액션들을 다 넣어놓은 것 같습니다.&amp;nbsp;&lt;/p&gt;
&lt;h2 id=&quot;toc-examples&quot; style=&quot;font-family: &#039;Droid Sans&#039;, Arial, sans-serif; font-size: 21px; margin-top: 30px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); line-height: normal; background-color: rgb(255, 255, 255); &quot;&gt;&lt;p style=&quot;line-height: 2; &quot;&gt;예제&lt;/p&gt;
&lt;/h2&gt;&lt;p style=&quot;margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 2; &quot;&gt;&lt;button id=&quot;request_permission&quot; href=&quot;#&quot; style=&quot;background-image: -webkit-linear-gradient(top, rgb(249, 249, 249) 40%, rgb(227, 227, 227) 70%); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(153, 153, 153); border-right-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 153, 153); border-left-color: rgb(153, 153, 153); border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px; border-bottom-right-radius: 3px 3px; border-bottom-left-radius: 3px 3px; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; outline-width: 0px; outline-style: initial; outline-color: initial; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: rgb(255, 255, 255) 1px 1px; font-weight: 700; font-size: 10pt; &quot;&gt;이 페이지의 알림 기능 활성화 하기&lt;/button&gt;&lt;/p&gt;
&lt;span style=&quot;color: rgb(34, 34, 34); font-size: 14px; line-height: normal; background-color: rgb(255, 255, 255); &quot;&gt;&lt;p style=&quot;font-family: Arial; &quot;&gt;&lt;/p&gt;
&lt;p style=&quot;font-family: Arial; line-height: 2; &quot;&gt;참고 : 알림 권한을 초기화 하기 위해서도 이 버튼을 사용할 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;font-family: Arial; &quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#039;Droid Sans&#039;, Arial, sans-serif; font-weight: bold; &quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 2; &quot;&gt;&lt;font class=&quot;Apple-style-span&quot; face=&quot;Arial&quot;&gt;&lt;b&gt;예제1 : 사용자에게 HTML 알림 보이기&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;/span&gt;&lt;p style=&quot;line-height: 2; &quot;&gt;&lt;button id=&quot;show_html_notification&quot; style=&quot;background-image: -webkit-linear-gradient(top, rgb(249, 249, 249) 40%, rgb(227, 227, 227) 70%); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(153, 153, 153); border-right-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 153, 153); border-left-color: rgb(153, 153, 153); border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px; border-bottom-right-radius: 3px 3px; border-bottom-left-radius: 3px 3px; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; outline-width: 0px; outline-style: initial; outline-color: initial; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: rgb(255, 255, 255) 1px 1px; font-weight: 700; font-size: 10pt; font-family: Arial; &quot;&gt;HTML 알림 보이기&lt;/button&gt;&lt;/p&gt;
&lt;h3 id=&quot;toc-twitter-example&quot; style=&quot;font-family: &#039;Droid Sans&#039;, Arial, sans-serif; font-size: 14px; margin-top: 30px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); line-height: normal; background-color: rgb(255, 255, 255); &quot;&gt;&lt;p style=&quot;line-height: 2; &quot;&gt;예제2 : back-end 이벤트를 통한 간단한 알림 기능(새 트윗 알림)&lt;/p&gt;
&lt;/h3&gt;&lt;p style=&quot;margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 2; &quot;&gt;아래에 어떤 트위터의 ID를 입력하면 최근 3개의 트윗을 알림받을 수 있습니다.(리트윗이나 트위터 API가 거부한 것은 제외) 그리고 1분 단위로 새 트윗을 체크합니다.&lt;/p&gt;
&lt;p style=&quot;line-height: 2; &quot;&gt;&lt;input type=&quot;text&quot; id=&quot;username&quot; value=&quot;트윗ID&quot; style=&quot;font-family: Arial; &quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; line-height: normal; background-color: rgb(255, 255, 255); &quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;button id=&quot;show_tweets&quot; style=&quot;background-image: -webkit-linear-gradient(top, rgb(249, 249, 249) 40%, rgb(227, 227, 227) 70%); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(153, 153, 153); border-right-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 153, 153); border-left-color: rgb(153, 153, 153); border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px; border-bottom-right-radius: 3px 3px; border-bottom-left-radius: 3px 3px; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; outline-width: 0px; outline-style: initial; outline-color: initial; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: rgb(255, 255, 255) 1px 1px; font-weight: 700; font-size: 10pt; font-family: Arial; &quot;&gt;트윗 보이기&lt;/button&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 2; &quot;&gt;위의 예제를 만들기 위해&amp;nbsp;&lt;a href=&quot;http://en.wikipedia.org/wiki/JSON#JSONP&quot; target=&quot;_blank&quot;&gt;JSONP&lt;/a&gt;를 이용하여 트윗들을 가져오고 반복문을 통해 3개의 표시될 트윗을 생성합니다.&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 2; &quot;&gt;주의할 것은 스크린과 알림 크기에 따라 표시될 알림에는 제약이 있다는 것입니다. 평균적으로 5개 정도가 이상적인 알림 숫자입니다. 새로운 알림은 큐에 쌓여 대기 리스트에 올라가고, 현재 알림이 끝나면 표시되게 됩니다.&lt;/p&gt;
&lt;pre class=&quot;prettyprint&quot; style=&quot;padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-bottom-left-radius: 8px 8px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 0, 0, 0.199219); border-right-color: rgba(255, 0, 0, 0.199219); border-bottom-color: rgba(255, 0, 0, 0.199219); border-left-color: rgba(255, 0, 0, 0.199219); &quot;&gt;&lt;p style=&quot;line-height: 2; &quot;&gt;&lt;span class=&quot;new&quot; style=&quot;font-size: 14px; line-height: normal; font-weight: bold; color: rgb(0, 102, 0); &quot;&gt;&lt;span class=&quot;com&quot; style=&quot;color: rgb(136, 0, 0); &quot;&gt;// jsonp 형식으로 트윗 가져오기&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(0, 0, 136); &quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; script &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; document&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;createElement&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(0, 136, 0); &quot;&gt;&quot;script&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;);&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
script&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;src &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(0, 136, 0); &quot;&gt;&#039;http://twitter.com/statuses/user_timeline/&#039;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;+&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; username&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;+&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(0, 136, 0); &quot;&gt;&#039;.json?&#039;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;+&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
             &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(0, 136, 0); &quot;&gt;&#039;count=3&amp;amp;callback=&lt;/span&gt;&lt;span class=&quot;new&quot; style=&quot;font-size: 14px; line-height: normal; font-weight: bold; color: rgb(0, 102, 0); &quot;&gt;&lt;span class=&quot;str&quot; style=&quot;color: rgb(0, 136, 0); &quot;&gt;fetchTweets&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(0, 136, 0); &quot;&gt;&#039;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
document&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;body&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;appendChild&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;script&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;);&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;

&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(0, 0, 136); &quot;&gt;function&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; fetchTweets&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;data&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
  &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(0, 0, 136); &quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; tweet&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
  &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(0, 0, 136); &quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; i &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; data&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;length&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
  &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(0, 0, 136); &quot;&gt;while&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;i&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;--)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
    tweet &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; data&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;[&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;i&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;];&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(0, 0, 136); &quot;&gt;if&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;window&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;webkitNotifications&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;checkPermission&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;()&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;==&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(0, 102, 102); &quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
      window&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;webkitNotifications&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;createNotification&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
          tweet&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;user&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;profile_image_url&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; tweet&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;user&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;name&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
          tweet&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;text&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;).&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;show&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;();&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;com&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(136, 0, 0); &quot;&gt;// note the show()&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(0, 0, 136); &quot;&gt;else&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
      &lt;/span&gt;&lt;span class=&quot;new&quot; style=&quot;font-size: 14px; line-height: normal; font-weight: bold; color: rgb(0, 102, 0); &quot;&gt;&lt;span class=&quot;com&quot; style=&quot;color: rgb(136, 0, 0); &quot;&gt;// requestPermission을 호출할 수 없는 경우&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;color: rgb(0, 0, 0); &quot;&gt;
     &lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
      console&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;log&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;(&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(0, 136, 0); &quot;&gt;&#039;&lt;/span&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#008800&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;알림 기능을 받기 위해서는 &quot;이 페이지에 알림 기능 허용&quot;을 
                   먼저 클릭해주세요.&lt;/span&gt;&lt;/font&gt;&lt;span class=&quot;str&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(0, 136, 0); &quot;&gt;&#039;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;);&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
      &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(0, 0, 136); &quot;&gt;return&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
  &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;font-size: 14px; line-height: normal; &quot;&gt;
&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;font-size: 14px; line-height: normal; color: rgb(102, 102, 0); &quot;&gt;}&lt;/span&gt;&lt;/p&gt;
&lt;/pre&gt;&lt;p style=&quot;margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 2; &quot;&gt;트윗 알림은 콜백 함수에서 생성되야 합니다. 이해가 가시나요? 이를 이해하는 것은 매우 중요한데, 만약 유저가 알림 권한을 허용하지 않는다면 우리는 requestPermission()을 통해 유저에게 허용해 달라고 요청해야 합니다. 이 함수는 오로지 사용자에 의해서만 발생될 수 있습니다. 3단계에서 설명한 것을 참조해 보시기 바랍니다.&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 2; &quot;&gt;&lt;br /&gt;
&lt;/p&gt;
&lt;p style=&quot;margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); font-family: Arial; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 2; &quot;&gt;원문 :&amp;nbsp;&lt;a href=&quot;http://www.html5rocks.com/en/tutorials/notifications/quick/&quot; target=&quot;_blank&quot;&gt;Using the Notifications API&lt;/a&gt;&lt;br /&gt;
번역 : matthew.chang@me.com&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.html5korea.co.kr/&quot; target=&quot;_blank&quot; title=&quot;[http://www.html5korea.co.kr]로 이동합니다.&quot; style=&quot;line-height: 22px; &quot;&gt;&lt;/a&gt;&amp;nbsp;&lt;/p&gt;

&lt;script&gt;
  /*
   * Common code
   */
  document.querySelector(&#039;#request_permission&#039;).addEventListener(&#039;click&#039;, function() {
    window.webkitNotifications.requestPermission();
  }, false);
  
  /*
   * Example 1
   */
  // see the HTML section to see the button
  var url = &#039;http://chart.apis.google.com/chart?cht=bvg&amp;chs=150x90&amp;chd=s:Monkeys&amp;chxt=x,y&amp;chxs=0,ff0000,12,0,lt|1,0000ff,10,1,lt&#039;;
  document.querySelector(&#039;#show_html_notification&#039;).addEventListener(&#039;click&#039;, function() {
    if (window.webkitNotifications.checkPermission() == 0) {
      // you can pass any url as a parameter
      window.webkitNotifications.createHTMLNotification(url).show(); // note the show()
    } else {
      alert(&quot;이 페이지는 아직 알림 기능이 허용되지 않았습니다.&quot;);
    }
  }, false);

  /*
   * Example 2
   */
  var displayed_tweets = {};
  var interval = null;
  document.querySelector(&#039;#show_tweets&#039;).addEventListener(&#039;click&#039;, function() {
    this.innerHTML = &quot;checking...&quot;;
    readTweets();
    if (interval) {
      clearInterval(interval);
    }
    interval = setInterval(readTweets, 60000); // Check for new tweets every 60 seconds.
  }, false);

  function readTweets() {
    var username = document.getElementById(&#039;username&#039;).value;
    if (username == &#039;username&#039;) {
      document.getElementById(&#039;show_tweets&#039;).innerHTML = &quot;트윗들을 보여줍니다.&quot;;
      alert(&#039;먼저 사용자명을 입력하세요.&#039;);
      return;
    }
    var script = document.createElement(&quot;script&quot;);
    script.src = &#039;http://twitter.com/statuses/user_timeline/&#039;+ username+&#039;.json?count=3&amp;callback=fetchTweets&#039;;
    document.body.appendChild(script);
  }

  function fetchTweets(data) {
    var tweet;
    var i = data.length;
    document.getElementById(&#039;show_tweets&#039;).innerHTML = &#039;트윗들을 보여줍니다.&#039;;
    while (i--) {
      tweet = data[i];
      // display tweets only once
      if (typeof displayed_tweets[tweet.id] === &#039;undefined&#039;) {
        if (window.webkitNotifications.checkPermission() == 0) {
          window.webkitNotifications.createNotification(tweet.user.profile_image_url, tweet.user.name, tweet.text).show(); // note the show()
          displayed_tweets[tweet.id] = tweet.text;
        } else {
          // Note that we can&#039;t call requestPermission from here as we are in the callback function and not triggered just on user action 
          document.getElementById(&#039;show_tweets&#039;).innerHTML = &quot;트윗들을 보여줍니다.&quot;;
          alert(&#039;알림 기능을 받기 위해서는 &quot;이 페이지에 알림 기능 허용&quot;을 먼저 클릭해주세요.&#039;);
          return;
        }
      }
    }
  }
  
  &lt;/script&gt;&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;blogger-news-widget&quot; style=&quot;width: 100%; text-align: center&quot;&gt;
			  				&lt;embed src=&quot;http://api.v.daum.net/static/recombox3.swf&quot; quality=&quot;high&quot; flashvars=&quot;nid=23525453&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;false&quot; bgcolor=&quot;#ffffff&quot; width=&quot;67&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
						&lt;/div&gt;&lt;div style=&quot;text-align:left; padding-top:10px;&quot;&gt;
&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=izect.kr/683&amp;amp;layout=standard&amp;amp;show_faces=true&amp;amp;width=310&amp;amp;action=like&amp;amp;font=tahoma&amp;amp;colorscheme=light&amp;amp;height=65&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;border:none; overflow:hidden; width:310px; height:65px;&quot; allowTransparency=&quot;true&quot;&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;
&lt;div id=&quot;livereContainer_683&quot; class=&quot;livereContainer&quot;&gt;&lt;/div&gt;
	&lt;script type=&quot;text/javascript&quot;&gt;
		var livere_user_name = &#039;&#039;;
		var livere_homepage = &#039;&#039;;
		var livere_blog_id = &#039;598154&#039;;
		var livere_entry_id = &#039;683&#039;;
		var livere_default_guest_image = &#039;&#039;;
		var livere_article_id = &#039;&#039;;
		var livere_consumer_seq = null;
		var livere_smartlogin_seq = null;
		var livere_useTistoryComment = &#039;true&#039;;
		var livere_livere_seq = &#039;5366&#039;;
		var livere_refer = &#039;izect.tistory.com/&#039;;
		var livere_blogurl = &#039;izect.tistory.com&#039;;
		var livere_title = &#039;&#039;;
		var livere_redirect_path = &#039;http://izect.tistory.com/plugins/LiveRe/redirect.html&#039;;

		livereInit(livere_entry_id, livere_refer, livere_title);
	&lt;/script&gt;
</description>
			<category>HTML 5</category>
			<category>HTML5</category>
			<category>notifications</category>
			<category>알림</category>
			<author>메튜장</author>
			<guid>http://izect.kr/683</guid>
			<comments>http://izect.kr/683#entry683comment</comments>
			<pubDate>Wed, 14 Dec 2011 16:28:36 +0900</pubDate>
		</item>
		<item>
			<title>개발력</title>
			<link>http://izect.kr/682</link>
			<description>병특이 85일 앞으로 다가왔다. 여러가지 생각이 교차하는 가운데, 내가 집중할 부분에 집중하려고 일단 뭐든지 간에 개발을 시작했다. 가지고 있는 도메인에 가지고 있는 서버를 연결했는데, 예전에는 도메인과 WAS연결은 생각도 못하고 있었는데 병특 3년동안 난 정말 많은 것을 배웠구나.. 이제 DNS가 두렵지 않고 환경설정이 두렵지 않다. 개발 및 배포를 위한 프로세스, 체계를 모두 익히고 오픈소스들을 어떻게 활용해야 하는지 안다.&lt;br /&gt;
&lt;br /&gt;혼자서 일인 다역을 하려면 도구가 필요하다. 물론 머리가 좋아서 발빠르게 대처하고 남들보다 빠르게 만드는 것도 중요하겠지만, 최소한 이 IT 세계에서는 도구의 사용에 따라 승패가 결정된다고 본다. 주변에 나름대로 개발 세계에서 인정을 받은 친구들을 보면 둘 중에 하나이다. 컴퓨터의 기본과 역사부터 해서 정말 C언어와 어셈블리의 뼈쏙까지 알고 있으면서 도스 시절 그래픽 라이브러리 없이 어셈으로 그림을 그리던 친구들이 있는가 하면, 나중에서야 프로그래밍의 매력을 느끼고 여기 저기 오픈소스들을 가져다가 자신만의 작품을 만든다.&amp;nbsp;&lt;br /&gt;
&amp;nbsp;&lt;br /&gt;
나는 전자던 후자던 사실 개발을 하는 데에는 방법론적으로는 상관이 없다고 본다. 나 같은 경우는 이 둘의 중간에 있는 것이나 마찬가지다. 정올 경시 출신인 나는 어디 소스 떼다가 붙히는 것과는 전혀 거리가 멀었다. 그렇다고 내가 어셈블리와 깊이 있는 OOP에 대한 이해로 프로그래밍 세계를 자유 자제로 조절하는 것도 아니였지만, 그래도 최소한의 깊이는 어느정도 지식과 실무를 통해 갖추고 있다 생각한다. 또한, 직장생활 6년동안 웹 언어를 접하면서, 특히 3년 전 자바 프로그래밍으로 나의 방향을 정하면서 수 많은 오픈소스 기술들을 접하고, 그러한 오픈 프레임워크를 활용해서 나만의 작품을 만드는데에 사용하고 있다.&lt;br /&gt;
&lt;br /&gt;잠깐 내 자랑을 해본다. 아니, 사실 누구나 다 가질 수 있는, 사실 별로 쓰잘때기 없는, 예를 들어 인터넷의 &quot;머드초보&quot; 님에 비하면 정말 새발의 피보다도 못한 실력이긴 하다. 하지만 나의 블로깅의 의미는 남에게 정보를 전달하는 것과 동시에 나를 발전시킬 수 있는 생각의 정리이다. 내 능력을 정리해본다.&lt;br /&gt;
&lt;br /&gt;&lt;p style=&quot;margin:0&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile23.uf.tistory.com/original/140928434EE3B1F01BD0F6&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile23.uf.tistory.com/image/140928434EE3B1F01BD0F6&quot; alt=&quot;&quot; filemime=&quot;image/jpeg&quot; filename=&quot;web-development.jpg&quot; height=&quot;385&quot; width=&quot;576&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;/p&gt;
&lt;br /&gt;&lt;br /&gt;
한 5년 전에는 아파치와 톰켓을 따로 물리는 것도 몰랐고 서블릿 개념도 몰랐다. jar파일은 뭐하는 파일인지도 몰랐고 사실 WAS라는 자체를 몰랐다. 설정은 커녕, 어디 오류 하나라도 나면 거의 1주일은 밤을 샜던 것 같은데 지금은 개발부터 형상관리, 부하 테스트, 배포 등 왠만한 것은 혼자 다 할 수 있다. 자랑은 아니지만 오픈 프레임워크를 쓰는 것도 문제가 아니다. 웹의 front-end와 back-end 를 모두 다루고 C/S간의 TR송수신이 가능하다. 특히 내가 가지고 있는 프레임워크로 back-end의 모든 객체는 DB와 클라이언트와 자동으로 물릴 수 있게 된다. flex를 다루며 blazeDS를 보며 이러한 JNDI와 비슷한 형태는 무조건 중요하다고 생각하고 배웠다.&lt;br /&gt;
&lt;br /&gt;mysql/mssql/oracle 의 3대 DB를 설계부터 pk/fk 로 엮고 나름대로 cost값과 툴로 튜닝도 가능하다. 어떤 부분에 인덱스가 부족한지, 어떤 DB형태가 과부하를 먹고 있는지. 물론 이러한 DB자체에서 뿐만 아니라 ER을 통해 DB를 Logical로 관리하고 형상화 시킬 수 있다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;&amp;nbsp;client는 내가 가장 부족한 부분 중 하나이지만, jQuery를 통한 페이지의 동적인 처리가 가능하다. 웹 표준 코딩은 html5 스타일로는 가능한데, 사실 표준 코딩보다는 개인적으로 3년전 했던 장차법 시행령에 따른 모 대기업 사이트의 수정을 경험삼아 장차법에 따른 접근성 코딩이 가능하다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;디자인 쪽은 솔직히 플래시 사용은 전무하며 그림 그리는 실력이나 일러스트는 정말 부족하다. 하지만 가장 자신있는 부분은 UI와 레이아웃 디자인. 인터렉티브한 디자인을 위해 Catalyst를 사용하여 장면을 만들고 RIA를 만들기 위한 기초적인 부분이 가능하다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;솔직히 나는 남들 공부할 시점에 이렇게 개발력을 키워 왔다. 물론 아직도 배워야 할 기술이 많지만 깊이를 만들었고 어느 정도 오픈 프레임워크를 다루고 최소한 웹에서 가장 크게 이슈화 되어 다뤄지는 부분들은 다루고 구현할 줄을 알게 되니 사실 두려울 것이 없다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;그렇게 해서 나는 슈퍼 개발자의 길을 걷고 있다. 가장 부족한 것은 아무래도 기획력이겠지만, 어느 정도 컨셉이 잡히면 레이아웃 설계도를 만들고 DB를 설계하고 프로그램을 전체적인 부분에서 부분적인 부분으로 설계해 나가고, 레이아웃과 기획 의도에 따라 디자인을 하여 그 안에 C/S를 추가하여 완성시킨다. 이제 기획,개발,디자인 에 있어서 나 나름대로는 모두 가능하다고 자부할 수 있다.&lt;br /&gt;
&lt;br /&gt;이러한 능력은 내게 어떤 도움을 줄까? 사실 병특을 하면서 가장 힘든 것은 내가 사업을 진행했다는 사실이다. 3년여 간의 사업을 했던 시간은 내게 큰 도움이 되지 않을 것이라 생각했는데, 물론 개발 범주는 다르지만 개발자와 디자이너들, 기획자들을 다루면서 내가 느낀 것은 그들의 작품을 바라보는 시각이 부족했다는 것이다. 그러한 시각을 위해 내가 키워왔던 것은 아무것도 없다. 게임 개발사에 있으면서 3ds Max를 켜본 적도 없고 Visual Studio로 DX의 엔진을 만들려고 노력해 본 적도 없다. 기획서 정도만 이해하고 최초 나의 취지대로 부합할 수 있도록 하였지만 실질적인 작품이 없었다. 모두가 나름대로 자신들의 분야에서 경력이 있었기에 자신들의 의견을 내비추기 일수였다. 서로 탓만 하다 보니 실질적인 작품은 없다. 모듈화 해서 기다리는 개발자들은 스펙 탓하고 있고 그저 시각화 해서 보여줄 수 밖에 없는 디자이너들만 죽어난다. (정말 생각해 보니 개발팀은 뭐하고 있던 것인지 원.)&lt;br /&gt;
&lt;br /&gt;지금 와서 나 만의 웹 서버 모듈을 갖추고 있다 보니 위와 같은 생각이 든다. 아, 충분히 이걸로만 해도 편하게 먹고살 수 있을 것 같다. 그러니 우리나라 IT사회가 발전이 크게 없는 것이다. 관료체제, 정치 그런거 아무렴 좋다. 회사에 대한 소속감 없이, 편하게 살겠다는 마음으로는 아무런 발전이 없다. 기술은 끝없이 발전해 나가고 그 속에서 살아가려면 발전하고 공유하고 의논해야 한다.&lt;br /&gt;
&lt;br /&gt;슈퍼 개발자로써 이런 능력을 갖추면 물론 프로그래밍 적인 면에 치우쳐 있긴 하지만 나의 진로는 이렇게 정해진다. 기획/개발/디자인 분야 중 개발 쪽은 보안해 나가며 기획과 디자인을 이해하기 위한 노력을 해야 한다. 사실 지금의 내 시각으로는 촌스러운 디자인 밖에 나오지 않는다. 게다가 기껏 디자인 해서 잘 나오는 작품들은 이미 다 디자인 되어서 있던 것들이다.&amp;nbsp;&lt;br /&gt;
&lt;br /&gt;그렇게 갗춘 능력을 가지고 이제 나는 아이디어 구상을 하고 빠르게 프로토타입을 만들 수 있도록 해야 한다. 단지 종이에 끄적이는 것만으로는 아무것도 되지 않는다. 최소한 디자인이 대충이더라도 어느 정도 돌아가는 것을 만들고 평가를 해 봐야 한다. 그렇게 실질적으로 구현된 모습이 보이면 보다 더 많은 아이디어가 뿌리내릴 수 있기 때문이다.&lt;br /&gt;
&lt;br /&gt;역시 이렇게 블로그를 통해 정리하니 어느정도 가닥이 잡히는 것 같다. 무엇보다 최근의 웹 개발 트랜드는 UX 다. 인터렉티브 하며 역동적이면서 표준화 되고 기능적으로도 충분히 모두의 심정을 잘 고려할 수 있는 그런 개발. 이를 위해서 충분히 나는 최신의 클라이언트적인 기술들을 접해볼 필요가 있을 것 같다.&lt;br /&gt;
&lt;br /&gt;개발력이란 것은 여러가지를 함축하고 있다. 하지만 그 의미는 하나다. 생각을 현실화 하는 것. 웹 세상에서는 이러한 것이 그 어떤 기술보다 평등하다고 생각한다. 개발력을 키우기 위해, 부단히 노력하는 2012년을 만들어야 겠다는 생각을 해본다.&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;blogger-news-widget&quot; style=&quot;width: 100%; text-align: center&quot;&gt;
			  				&lt;embed src=&quot;http://api.v.daum.net/static/recombox3.swf&quot; quality=&quot;high&quot; flashvars=&quot;nid=23396395&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;false&quot; bgcolor=&quot;#ffffff&quot; width=&quot;67&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
						&lt;/div&gt;&lt;div style=&quot;text-align:left; padding-top:10px;&quot;&gt;
&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=izect.kr/682&amp;amp;layout=standard&amp;amp;show_faces=true&amp;amp;width=310&amp;amp;action=like&amp;amp;font=tahoma&amp;amp;colorscheme=light&amp;amp;height=65&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;border:none; overflow:hidden; width:310px; height:65px;&quot; allowTransparency=&quot;true&quot;&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;
&lt;div id=&quot;livereContainer_682&quot; class=&quot;livereContainer&quot;&gt;&lt;/div&gt;
	&lt;script type=&quot;text/javascript&quot;&gt;
		var livere_user_name = &#039;&#039;;
		var livere_homepage = &#039;&#039;;
		var livere_blog_id = &#039;598154&#039;;
		var livere_entry_id = &#039;682&#039;;
		var livere_default_guest_image = &#039;&#039;;
		var livere_article_id = &#039;&#039;;
		var livere_consumer_seq = null;
		var livere_smartlogin_seq = null;
		var livere_useTistoryComment = &#039;true&#039;;
		var livere_livere_seq = &#039;5366&#039;;
		var livere_refer = &#039;izect.tistory.com/&#039;;
		var livere_blogurl = &#039;izect.tistory.com&#039;;
		var livere_title = &#039;&#039;;
		var livere_redirect_path = &#039;http://izect.tistory.com/plugins/LiveRe/redirect.html&#039;;

		livereInit(livere_entry_id, livere_refer, livere_title);
	&lt;/script&gt;
</description>
			<category>웹 프로그래밍</category>
			<category>개발</category>
			<category>개발력</category>
			<category>개발자</category>
			<category>기획자</category>
			<category>디자이너</category>
			<category>웹개발</category>
			<category>웹개발자</category>
			<category>프로그래머</category>
			<author>메튜장</author>
			<guid>http://izect.kr/682</guid>
			<comments>http://izect.kr/682#entry682comment</comments>
			<pubDate>Sun, 11 Dec 2011 04:25:15 +0900</pubDate>
		</item>
		<item>
			<title>[서평] 고 정주영 회장 - 이땅에 태어나서를 읽고</title>
			<link>http://izect.kr/681</link>
			<description>&lt;p style=&quot;margin:0&quot;&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;a href=&quot;http://cfile23.uf.tistory.com/original/15569A384EE306EC2E2BB5&quot; rel=&quot;lightbox&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://cfile23.uf.tistory.com/image/15569A384EE306EC2E2BB5&quot; alt=&quot;&quot; filemime=&quot;image/jpeg&quot; filename=&quot;IMG_9061.jpg&quot; height=&quot;393&quot; width=&quot;590&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;/p&gt;
&lt;br /&gt;
즐거운 토요일 오후를 만끽하고 있다. 12월의 두번째 주말인 오늘, 여느 날과 다르게 나는 이번주 내내 손에서 떼어놓을 수 없던 이 책을 다 읽기 위해 책상에 앉아 4시간을 이 430 페이지 짜리 책을 읽고 있었다. 바로 고 정주영 현대그룹 명예회장의 자서전, &quot;이 땅에 태어나서&quot; 이다.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;ttbReview&quot;&gt;&lt;table&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td&gt;&lt;a href=&quot;http://www.aladin.co.kr/shop/wproduct.aspx?ISBN=8981332681&amp;amp;ttbkey=ttbdpixy1617001&amp;amp;COPYPaper=1&quot;&gt;&lt;img src=&quot;http://image.aladin.co.kr/product/11/59/coversum/8981332681_2.jpg&quot; alt=&quot;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td align=&quot;left&quot; style=&quot;vertical-align:top;&quot;&gt;&lt;a href=&quot;http://www.aladin.co.kr/shop/wproduct.aspx?ISBN=8981332681&amp;amp;ttbkey=ttbdpixy1617001&amp;amp;COPYPaper=1&quot; class=&quot;aladdin_title&quot;&gt;이 땅에 태어나서&lt;/a&gt; - &lt;img src=&quot;http://image.aladin.co.kr/img/common/star_s10.gif&quot; border=&quot;0&quot; alt=&quot;10점&quot;&gt;&lt;br /&gt;
정주영 지음/솔출판사&lt;/td&gt;
&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
정주영 회장 하면 생각나는 것이 나의 어린 시절이다. 초등학교 3학년 때 한참 컴퓨터에 관심이 많던 나를 부모님은 어떤 IT박람회에 데려가 주셨다. 그 곳에서 어떤 부스인지는 모르겠지만(아마 하이닉스 관련된 곳이 아닐까 싶다) 고 정주영 회장의 전신 사진이 있어서 그 곳에서 함께 사진을 찍엇던 것으로 기억한다. 그리고 그때의 세미나에서 우연히 알게 된 각종 URL리스트가 담긴 작은 종이 한장이 나를 인터넷의 세계에 발담그게 만들었다. 이러한 기회와 경영인이신 아버지를 바라보며 반드시 성공적인 CEO가 되겠다는 꿈을 꾼 것으로 기억한다.&lt;br /&gt;
&lt;br /&gt;
여하튼 당시의 정주영 회장과 일본 소프트뱅크의 손정의 회장, 그리고 아버지가 지금의 나의 여러 사회에 대한 생각이나 미래에 대한 계획에 많은 영향을 미친 것 같다. 그 중에서도 정회장의 삶은 기껏해야 &quot;현대그룹의 창시자&quot; 정도로만 알았고, 가끔 아버지가 &quot;정주영 회장은 나이가 들어서도 항상 회사에 누구보다 일찍 출근했고, 매일 자신의 일이 즐거워 미칠 정도였다더라.&quot; 라는 말씀만 듣고 살았지, 실제로 이 분을 자세히 알 기회는 없었는데 얼마전부터 나 개인적으로 &quot;위대한 CEO 알아가기&quot; 라는 아이젝트 개인 프로젝트의 일환으로 접하게 되었다.&lt;br /&gt;
&lt;br /&gt;
이 책은 얼마전에 봐 왔던 에릭 슈미트와는 전혀 딴판의 책이다. 정 회장이 직접 지필하였으며, 그의 80년 삶을 정말 두루 둘러보는 계기가 되었다. 소학교를 졸업하고 몇번의 가출 끝에 쌀 배달부로 시작하여 쌀장사, 아도서비스라는 자동차 수리 업체에서부터 자동차 회사, 현대건설을 통해 그가 이룬 국내 성장의 발판, 현대조선을 통한 한국인의 저력을 해외에 알리는 업적, 88올림픽 유치를 통한 어느정도 성장한 한국을 세계에 알리는 계기. 그 과정속에서 그가 국가를 위해 바친 수없이 많은 업적과 자금력. 그러면서도 권력과 돈 보다는 국가의 발전을 위해, 박정희 대통령과 다음 세대에는 가난을 물려주지 말자는 같은 뜻으로 오로지 국가를 위해 헌신하는 그의 모습에서 나는 진정한 기업인, 그리고 국가를 위해 봉사하는 것이란 어떤 것인지를 알았다.&lt;br /&gt;
&lt;br /&gt;
또한 한편으로는 그의 &quot;현대&quot; 가 성장하기 까지 받은 무수한 불이익과 시련들, 자동차 서비스를 시작할 때와 88 올림픽을 유치할 때에 일본에 당한 수치, 세계 최고의 항만건설을 만들기 전에 유럽 여러 국가에 당한 무시, 그리고 5공화국부터 시작된 국가의 권력 속에서 당한 횡포와 그가 빼앗긴 그의 피땀이 얽힌 회사들, 국가의 압박과 세계의 협박 속에서도 그가 이룬 것은 정말 가히 말로 표현할 수가 없다. 왜 그의 삶이 단지 430 페이지에 함축되었는지 조차가 의구심이 들 정도다.&lt;br /&gt;
&lt;br /&gt;
또한 그러면서도 그는 내가 찾아나가던 많은 인생의 답을 제시해 주었다. 몇 가지 그의 철학 속에서 내가 진정 배운 인생의 의미를 기록해 본다.&lt;br /&gt;
&lt;br /&gt;
&quot;진정한 부(富) 란 무엇인가?&quot; 라는 질문에 &quot;&lt;b&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#c84205&quot;&gt;나는 자기가 하고 싶은 일을 성취한 사람은 부를 가진 사람이라고 생각한다&lt;/font&gt;&lt;/b&gt;&quot; 라고 하였다. 내가 고민하던 것은 과연 내가 좋아하는 것에 진정으로 미치고 즐거워 하다 보면 돈을 가질 수 있을까? 라고 생각했는데 사실 돈이 중요한가, 내가 정말로 먹고 살 수 없을 정도의 형편이 아니라면 사실 먹고살 정도만 되어도 돈이 필요한 것은 아니다. 그것은 단지 욕심이다. 사람의 욕심은 욕심을 부르지만, 그러한 욕심이 과연 진정한 부를 위한 욕심인가, 그곳에서 고민했을 때 만약 내가 하고 싶은 일이 부(富)라고 생각이 된다면, 즉 내가 하고 싶은 일을 했을 때 나의 만족이 충족된다면, 그것은 쫓아도 된다는 결론을 내렸다.&lt;br /&gt;
&lt;br /&gt;
그가 근검절약 하라 했을때, 그의 근검절약의 의미는 사실 돈을 아끼라는 것이 아니라 &quot;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#c84205&quot;&gt;&lt;b&gt;정직하고, 성실하고, 착하게 살아라&lt;/b&gt;&lt;/font&gt;&quot; 는 것이다. 아무리 돈이 없어도 이러한 신뢰와 신용만으로 얼마든지 자신의 생애를 확대, 발전시킬 수 있다는 것이다. 개인적으로 나는 착하게 살자는 삶의 의미는 가지고 있고 부지런하자는 생각은 가지고 있지만 종종 욱하거나 게을러지는 경향이 있다. 온갖 핑계와 순간의 실수가 이러한 결과를 부른다. 그리고 나는 끝 없이 후회하곤 한다. 정직과 성실, 착하게 사는 것도 결국 노력이다. 참는 것, 인내하는 것. 하지만 그러한 인내를 위해서 사람에겐 이상이 존재한다. 그는 &quot;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#c84205&quot;&gt;&lt;b&gt;앞으로의 10년 후는 지난 10년을 어떻게 살았는가의 결과이다.&lt;/b&gt;&lt;/font&gt;&quot; 라고 말했다. 나의 이상을 위해, 완벽하게 욱하지 않고 완벽하게 게을러지지 않을 수는 없겠지만 죽어라 노력을 해서 값진 신뢰를 얻어야 한다는 것. 그것이 나의 이상을 위하여 다가갈 것이라는 생각을 하였다.&lt;br /&gt;
&lt;br /&gt;
마지막으로 &quot;긍정적인 사고가 행복을 부른다&quot; 는 그의 말. &quot;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#c84205&quot;&gt;&lt;b&gt;모든 일은 가능하다고 생각하는 사람만이 해낼 수가 있다.&lt;/b&gt;&lt;/font&gt;&quot; 라고 하였다. 그리고 나의 가슴을 울린 그의 말.&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#c8056a&quot;&gt;&lt;b&gt;하루하루 발전하지 않은 삶은 의미가 없다. 우리는 발전하기 위해서 사는 것이다. &lt;br /&gt;
태어나는 자리나 환경, 조건이 똑같을 수는 없다. &lt;br /&gt;
그러나 한 가지 똑같은 것이 있다. &lt;br /&gt;
누구의 미래든 당신의 발전을 위해 준비되어 있다는 점이다. &lt;br /&gt;
발전을 위해 준비되어 있는 미래를 무의미한 것으로 만드는 건 순전히 자기 자신의 책임이다. &lt;br /&gt;
아무리 현재가 힘들고 고생스러워도 생각이 긍정적이면 행복을 느낄 일은 얼마든지 있다.&lt;/b&gt;&lt;/font&gt;&lt;/blockquote&gt;&lt;br /&gt;
이 말은 내가 느끼는 감정을 내가 조절한다는 것과도 같다. 사람은 누구나 행복을 원한다. 그리고 행복을 만드는 것은 내가 행복하게 느끼면 되는 것이다. 행복하게 느끼기 위해서는 내가 받아들이는, 삶에서 일어나는 모든 것의 반응을 긍정적으로 만들면 된다. 나 또한 긍정의 힘을 계속해서 추구해 왔지만, 사실 삶을 살아가면서 여러 실패를 맛보고 기회를 잃다 보면 긍정보다는 부정적인 사고가 조금씩 싹트기 마련이다. 그러한 나를 향해 그는 이렇게 대답했다.&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;&lt;font class=&quot;Apple-style-span&quot; color=&quot;#c8056a&quot;&gt;&lt;b&gt;부정적이고 비관적인 사고는 자신의 발전을 가로막는 거대한 닫힌 철문이며, 그 철문 안에 스스로를 가둔 사람에게 발전이란 있을 수 없다. &lt;br /&gt;
그런 사람은 자신은 물론 주위의 사람들까지 힘들게 만드는 낙오자, 실패자로 아까운 세월을 허비하다가 참 잘못 산 인생으로 한 생애를 마감할 수밖에 없다.&amp;nbsp;&lt;/b&gt;&lt;/font&gt;&lt;/blockquote&gt;&lt;br /&gt;
삶에서는 수 많은 책과 사설에서 &quot;긍정하라&quot; 는 말을 많이 한다. 허나 긍정적인 삶을 살기란 쉽지 않다. 그래도 우리가 긍정적인 삶을 살아야 하는 것은 나의 한계를 끌어내기 위한 것이다. 더는 갈 수 없는 낭떠러지라고 생각하더라도 주위를 조금만 둘러 보고 긍정적으로 내 살 길을 찾다 보면 극복할 수 있는 길은 반드시 생긴다는 것이다.&lt;br /&gt;
&lt;br /&gt;
이 책에서 그의 많은 철학은 나를 깨우치게 만들었다. 특히 그가 한번 더 강조한 &quot;책을 많이 읽어라&quot; 라는 말에서 나는 과거 컴퓨터에 빠져서 학업을 소홀이 한 것에 대해 사실 학문적인 후회는 없다. 하지만 책을 많이 읽지 않은 것에 대해서는 후회가 크다. 기본적인 인문 소양은 사람이 살아가는 데에 있어서 가장 기초되는 것인데 나는 지금 더 기술적인 것은 많이 알면서 기초 소양이 부족하여 힘들어 하고 있다.&amp;nbsp;&lt;br /&gt;
&amp;nbsp;&lt;br /&gt;
하지만 그 역시도 소학교 출신이다. 그리고 죽을 때 까지 그는 정말 위대한 업적을 이뤄냈다.&lt;br /&gt;
나 또한 그와 같은 대한민국 국민으로써, 나도 우리 역사, 아니 세계 역사에 한 획을 그을 사람이 될 것이라 믿어 의심치 않다.&lt;br /&gt;
&lt;br /&gt;
그러한 생각을 일깨워준 그런, 책을 읽던 지난 한 주간 정말로 행복한 한 주였던 그런 기분이 든다.&lt;br /&gt;
&lt;br /&gt;
감사합니다. 정 회장님. 저는 비록 회장님과 직접적인 관계는 없지만, 당신이 생각하고 이룬 가난을 되물림 받지 않은 다음 세대로써 아무리 정치가 혼란스럽고 나라가 어지러워도 기업인으로써의 삶을 살아갈 수 있도록 제 꿈을 위해 충실히 나아가겠습니다.&lt;div class=&quot;tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-big&quot;&gt;
	&lt;button class=&quot;ttShareEntryWithYozm&quot; id=&quot;ttServiceYozm_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;yozm&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;요즘에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithTwitter&quot; id=&quot;ttServiceTwitter_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;twitter&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;트위터에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithFacebook&quot; id=&quot;ttServiceFacebook_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;facebook&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;페이스북에 보내기&lt;/span&gt;&lt;/button&gt;&lt;button
	class=&quot;ttShareEntryWithMe2day&quot; id=&quot;ttServiceMe2day_&quot; onclick=&quot;ShareEntryWithSNS.share(&#039;me2day&#039;, &#039;&#039;, &#039;&#039;);&quot;&gt;&lt;span&gt;미투데이에 보내기&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;blogger-news-widget&quot; style=&quot;width: 100%; text-align: center&quot;&gt;
			  				&lt;embed src=&quot;http://api.v.daum.net/static/recombox3.swf&quot; quality=&quot;high&quot; flashvars=&quot;nid=23388764&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;false&quot; bgcolor=&quot;#ffffff&quot; width=&quot;67&quot; height=&quot;80&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot;&gt;&lt;/embed&gt;
						&lt;/div&gt;&lt;div style=&quot;text-align:left; padding-top:10px;&quot;&gt;
&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=izect.kr/681&amp;amp;layout=standard&amp;amp;show_faces=true&amp;amp;width=310&amp;amp;action=like&amp;amp;font=tahoma&amp;amp;colorscheme=light&amp;amp;height=65&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;border:none; overflow:hidden; width:310px; height:65px;&quot; allowTransparency=&quot;true&quot;&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;fieldset style=&quot;margin:20px 0px 20px 0px;padding:5px;&quot;&gt;&lt;legend&gt;&lt;span&gt;&lt;strong&gt;크리에이티브 커먼즈 라이선스&lt;/strong&gt;&lt;/span&gt;&lt;/legend&gt;&lt;!--Creative Commons License--&gt;&lt;div style=&quot;float: left; width: 88px; margin-top: 3px;&quot;&gt;&lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Creative Commons License&quot; style=&quot;border-width: 0&quot; src=&quot;http://i.creativecommons.org/l/by-nc-nd/2.0/kr/88x31.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 92px; margin-top: 3px; text-align: justify;&quot;&gt;이 저작물은 &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; target=&quot;_blank&quot;&gt;크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스&lt;/a&gt;에 따라 이용하실 수 있습니다.
			&lt;!-- Creative Commons License--&gt;
			&lt;!-- &lt;rdf:RDF xmlns=&quot;http://web.resource.org/cc/&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;&gt;
			&lt;Work rdf:about=&quot;&quot;&gt;
			&lt;license rdf:resource=&quot;http://creativecommons.org/licenses/by-nc-nd/2.0/kr/&quot; /&gt;
			&lt;/Work&gt;
			&lt;License rdf:about=&quot;http://creativecommons.org/licenses/by-nc-nd/&quot;&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Reproduction&quot;/&gt;
			&lt;permits rdf:resource=&quot;http://web.resource.org/cc/Distribution&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Notice&quot;/&gt;
			&lt;requires rdf:resource=&quot;http://web.resource.org/cc/Attribution&quot;/&gt;&lt;prohibits rdf:resource=&quot;http://web.resource.org/cc/CommercialUse&quot;/&gt;&lt;/License&gt;&lt;/rdf:RDF&gt; --&gt;&lt;/div&gt;&lt;/fieldset&gt;
&lt;div id=&quot;livereContainer_681&quot; class=&quot;livereContainer&quot;&gt;&lt;/div&gt;
	&lt;script type=&quot;text/javascript&quot;&gt;
		var livere_user_name = &#039;&#039;;
		var livere_homepage = &#039;&#039;;
		var livere_blog_id = &#039;598154&#039;;
		var livere_entry_id = &#039;681&#039;;
		var livere_default_guest_image = &#039;&#039;;
		var livere_article_id = &#039;&#039;;
		var livere_consumer_seq = null;
		var livere_smartlogin_seq = null;
		var livere_useTistoryComment = &#039;true&#039;;
		var livere_livere_seq = &#039;5366&#039;;
		var livere_refer = &#039;izect.tistory.com/&#039;;
		var livere_blogurl = &#039;izect.tistory.com&#039;;
		var livere_title = &#039;&#039;;
		var livere_redirect_path = &#039;http://izect.tistory.com/plugins/LiveRe/redirect.html&#039;;

		livereInit(livere_entry_id, livere_refer, livere_title);
	&lt;/script&gt;
</description>
			<category>독서, 마음의 양식</category>
			<category>독서평</category>
			<category>이 땅에 태어나서</category>
			<category>정주영</category>
			<category>현대</category>
			<category>현대그룹</category>
			<author>메튜장</author>
			<guid>http://izect.kr/681</guid>
			<comments>http://izect.kr/681#entry681comment</comments>
			<pubDate>Sat, 10 Dec 2011 17:48:02 +0900</pubDate>
		</item>
	</channel>
</rss>

