<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>누구야 스튜디오 : nOo9ya Studio</title>
	<atom:link href="http://noo9ya.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://noo9ya.com</link>
	<description>다른 워드프레스 사이트</description>
	<lastBuildDate>Thu, 09 Feb 2012 12:31:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>HTML &amp; XHTML &amp; HTML5 DTD 선언문?</title>
		<link>http://noo9ya.com/tutorials/493/</link>
		<comments>http://noo9ya.com/tutorials/493/#comments</comments>
		<pubDate>Thu, 09 Feb 2012 12:31:24 +0000</pubDate>
		<dc:creator>nOo9ya</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[tutorials]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Document Type Definition]]></category>
		<category><![CDATA[DTD]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[nOo9ya]]></category>
		<category><![CDATA[누구야]]></category>
		<category><![CDATA[디자인]]></category>
		<category><![CDATA[에치티엠엘5]]></category>
		<category><![CDATA[튜토리얼]]></category>

		<guid isPermaLink="false">http://noo9ya.com/?p=493</guid>
		<description><![CDATA[DTD는 html 문서를 SGML > XML 구문을 응용하여 정의하는 선언문이며 그 에 따른 규칙으로 문서를 작성하기에 반드시 입력해야 한다.
선언문의 종류는 각 html버전에 따라 다양하게 존재하며, 그 문서의 구문 검사의 기준도 다르게 정의 할 수 있게 되어있다.]]></description>
			<content:encoded><![CDATA[<h2>Document type Definition [DTD]</h2>
<p>DTD는 html 문서를 SGML &gt; XML 구문을 응용하여 정의하는 선언문이며 그 에 따른 규칙으로 문서를 작성하기에 반드시 입력해야 한다.<br />선언문의 종류는 각 html버전에 따라 다양하게 존재하며, 그 문서의 구문 검사의 기준도 다르게 정의 할 수 있게 되어있다.</p>
<p>HTML = SGML 응용 / XHTML = XML 응용</p>
<p>구분법 예 &gt;</p>
<blockquote>
<p>&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD <span style="background-color: #99ccff;">XHTML</span> <span style="background-color: #ff99cc;">1.0</span> <span style="background-color: #cc99ff;">Transitiona</span>//EN&#8221; &#8220;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/<span style="background-color: #ff99cc;">xhtml1</span>/DTD/<span style="background-color: #ff99cc;"><span style="background-color: #ff99cc;">xhtml</span>1</span>-<span style="background-color: #cc99ff;">transitional</span>.dtd</a>&#8220;&gt;</p>
</blockquote>
<p>위의 <span style="background-color: #99ccff;">파랑</span> / <span style="background-color: #ff99cc;">분홍</span> / <span style="background-color: #cc99ff;">보라색</span>의 구분만 잘 확인하면 DTD 선언문의 종류를 한번에 알 수 있다.</p>
<p>&nbsp;</p>
<p>선언 위치 예 &gt; html 문서의 <span style="background-color: #99ccff;">최상위 위치</span></p>
<blockquote>
<p><span style="color: #ff0000;">&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Transitional//EN&#8221; &#8220;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><span style="color: #ff0000;">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</span></a>&#8220;&gt;</span><br />&lt;html xmlns=&#8221;<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>&#8220;&gt;<br />&lt;head&gt;</p>
</blockquote>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>많이 쓰는 XHTML 선언문</h3>
<blockquote>
<p>&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Transitional//EN&#8221; &#8220;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&#8220;&gt;</p>
</blockquote>
<p><span style="background-color: #99ccff;">위의 경우가 현재 가장 많이 사용되고 있는 선언문이다.</span><br />언어 규격을 XHTML 1.0을 따르며 문법 형식을 Transitional형식으로 작성 했다는 뜻으로 XHTML 1.0 의 경우 현재 최신 HTML 권고 표준인 HTML 4.01의 형식을 포함 하고 있다.</p>
<p>위의 선언문 사용시 xhtml이기 때문에 문서 최상위의 &lt;html&gt;은 &lt;html xmlns=&#8221;<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>&#8220;&gt; 처럼 사용하는 것을 위지웍 프로그램에서 기본 문서 정의로 사용한다.</p>
<p>경험상. html문서이기 보다는 html+xml 사용을 선언하는 것이므로 xhtml 인걸로 본다.<br />다이나믹한 html문서를 꾸밀때 사용한다고 알고 있지만..기본적인 홈페이지 제작시 xml기능은 별로 사용하지 않기 때문에 궂이 넣지 않아도 된다..하지만 가끔씩 스타일이 먹지 않을땐 넣어보는게 좋다.</p>
<p>참고로 w3c 온라인 검사(validation)시 넣든 안넣든 별이상은 없다. </p>
<p>&nbsp;</p>
<h3>그 외 XHTML 선언문</h3>
<blockquote>
<p>&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.1//EN&#8221; &#8220;<a href="http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd</a>&#8220;&gt;</p>
<p>&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Strict//EN&#8221; &#8220;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>&#8220;&gt;</p>
<p class="바탕글">&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Frameset//EN&#8221; &#8220;<a href="&lt;!DOCTYPE%20html%20PUBLIC%20&quot;-//W3C//DTD%20XHTML%201.0%20Frameset//EN&quot;" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd</a>&#8220;&gt;</p>
</blockquote>
<p>위의 차이점은 xhtml1.1(버전차이) / xhtml1-Transitional / xhtml1-strict / xhtml1-frameset 의 차이점이다.<br />xhtml1-<span style="background-color: #99ccff;">Transitional</span>이 제일 많이 사용 되며 html검증시<span style="color: #ff0000; text-decoration: underline;"><span style="background-color: #ffffff;"> 엄격하지 않다</span></span>.(그렇다고 해도 문서의 작성시 기준이기 때문에 규칙은 지켜야한다.)<br />xhtml1-<span style="background-color: #99ccff;">strict</span>은 많이 사용하지 않는다..html검증시 <span style="color: #ff0000; text-decoration: underline;"><span style="background-color: #ffffff; text-decoration: underline;">엄격(제약 사항이 많다)</span></span>하기 때문이다.(엄격히 지키다가는 원하는 결과물이 안나올 수 있다.경험상 안쓰는게 상수다.)<br />xhtml1-<span style="background-color: #99ccff;">frameset</span> 프레임을 가진 문서를 위의 두가지의 선언문으로 사용할땐 w3c validation에서 통과를 못한다. 그럴땐 frameset로 문서를 정의해주면 된다.(물론 validation에서 통과한다.)</p>
<p>&nbsp;</p>
<h3>많이 쓰는 HTML 선언문</h3>
<blockquote>
<p>&lt;!DOCTYPE HTML PUBLIC &#8220;-//W3C//DTD HTML 4.01 Transitional//EN&#8221; &#8220;<a href="http://www.w3.org/TR/html4/loose.dtd">http://www.w3.org/TR/html4/loose.dtd</a>&#8220;&gt;</p>
</blockquote>
<p>위의 경우는 말 그대로 html4.01 규격을 따른 다는 것이다.<br />xml을 응용하지 않아 xml라이브러리를 처리하지 않는다. 하지만 <span style="text-decoration: underline;"><span style="color: #ff0000; text-decoration: underline;">xhtml1-Transitional 과 함께 가장많이 쓰인다.</span></span> (현재[2012년 2월 9일]까지 w3c 표준 권고안이다.)<br />HTML 4.01 <span style="background-color: #99ccff;">Transitional</span> // &#8221;.. html4/<span style="background-color: #99ccff;">loose.dtd</span>&#8221; -&gt; Transitional을 선택하면 loose.dtd의 네임스페이스를 따른다.<br />loose.dtd는 html문서 작성시 제약이 더 많이 없어진다고 생각하면 되겠다. 나중에 작성하게 되면 깨닫게 되기 때문에 깊게 들어가지 않는다.ㅋㅋ</p>
<p>&nbsp;</p>
<h3>그 외 HTML 선언문</h3>
<blockquote>
<p>&lt;!DOCTYPE HTML PUBLIC &#8220;-//W3C//DTD HTML 4.01//EN&#8221; &#8220;<a href="http://www.w3.org/TR/html4/strict.dtd">http://www.w3.org/TR/html4/strict.dtd</a>&#8220;&gt;</p>
<p>&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD HTML 4.01 Frameset//EN &#8221; &#8220;<a href="http://www.w3.org/TR/html4/frameset.dtd" target="_blank">http://www.w3.org/TR/html4/frameset.dtd</a>&#8220;&gt;</p>
</blockquote>
<p>위의 차이점은 html4.01 // EN &#8220;../html4/strict.dtd&#8221;    (제약이 심하다. strict)<br />4.01 Frameset // EN &#8220;../html4/frameset.dtd&#8221; (xhtml과 동일하다. 프레임셋을 사용할 시 사용)</p>
<p>나머지는 html2.0 / html3.2 만 붙이면 된다. (4버전 아래는 strict와 transitional 정의는 없다.)</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>그리고 HTML5의 DTD 선언</h2>
<blockquote>
<p>&lt;!DOCTYPE HTML&gt;</p>
</blockquote>
<p>끝.</p>
<p>- HTML5는 굉장히 간단해졌다. 설명도 필요없다.  참고로 HTML5은  <a title="HTML 4.01 (없는 문서)" href="http://ko.wikipedia.org/w/index.php?title=HTML_4.01&amp;action=edit&amp;redlink=1">HTML 4.01</a>, <a title="XHTML" href="http://ko.wikipedia.org/wiki/XHTML">XHTML</a> 1.0, DOM Level 2 HTML에 대한 차기 표준 제안이다.</p>
<p>- 앞으로 버전에 따른 구분을 두기보다는 버전업이 되더라도 문서타입의 구분없이 언제든지 새로운 버전을 이용할 수 있게 하려나 보다.</p>
<p>- 앞으로는 html5의 dtd 선언문을 가장 많이 쓰게 될 것이다.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>그리고..위의 내용의 정확도는 책임지지 않는다..주워들은 얘기도 있으니 말이다.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://noo9ya.com/tutorials/493/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>졸업&#8230;그리고 새로운 시작</title>
		<link>http://noo9ya.com/noo9ya/490/</link>
		<comments>http://noo9ya.com/noo9ya/490/#comments</comments>
		<pubDate>Sun, 05 Feb 2012 09:00:49 +0000</pubDate>
		<dc:creator>nOo9ya</dc:creator>
				<category><![CDATA[noo9ya]]></category>
		<category><![CDATA[story]]></category>
		<category><![CDATA[2012년]]></category>
		<category><![CDATA[2월]]></category>
		<category><![CDATA[5일]]></category>
		<category><![CDATA[누구야]]></category>
		<category><![CDATA[이야기]]></category>
		<category><![CDATA[졸업]]></category>

		<guid isPermaLink="false">http://noo9ya.com/?p=490</guid>
		<description><![CDATA[아프지만 그래도 힘내야할 때

힘내자]]></description>
			<content:encoded><![CDATA[<p>아프지만 그래도 힘내야할 때</p>
<p>힘내자고</p>
]]></content:encoded>
			<wfw:commentRss>http://noo9ya.com/noo9ya/490/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 이란?</title>
		<link>http://noo9ya.com/tutorials/488/</link>
		<comments>http://noo9ya.com/tutorials/488/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 11:24:20 +0000</pubDate>
		<dc:creator>nOo9ya</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[tutorials]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[nOo9ya]]></category>
		<category><![CDATA[누구야]]></category>
		<category><![CDATA[디자인]]></category>
		<category><![CDATA[에치티엠엘5]]></category>
		<category><![CDATA[튜토리얼]]></category>

		<guid isPermaLink="false">http://noo9ya.com/?p=488</guid>
		<description><![CDATA[HTML5는 HTML의 차기 주요 제안 버전으로 월드 와이드 웹의 핵심 마크업 언어이다. 2004년 6월 Web Hypertext Application Technology Working Group(WHATWG)에서 웹 애플리케이션 1.0이라는 이름으로 세부 명세 작업을 시작하였다. 2010년 3월 현재 WHATWG의 현재 초안 표준 상태(Draft Standard state)이며, W3C에서는 작업 초안 상태(Working Draft state)이다.

HTML5는 HTML 4.01, XHTML 1.0, DOM Level 2 HTML에 대한 차기 표준 제안이다. 이것은 어도비 플래시나 마이크로소프트의 실버라이트, 썬의 자바FX와 같은 플러그인 기반의 인터넷 애플리케이션에 대한 필요를 줄이는 데 목적을 두고 있다.]]></description>
			<content:encoded><![CDATA[<p><div id="attachment_473" class="wp-caption alignnone" style="width: 688px"><img class="size-large wp-image-473" title="HTML" src="http://noo9ya.com/wp-content/uploads/2012/02/html-678x339.jpg" alt="HTML" width="678" height="339" /><p class="wp-caption-text">HTML</p></div>
<p><strong></strong> </p>
<p>&nbsp;</p>
<p><strong>HTML5</strong>는 <a title="HTML" href="http://ko.wikipedia.org/wiki/HTML">HTML</a>의 차기 주요 제안 버전으로 월드 와이드 웹의 핵심 <a title="마크업 언어" href="http://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EC%97%85_%EC%96%B8%EC%96%B4">마크업 언어</a>이다. <a title="2004년" href="http://ko.wikipedia.org/wiki/2004%EB%85%84">2004년</a> 6월 Web Hypertext Application Technology Working Group(WHATWG)에서 웹 애플리케이션 1.0이라는 이름으로 세부 명세 작업을 시작하였다. <a title="2010년" href="http://ko.wikipedia.org/wiki/2010%EB%85%84">2010년</a> 3월 현재 WHATWG의 현재 초안 표준 상태(Draft Standard state)이며, W3C에서는 작업 초안 상태(Working Draft state)이다.</p>
<p>HTML5는 <a title="HTML 4.01 (없는 문서)" href="http://ko.wikipedia.org/w/index.php?title=HTML_4.01&amp;action=edit&amp;redlink=1">HTML 4.01</a>, <a title="XHTML" href="http://ko.wikipedia.org/wiki/XHTML">XHTML</a> 1.0, DOM Level 2 HTML에 대한 차기 표준 제안이다. 이것은 <a title="어도비 플래시" href="http://ko.wikipedia.org/wiki/%EC%96%B4%EB%8F%84%EB%B9%84_%ED%94%8C%EB%9E%98%EC%8B%9C">어도비 플래시</a>나 <a title="마이크로소프트" href="http://ko.wikipedia.org/wiki/%EB%A7%88%EC%9D%B4%ED%81%AC%EB%A1%9C%EC%86%8C%ED%94%84%ED%8A%B8">마이크로소프트</a>의 <a title="실버라이트" href="http://ko.wikipedia.org/wiki/%EC%8B%A4%EB%B2%84%EB%9D%BC%EC%9D%B4%ED%8A%B8">실버라이트</a>, <a title="썬 마이크로시스템즈" href="http://ko.wikipedia.org/wiki/%EC%8D%AC_%EB%A7%88%EC%9D%B4%ED%81%AC%EB%A1%9C%EC%8B%9C%EC%8A%A4%ED%85%9C%EC%A6%88">썬</a>의 자바FX와 같은 플러그인 기반의 인터넷 애플리케이션에 대한 필요를 줄이는 데 목적을 두고 있다.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>HTML4와의 차이점</h3>
<ul>
<li>요소 추가
<ul>
<li>구조적인 요소 &#8211; 구역을 나누는 블록 요소인 div 요소를 대신한다.
<ul>
<li>header</li>
<li>nav</li>
<li>article</li>
<li>section</li>
<li>aside</li>
<li>footer</li>
</ul>
</li>
<li>멀티미디어 요소 &#8211; <a title="플러그인" href="http://ko.wikipedia.org/wiki/%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8">플러그인</a>없이 멀티미디어를 재생할 수 있게 한다.
<ul>
<li>audio &#8211; 오디오를 재생한다.</li>
<li>video &#8211; 비디오를 재생한다.</li>
<li>canvas</li>
</ul>
</li>
<li>command</li>
<li>datalist</li>
<li>details</li>
<li>embed</li>
<li>figure</li>
<li>figcaption</li>
</ul>
</li>
<li>요소 의미 변경
<ul>
<li>em</li>
<li>hr</li>
</ul>
</li>
<li>
<p>문서 선언 &#8211; &lt;!doctype html&gt;으로 간소화 되었다.(대소문자 구별 안함)</p>
</li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>일정 및 역사</h3>
<p><a title="2007년" href="http://ko.wikipedia.org/wiki/2007%EB%85%84">2007년</a>에 시작을 하여 <a title="2012년" href="http://ko.wikipedia.org/wiki/2012%EB%85%84">2012년</a> 권고안이 나올 예정이다. <sup id="cite_ref-0"><a href="http://ko.wikipedia.org/wiki/HTML5#cite_note-0">[1]</a></sup></p>
<ul>
<li>2007년 5월 HTML5와 Web Forums 2.0 스펙 채택 &#8211; 리뷰 기반으로</li>
<li>2007년 11월 HTML5 디자인 원칙 작업 초안</li>
<li>2010년 1월 HTML5 Last Call 작업 초안</li>
<li>2010년 12월 HTML5 후보 권고안(Recommendation)</li>
<li>2012년 1월 HTML5 제안 권고안</li>
<li>2012년 3월 HTML5 정식 권고안.</li>
</ul>
<h3>브라우저 지원 현황</h3>
<p>2012년 1월 현재 HTML5을 완벽하게 지원하는 브라우저는 없다. 점차 HTML5을 지원하는 범위가 확대되고 있다.</p>
<table style="background-color: #fefefe; border: #999999 1px solid;" border="0" align="center">
<thead></thead>
<tbody>
<tr>
<th>브라우저</th>
<th>HTML5 검사 점수<sup id="cite_ref-1"><a href="http://ko.wikipedia.org/wiki/HTML5#cite_note-1">[2]</a></sup></th>
</tr>
<tr>
<th><a title="구글 크롬" href="http://ko.wikipedia.org/wiki/%EA%B5%AC%EA%B8%80_%ED%81%AC%EB%A1%AC">구글 크롬</a> 16.0</th>
<th>373/475</th>
</tr>
<tr>
<th><a title="모질라 파이어폭스" href="http://ko.wikipedia.org/wiki/%EB%AA%A8%EC%A7%88%EB%9D%BC_%ED%8C%8C%EC%9D%B4%EC%96%B4%ED%8F%AD%EC%8A%A4">모질라 파이어폭스</a> 9.0</th>
<th>330/475</th>
</tr>
<tr>
<th><a title="오페라 (웹 브라우저)" href="http://ko.wikipedia.org/wiki/%EC%98%A4%ED%8E%98%EB%9D%BC_(%EC%9B%B9_%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80)">오페라</a> 11.60</th>
<th>329/475</th>
</tr>
<tr>
<th><a title="애플 사파리" href="http://ko.wikipedia.org/wiki/%EC%95%A0%ED%94%8C_%EC%82%AC%ED%8C%8C%EB%A6%AC">애플 사파리</a> 5.1</th>
<th>302/475</th>
</tr>
<tr>
<th><a title="인터넷 익스플로러" href="http://ko.wikipedia.org/wiki/%EC%9D%B8%ED%84%B0%EB%84%B7_%EC%9D%B5%EC%8A%A4%ED%94%8C%EB%A1%9C%EB%9F%AC">인터넷 익스플로러</a> 9</th>
<th>
<p>141/475</p>
</th>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>출처 : <a href="http://ko.wikipedia.org/wiki/HTML5" target="_blank">위키백과</a></p>
<p>&nbsp;</p>
<p>HTML을 모르면 HTML5도 당연히 이해가 안된다.</p>
<p>우선 일반적인 설명을 알아두면 좋을꺼같다..그래서 내 친구의 위키백과를 털었다 ㅋㅋㅋ</p>
<p>&nbsp;</p>
<p>신나게 html4를 털었더니..이제 html5가 나온다..아직 권고안도 안나와서 더더욱 사용하기가 골치 아프지만&#8230;</p>
<p>난 빛보다 더 빠르게 남들보다 빠르게 ADSL이니깐..닥치고 사용해야지..ㅠ</p>
]]></content:encoded>
			<wfw:commentRss>http://noo9ya.com/tutorials/488/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML 이란?</title>
		<link>http://noo9ya.com/tutorials/483/</link>
		<comments>http://noo9ya.com/tutorials/483/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 11:11:35 +0000</pubDate>
		<dc:creator>nOo9ya</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[tutorials]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[nOo9ya]]></category>
		<category><![CDATA[누구야]]></category>
		<category><![CDATA[디자인]]></category>
		<category><![CDATA[에치티엠엘]]></category>
		<category><![CDATA[튜토리얼]]></category>

		<guid isPermaLink="false">http://noo9ya.com/?p=483</guid>
		<description><![CDATA[HTML은 HyperText Markup Language의 약자로써 홈페이지를 만들 때 필요한 마크업 언어다. 그렇다고 일반 텍스트도 아니고,  프로그래밍 언어도 아닌 경계가 모호한 언어라고 생각된다.]]></description>
			<content:encoded><![CDATA[<p><div id="attachment_473" class="wp-caption alignnone" style="width: 688px"><img class="size-large wp-image-473" title="HTML" src="http://noo9ya.com/wp-content/uploads/2012/02/html-678x339.jpg" alt="HTML" width="678" height="339" /><p class="wp-caption-text">HTML</p></div>
<p><strong></strong> </p>
<p><strong>HTML</strong>은 <strong><a title="하이퍼텍스트" href="http://ko.wikipedia.org/wiki/%ED%95%98%EC%9D%B4%ED%8D%BC%ED%85%8D%EC%8A%A4%ED%8A%B8">하이퍼텍스트</a> 마크업 언어</strong>(HyperText Markup Language, <a title="문화어" href="http://ko.wikipedia.org/wiki/%EB%AC%B8%ED%99%94%EC%96%B4">문화어</a>: 초본문표식달기언어, 하이퍼본문표식달기언어)라는 의미의 <a title="웹 페이지" href="http://ko.wikipedia.org/wiki/%EC%9B%B9_%ED%8E%98%EC%9D%B4%EC%A7%80">웹 페이지</a>를 위한 지배적인 <a title="마크업 언어" href="http://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EC%97%85_%EC%96%B8%EC%96%B4">마크업 언어</a>다. HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 <a title="구조적 문서 (없는 문서)" href="http://ko.wikipedia.org/w/index.php?title=%EA%B5%AC%EC%A1%B0%EC%A0%81_%EB%AC%B8%EC%84%9C&amp;action=edit&amp;redlink=1">구조적 문서</a>를 만들 수 있는 방법을 제공한다. 그리고 이미지와 객체를 내장하고 대화형 양식을 생성하는 데 사용될 수 있다. HTML은 웹 페이지 콘텐츠 안의 <a title="괄호" href="http://ko.wikipedia.org/wiki/%EA%B4%84%ED%98%B8#.EA.BA.BE.EC.87.A0_.EA.B4.84.ED.98.B8">꺾쇠 괄호</a>에 둘러싸인 &#8220;태그&#8221;로 되어있는 <a title="HTML 요소" href="http://ko.wikipedia.org/wiki/HTML_%EC%9A%94%EC%86%8C">HTML 요소</a> 형태로 작성한다. HTML은 <a title="웹 브라우저" href="http://ko.wikipedia.org/wiki/%EC%9B%B9_%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80">웹 브라우저</a>와 같은 HTML 처리 장치의 행동에 영향을 주는 <a title="자바스크립트" href="http://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8">자바스크립트</a>와 본문과 그 밖의 항목의 외관과 배치를 정의하는 <a title="CSS" href="http://ko.wikipedia.org/wiki/CSS">CSS</a> 같은 <a title="스크립트 언어" href="http://ko.wikipedia.org/wiki/%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EC%96%B8%EC%96%B4">스크립트</a>를 포함하거나 불러올 수 있다. HTML과 CSS 표준의 공동 책임자인 <a title="W3C" href="http://ko.wikipedia.org/wiki/W3C">W3C</a>는 명확하고 표상적인 마크업을 위하여 CSS의 사용을 권장한다</p>
<p>&nbsp;</p>
<h3>기원</h3>
<div>
<div><a href="http://ko.wikipedia.org/wiki/%ED%8C%8C%EC%9D%BC:Tim_Berners-Lee_April_2009.jpg"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Tim_Berners-Lee_April_2009.jpg/220px-Tim_Berners-Lee_April_2009.jpg" alt="" width="220" height="303" /></a></p>
<div>
<div><a title="실제 크기로" href="http://ko.wikipedia.org/wiki/%ED%8C%8C%EC%9D%BC:Tim_Berners-Lee_April_2009.jpg"><img src="http://bits.wikimedia.org/skins-1.18/common/images/magnify-clip.png" alt="" width="15" height="11" /></a></div>
<p><a title="팀 버너스리" href="http://ko.wikipedia.org/wiki/%ED%8C%80_%EB%B2%84%EB%84%88%EC%8A%A4%EB%A6%AC">팀 버너스리</a></div>
</div>
</div>
<p>1980년, <a title="유럽 입자 물리 연구소" href="http://ko.wikipedia.org/wiki/%EC%9C%A0%EB%9F%BD_%EC%9E%85%EC%9E%90_%EB%AC%BC%EB%A6%AC_%EC%97%B0%EA%B5%AC%EC%86%8C">유럽 입자 물리 연구소</a>(CERN)의 계약자였었던 물리학자 <a title="팀 버너스리" href="http://ko.wikipedia.org/wiki/%ED%8C%80_%EB%B2%84%EB%84%88%EC%8A%A4%EB%A6%AC">팀 버너스리</a>가 HTML의 원형인 <a title="인콰이어 (없는 문서)" href="http://ko.wikipedia.org/w/index.php?title=%EC%9D%B8%EC%BD%B0%EC%9D%B4%EC%96%B4&amp;action=edit&amp;redlink=1">인콰이어</a>를 제안하였다. 인콰이어는 CERN의 연구원들이 문서를 이용하고 공유하기 위한 체계였다. 1989년에 팀 버너스리는 <a title="인터넷" href="http://ko.wikipedia.org/wiki/%EC%9D%B8%ED%84%B0%EB%84%B7">인터넷</a> 기반 <a title="하이퍼텍스트" href="http://ko.wikipedia.org/wiki/%ED%95%98%EC%9D%B4%ED%8D%BC%ED%85%8D%EC%8A%A4%ED%8A%B8">하이퍼텍스트</a> 체계를 제안하는 메모를 작성했다.<sup id="cite_ref-1"><a href="http://ko.wikipedia.org/wiki/HTML#cite_note-1">[2]</a></sup> 버너스 리는 1990년 말에 HTML을 명시하고, 브라우저와 서버 소프트웨어를 작성했다. 그 해에 버너스리와 CERN 데이터 시스템 엔지니어 <a title="로버트 카일리아우 (없는 문서)" href="http://ko.wikipedia.org/w/index.php?title=%EB%A1%9C%EB%B2%84%ED%8A%B8_%EC%B9%B4%EC%9D%BC%EB%A6%AC%EC%95%84%EC%9A%B0&amp;action=edit&amp;redlink=1">로버트 카일리아우</a>와 함께 CERN측에 자금 지원을 요청하였지만, 이 프로젝트는 CERN으로부터 정식으로 채택 받지 못했다. 버너스리의 개인적인 기록 <sup id="cite_ref-2"><a href="http://ko.wikipedia.org/wiki/HTML#cite_note-2">[3]</a></sup>에 1990년부터 &#8220;하이퍼텍스트가 사용되는 여러 분야의 일부&#8221;를 열거<sup id="cite_ref-3"><a href="http://ko.wikipedia.org/wiki/HTML#cite_note-3">[4]</a></sup>했고 백과사전을 그 목록의 첫 번째로 두었다.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>최초 규격</h3>
<p>HTML 최초의 일반 공개 설명은 1991년 말에 버너스리가 처음으로 인터넷에서 문서를 &#8220;HTML 태그&#8221;(<em>HTML tag</em>)로 부르면서 시작되었다.<sup id="cite_ref-tagshtml_4-0"><a href="http://ko.wikipedia.org/wiki/HTML#cite_note-tagshtml-4">[5]</a></sup><sup id="cite_ref-5"><a href="http://ko.wikipedia.org/wiki/HTML#cite_note-5">[6]</a></sup></p>
<p>그것은 머릿글자로 이루어진 20개의 요소를 기술하였고, 상대적으로 HTML의 단순한 디자인이었다. 하이퍼링크를 제외한 HTML 태그들은 CERN 자체의 <a title="SGML" href="http://ko.wikipedia.org/wiki/SGML">SGML</a> 기반 문서화 포맷인 SGML <a title="GUID" href="http://ko.wikipedia.org/wiki/GUID">GUID</a>에 강하게 영향을 받았다. 이 요소의 13개는 HTML 4 버전에서도 여전히 존재한다.<sup id="cite_ref-6"><a href="http://ko.wikipedia.org/wiki/HTML#cite_note-6">[7]</a></sup></p>
<p>HTML은 동적인 웹 페이지의 <a title="웹 브라우저" href="http://ko.wikipedia.org/wiki/%EC%9B%B9_%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80">웹 브라우저</a>를 통한 문자와 이미지 양식이다. 문자 요소의 대부분은 1988년 ISO 기술 보고서 9537 <em>SGML을 이용한 기법</em>에서 찾을 수 있다. 하지만 SGML 개념의 일반적인 마크업은 단지 개별 효과 보다는 요소 기반이고 또한 구조와 처리의 분리(?)(HTML은 CSS와 함께 이 방향으로 점진적으로 이동해 왔다.)</p>
<p>버너스리는 <a title="SGML" href="http://ko.wikipedia.org/wiki/SGML">SGML</a> 응용 프로그램이 되는 HTML을 고안해야 했고 그것은 공식적으로 <a title="국제 인터넷 표준화 기구" href="http://ko.wikipedia.org/wiki/%EA%B5%AD%EC%A0%9C_%EC%9D%B8%ED%84%B0%EB%84%B7_%ED%91%9C%EC%A4%80%ED%99%94_%EA%B8%B0%EA%B5%AC">IETF</a>(국제 인터넷 표준화 기구)에 의하여 1993년 중반, HTML 규격에 대한 최초의 제안을 간행물로 정의했다. (버너스리와 <a title="덴 콘놀리 (없는 문서)" href="http://ko.wikipedia.org/w/index.php?title=%EB%8D%B4_%EC%BD%98%EB%86%80%EB%A6%AC&amp;action=edit&amp;redlink=1">덴 콘놀리</a>에 의한 문법을 규정하는 SGML <a title="문서 형식 정의" href="http://ko.wikipedia.org/wiki/%EB%AC%B8%EC%84%9C_%ED%98%95%EC%8B%9D_%EC%A0%95%EC%9D%98">문서 형식 정의</a>(SGML DTD)가 포함된 <a href="http://www.w3.org/MarkUp/draft-ietf-iiir-html-01.txt" rel="nofollow">&#8220;하이퍼텍스트 마크업 언어(HTML)&#8221; 인터넷 초안</a><sup id="cite_ref-7"><a href="http://ko.wikipedia.org/wiki/HTML#cite_note-7">[8]</a></sup>) 이 초안은 6개월 후 만료된다. 하지만 <a title="모자이크 (웹 브라우저)" href="http://ko.wikipedia.org/wiki/%EB%AA%A8%EC%9E%90%EC%9D%B4%ED%81%AC_(%EC%9B%B9_%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80)">NCSA 모자이크</a> 브라우저의 인라인 이미지를 내장하는 사용자 정의 태그의 사례는 주목할 만 했고, 성공적인 <a title="프로토타입" href="http://ko.wikipedia.org/wiki/%ED%94%84%EB%A1%9C%ED%86%A0%ED%83%80%EC%9E%85">프로토타입</a>에 대한 표준을 기반한 IETF의 철학을 반영했다. <sup id="cite_ref-raymond_8-0"><a href="http://ko.wikipedia.org/wiki/HTML#cite_note-raymond-8">[9]</a></sup>마찬가지로 데이브 라그렛의 경쟁 인터넷 초안인 &#8220;HTML+ (하이퍼텍스트 마크업 포맷)&#8221;은 1993년 말에 테이블과 기입양식 같은 요소들을 이미 구현하여 표준화 제안을 했다.<sup id="cite_ref-html.2B_9-0"><a href="http://ko.wikipedia.org/wiki/HTML#cite_note-html.2B-9">[10]</a></sup></p>
<p>이후 1994년 초 HTML과 HTML+ 초안은 만료되었고, IETF는 HTML 작업 그룹을 설립해 1995년에 HTML 2.0을 완성한다. 최초의 HTML의 규격은 미래에 수행될 HTML 표준에 기반으로 간주되는 경향이 있었다. <sup id="cite_ref-raymond_8-1"><a href="http://ko.wikipedia.org/wiki/HTML#cite_note-raymond-8">[9]</a></sup><a title="RFC" href="http://ko.wikipedia.org/wiki/RFC">RFC</a> 1996년에 HTML 2.0은 HTML과 HTML+의 초안들의 아이디어들이 포함됐다고 발표했다.<sup id="cite_ref-10"><a href="http://ko.wikipedia.org/wiki/HTML#cite_note-10">[11]</a></sup> HTML 2.0 지정은 이전의 초안들로부터 새로운 버전을 구별하기 위해서였다.<sup id="cite_ref-11"><a href="http://ko.wikipedia.org/wiki/HTML#cite_note-11">[12]</a></sup></p>
<p>게다가 IETF의 후원하에 개발은 상충하는 이해 관계 때문에 지연되었다. 1996년부터 HTML 규격은 상용 소프트웨어 제작사의 투입으로 <a title="W3C" href="http://ko.wikipedia.org/wiki/W3C">월드 와이드 웹 컨소시엄</a>(W3C)에서 유지해 왔다.<sup id="cite_ref-raggett_12-0"><a href="http://ko.wikipedia.org/wiki/HTML#cite_note-raggett-12">[13]</a></sup> 하지만 2000년부터 HTML 또한 국제 표준(<a title="ISO" href="http://ko.wikipedia.org/wiki/ISO">ISO</a>/IEC 15445:2000)이 되었다. 현재 W3C에 의해 발표된 최신 규격은 1999년 말에 발표된 HTML 4.01 권고안이며 2001년에 문제와 오류들이 수정되어 발표된 안이 최종 승인되었다.</p>
<p>&nbsp;</p>
<p>출처 : <a href="http://ko.wikipedia.org/wiki/HTML#cite_note-iso-html-20" target="_blank">위키백과</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>위키백과가 너무 어렵게 설명한거 같다;;</p>
<p>&nbsp;</p>
<h4>HTML의 구성요소</h4>
<p> - <strong>텍스트(text)<br /> </strong>html 문서에 포함된 텍스트는 웹 문서의 본문으로 자리 하게 된다.</p>
<p>&nbsp;</p>
<p> - <strong>태그(tag)<br /> </strong>html 문서의 일부나 전체 혹은 명령어의 시작과 끝을 의미하며 html tag들은 대,소문자 구별이 없이 사용된다.</p>
<p>&nbsp;</p>
<p> - <strong>스크립트(script)<br /></strong> 간단한 명령들의 집합으로, 본격적인 프로그래밍 언어에 비하면 간단한 문법과 쉬운 사용법을 가지고 있다</p>
<p>&nbsp;</p>
<h4>HTML의 기본구조</h4>
<blockquote>
<p>&lt;html&gt;<br />&lt;head&gt;<br />&lt;title&gt;말그대로 제목을 나타냅니다&lt;/title&gt;<br />&lt;/head&gt;<br />&lt;body&gt;</p>
<p>여기에 내용이 들어 갈껄??ㅋㅋㅋ</p>
<p>&lt;/body&gt;<br />&lt;/html&gt;</p>
</blockquote>
<p>&nbsp;</p>
<p>이처럼 html 의 기본 구조는 빈 문서라도 기본적으로 들어가는 내용이다.</p>
<p>위의 기본구조만 우선 신나게 기억해보자 ㅋㅋㅋ</p>
]]></content:encoded>
			<wfw:commentRss>http://noo9ya.com/tutorials/483/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS란?</title>
		<link>http://noo9ya.com/tutorials/475/</link>
		<comments>http://noo9ya.com/tutorials/475/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 09:49:25 +0000</pubDate>
		<dc:creator>nOo9ya</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[tutorials]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[nOo9ya]]></category>
		<category><![CDATA[누구야]]></category>
		<category><![CDATA[디자인]]></category>
		<category><![CDATA[씨에스에스]]></category>
		<category><![CDATA[튜토리얼]]></category>

		<guid isPermaLink="false">http://noo9ya.com/?p=475</guid>
		<description><![CDATA[CSS 또는 캐스케이딩 스타일 시트(Cascading Style Sheet)는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다.]]></description>
			<content:encoded><![CDATA[<p><div id="attachment_474" class="wp-caption alignnone" style="width: 686px"><img class="size-full wp-image-474" title="CSS" src="http://noo9ya.com/wp-content/uploads/2012/02/css.jpg" alt="CSS" width="676" height="338" /><p class="wp-caption-text">CSS</p></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3><strong>CSS(종속형 시트)란?</strong></h3>
<p><strong>CSS</strong> 또는 <strong>캐스케이딩 스타일 시트</strong>(Cascading Style Sheet)는 <a title="마크업 언어" href="http://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EC%97%85_%EC%96%B8%EC%96%B4">마크업 언어</a>가 실제 표시되는 방법을 기술하는 언어로, <a title="HTML" href="http://ko.wikipedia.org/wiki/HTML">HTML</a>과 <a title="XHTML" href="http://ko.wikipedia.org/wiki/XHTML">XHTML</a>에 주로 쓰이며, <a title="XML" href="http://ko.wikipedia.org/wiki/XML">XML</a>에서도 사용할 수 있다. <a title="W3C" href="http://ko.wikipedia.org/wiki/W3C">W3C</a>의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>CSS 버전의 변화</h3>
<p>CSS는 지속적으로 새로운 버전이 나오고 있다. 1996년에 도입된 <a href="http://www.w3.org/TR/CSS1" rel="nofollow">CSS 1</a>은 CSS의 바탕이 되었다. CSS의 표준으로는 <a href="http://www.w3.org/TR/CSS21/" rel="nofollow">CSS 2.1</a>이 있으며 이전 버전에 비하여 새로운 기능과 도구가 추가되었다. 대다수의 <a title="웹브라우저" href="http://ko.wikipedia.org/wiki/%EC%9B%B9%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80">웹브라우저</a>는 CSS 2.1를 잘 지원한다.(<a title="인터넷 익스플로러" href="http://ko.wikipedia.org/wiki/%EC%9D%B8%ED%84%B0%EB%84%B7_%EC%9D%B5%EC%8A%A4%ED%94%8C%EB%A1%9C%EB%9F%AC">인터넷 익스플로러</a>의 경우, 버전 7이 되면서 CSS2.1을 지원한다.) 현재 W3C에서는 CSS3을 표준으로 만들고 있다.</p>
<p>CSS는 여러 수준과 프로파일을 가지고 있다. 각 수준의 CSS는 일반적으로 새로운 기능을 담고 있으며 CSS1, CSS2, CSS3로 나뉜다. 프로파일들은 일반적으로 특정한 장치나 사용자 인터페이스를 위해 만들어진 하나 이상 수준의 CSS의 하부 집합이다. 현재 휴대용 장치, 프린터, 텔레비전 수상기를 위한 프로파일들이 있다.</p>
<h3>CSS1</h3>
<p>첫 CSS 규격은 공식 W3C 권고안이 되었으며 그 이름은 CSS1이다. 1996년 12월에 출시되었다.</p>
<h3>CSS2</h3>
<p>CSS2는 W3C가 개발하였으며 <a title="1998년" href="http://ko.wikipedia.org/wiki/1998%EB%85%84">1998년</a> 5월에 권고안으로 출시되었다.</p>
<h3>CSS3</h3>
<p>CSS3는 <a title="2005년" href="http://ko.wikipedia.org/wiki/2005%EB%85%84">2005년</a> <a title="12월 5일" href="http://ko.wikipedia.org/wiki/12%EC%9B%94_5%EC%9D%BC">12월 5일</a> 이후 개발 중에 있다.<sup id="cite_ref-0"><a href="http://ko.wikipedia.org/wiki/%EC%A2%85%EC%86%8D%ED%98%95_%EC%8B%9C%ED%8A%B8#cite_note-0">[1]</a></sup> W3C CSS3 로드맵은 요약과 도입부를 제공하고 있다.<sup id="cite_ref-1"><a href="http://ko.wikipedia.org/wiki/%EC%A2%85%EC%86%8D%ED%98%95_%EC%8B%9C%ED%8A%B8#cite_note-1">[2]</a></sup> 전체가 모듈화 되어 사용자 에이전트가 모듈에 대한 모든 모듈을 지원하지 않거나 자유롭게 선택할 수 있도록 하고 있으며, 다른 세로 글쓰기와 HTML 이외의 규격에 까지 관여하는 내용으로 되어 있다. 현재 어떤 모듈도 권고안까지 이른 것은 없다.</p>
<p><span style="color: #888888;">출처 : <a href="http://ko.wikipedia.org/wiki/%EC%A2%85%EC%86%8D%ED%98%95_%EC%8B%9C%ED%8A%B8" target="_blank">위키백과</a></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<blockquote>
<p><span style="color: #000000;">백과 사전에 나온 사전적의미로 본다면 뭔말인지 모르는 사람이 대부분일꺼다.<br />하지만 웹을 접하고 웹에 대한 공부를 한다면 의미는 알 수 있을것이다.</span></p>
</blockquote>
<p><span style="color: #000000;"> </span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>HTML(마크업)을 건축적으로 보자면 기초, 기둥과 같은 형태를 유지해주는 기초적인 구조 역할을 한다면<br />CSS는 창호, 미장, 조형물과 같은 비쥬얼적인 외형 역할을 하는 기능을 가지고있다.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="color: #000000;">단순히 색의 지정이나 크기의 지정으로 외관형태를 바꾸는 것이 아닌<br />레이아웃의 위치까지 조정할 수 있는 기능을 가지고있다.</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="color: #888888;"> </span></p>
<p><span style="color: #000000;">단 Table은 레이아웃을 마음대로 조정하는데 어려움이 있다.(table은 레이아웃 전용 엘리먼트가 아니므로 ㅋㅋ)</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="color: #000000;">위와 같이 html로 마크업만 한다면 홈페이지 운영에 대한 큰 문제는 없다.</span><br /><span style="color: #000000;">다만 사용자 입장에선 빠른 페이지 로드 속도와 링크의 확실한 구분으로 편할 수 도 있지만.</span><br /><span style="color: #000000;">디자인이 없으므로 더 큰 어려운 장벽에 가로 막힐 수가 있다.</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="color: #000000;">그 장벽들을 쉽게 넘을 수 있도록 계단으로 바꿔주는 CSS를 자유롭게 이용하는게 퍼블리셔의 몫이 아닐</span><span style="color: #000000;">까 싶</span><span style="color: #000000;">다.</span><br /><span style="color: #000000;">뭐 궂이 조그만 회사에는 전문퍼블리셔가 없으므로 프로그래머나 디자이너 모두다 기본적인 지식은 있어야 할 듯 하다.</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="color: #000000;">이유없고 쓸대 없는 CSS남발, 홈페이지에 무조건 CSS를 넣어야 한다는 생각과 CSS를 모르니 난 table로 레이아웃을 짜야겠다는 그런 잘못된 생각을 버리고, 왜 CSS를 사용해야 하고 필요한 곳은 어디인가를 다시한번 생각해보며 CSS공부를 하는게 올바르다고 생각된다.</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="color: #000000;">암~ 그렇고 말고 훗-/_-;;</span><br /><span style="color: #000000;">CSS의 약자가 궁금해서 시작한 글이 너무나도 긴 사설에 묻혀서 의미없는 포스팅이 되고 말았네.</span><br /><span style="color: #000000;">그래도 많은걸 알게 되었으므로 패스~뿅~</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="color: #000000;">덧.</span></p>
<p><span style="color: #000000;">우선 html을 마스터 하는게 더 순리에 맞을꺼같다.</span><br /><span style="color: #000000;">신나게 벽돌로 집을 지었더니 누가 이단 옆차기 한방을 때려서 집이 무너지지 않으려면</span><br /><span style="color: #000000;">html로 기초 형태를 확실히 잡는게 정신건강에 좋다.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://noo9ya.com/tutorials/475/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>아&#8230;&#8230;&#8230; 개꿈꿨다&#8230;.. 그것도 슈퍼 개꿈 그리고 2012년..</title>
		<link>http://noo9ya.com/noo9ya/467/</link>
		<comments>http://noo9ya.com/noo9ya/467/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 08:43:58 +0000</pubDate>
		<dc:creator>nOo9ya</dc:creator>
				<category><![CDATA[noo9ya]]></category>
		<category><![CDATA[story]]></category>
		<category><![CDATA[1월]]></category>
		<category><![CDATA[2012년]]></category>
		<category><![CDATA[26일]]></category>
		<category><![CDATA[개꿈]]></category>
		<category><![CDATA[누구야]]></category>
		<category><![CDATA[이야기]]></category>

		<guid isPermaLink="false">http://noo9ya.com/?p=467</guid>
		<description><![CDATA[아..슈퍼 개꿈을 꿨다...

식은 땀이 났다..



2012년 기분이 더럽게 시작된다 -/_-;;



2012년 1월 26일 새벽 1시 40분 ~ 새벽 5시 정각까지의 리얼타임이 긴 꿈을 꿨다.
]]></description>
			<content:encoded><![CDATA[<p><div id="attachment_469" class="wp-caption alignnone" style="width: 688px"><a href="http://noo9ya.com/wp-content/uploads/2012/02/20120128.jpg"><img class="size-large wp-image-469 " title="2012년 1월 28일" src="http://noo9ya.com/wp-content/uploads/2012/02/20120128-678x449.jpg" alt="2012년 1월 28일" width="678" height="449" /></a><p class="wp-caption-text">2012년 1월 28일 밤</p></div>
<p>아..슈퍼 개꿈을 꿨다&#8230;</p>
<p>&nbsp;</p>
<p>식은 땀이 났다..</p>
<p>&nbsp;</p>
<p>2012년 기분이 더럽게 시작된다 -/_-;;</p>
<p>&nbsp;</p>
<p>2012년 1월 26일 새벽 1시 40분 ~ 새벽 5시 정각까지의 리얼타임이 긴 꿈을 꿨다.</p>
<p>&nbsp;</p>
<p>한번도 보지 못한 명동거리에서 벌어진 헤프닝?ㅋㅋ<br />특별한 날로 인하여 명동 거리 및 가게는 모두다 &#8220;트렌스젠더(특히 남자)&#8221;들의 여성 화장 및 긴머리를 흩날리며 다닌다.<br />모든 가게안에도 그런 사람만 손님이자 주인이다;;</p>
<p>&nbsp;</p>
<p>겜방을 간다.<br />자리에 앉자마자 누군가에게 쫓긴다.<br />왜 쫓기게 됐는지 기억이 안난다&#8230;&#8230;.-/_-;;</p>
<p>&nbsp;</p>
<p>명동거리를 신나게 도망가는데 이상한 음식점을 들어가다 뒷문처럼 생긴 곳을 열어 지나가려는데 여자 행색을 한 남자가 뒤에서 소리친다.<br />나는 급한 나머지 그냥 막 문을 열고 나가려고 했는데 그 문은 그곳 직원들의 단체숙소?<br />하지만 그 방안에서도 뒷문이 있길래 강제로 그 문을 열고 나갔다.<br />그문은 다행이 뒷문이였다.<br />나는 대로변이 아닌 골목길에 접어들어 안도감이 생겼는데 그것도 잠시..뒤에서 가게 직원들이 나를 잡으러 소리를 지르며 다가온다.<br />중요한건 여자행색을 한 남자들&#8230;&#8230;이 다가온다&#8230;</p>
<p>&nbsp;</p>
<p>&#8220;개 무서웠다&#8221;</p>
<p>&nbsp;</p>
<p>뛰었다.</p>
<p>&nbsp;</p>
<p>트렌스젠더같은 남자가 계속 따라와 나는 점점 더 높은 골목길을 뛰어 올라갔다.<br />너무나 힘들고 밤이 깊어져서 (참고로 낮부터 도망다님) 그 사람을 따돌리고 미로같은 골목이 많은 이 동네를 벗어나려고 뛰기 시작한다.<br />점점 더 큰 골목들이 나오며 저지대 층으로 전속력으로 뛰어 내려간다.<br />이상한 사람들(트렌스젠더로 추정 됨)이 나를 보지만 신경쓰지 않는다.<br />시간이 한참 지나자 정상적인 사람들이 조금씩 보이기 시작한다.<br />산동네를 지나 명동이 아닌 다른 동네쪽으로 내려왔나 싶었다.<br />하지만 거의 다 내려왔다 싶을때 쯤 나를 쫓아 다니던 남자(정확히 트렌스젠더..)와 다른 남자들이 함께 골목 끝자락에서 대기하고 있었다.<br />나는 그 사람들이 나의 얼굴을 못 보았다고 나를 설득하며 그 사람들을 그냥 지나치려고 했다.<br />그런데 그 사람들이 모르는 척 하다가 갑자기 옆에서 나의 두팔을 잡는다;; 그리고 안보이던 남자들이 소리치며 나에게 다가온다.</p>
<p>&nbsp;</p>
<p>&#8220;경찰이다!! 당신을 각하 빤스 도난죄로 체포한다!!&#8221;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>꿈이 깼다&#8230;..</p>
<p>&nbsp;</p>
<p>새벽 5시 무서웠다..(100% 리얼이야기&#8230;&#8230;)</p>
<p>&nbsp;</p>
<p>어처구니 없어서 더욱더 무서웠다&#8230;.</p>
<p>&nbsp;</p>
<p>내 2012년 첫 꿈..<br />이 꿈은 나를 너무 피곤하게 했다.</p>
<p>&nbsp;</p>
<p>너무 답답해서 스트레스가 곱절로 쌓이는 꿈&#8230;.</p>
<p>&nbsp;</p>
<p>이게 시작이였나보다..</p>
]]></content:encoded>
			<wfw:commentRss>http://noo9ya.com/noo9ya/467/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20110331 Omegareits</title>
		<link>http://noo9ya.com/portfolio/432/</link>
		<comments>http://noo9ya.com/portfolio/432/#comments</comments>
		<pubDate>Thu, 31 Mar 2011 09:36:21 +0000</pubDate>
		<dc:creator>nOo9ya</dc:creator>
				<category><![CDATA[portfolio]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[nOo9ya]]></category>
		<category><![CDATA[omegareits]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[누구야]]></category>
		<category><![CDATA[디자인]]></category>
		<category><![CDATA[오메가리츠]]></category>
		<category><![CDATA[웹디자인]]></category>
		<category><![CDATA[포트폴리오]]></category>

		<guid isPermaLink="false">http://noo9ya.com/?p=432</guid>
		<description><![CDATA[오메가리츠 웹사이트 개발]]></description>
			<content:encoded><![CDATA[<p><div class="wp-caption alignnone" style="width: 688px"><a href="/portfolio/web-design/20110331-omegareits/omegareits-main.jpg" target="_blank"><img class="    " title="오메가리츠 메인화면" src="/portfolio/web-design/20110331-omegareits/omegareits-main.jpg" alt="오메가리츠 메인화면" width="678" /></a><p class="wp-caption-text">오메가리츠 메인화면</p></div>
<p>&nbsp;</p>
<p>오메가리츠 웹사이트 개발 프로젝트</p>
<p>웹표준을 준수하려고 무쟈게 노력많이 했다.<br />(하지만 클라이언트의 단순 변심 및 무관심으로 인하여 완성하고도 오픈을 못하고 있다.)</p>
<p>&nbsp;</p>
<p><div class="wp-caption alignnone" style="width: 688px"><a href="/portfolio/web-design/20110331-omegareits/omegareits-sub1.jpg" target="_blank"><img class="    " title="오메가리츠 서브화면1" src="/portfolio/web-design/20110331-omegareits/omegareits-sub1.jpg" alt="오메가리츠 서브화면1" width="678" /></a><p class="wp-caption-text">오메가리츠 서브화면1</p></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><div class="wp-caption alignnone" style="width: 688px"><a href="/portfolio/web-design/20110331-omegareits/omegareits-sub2.jpg" target="_blank"><img class="    " title="오메가리츠 서브화면2" src="/portfolio/web-design/20110331-omegareits/omegareits-sub2.jpg" alt="오메가리츠 서브화면2" width="678" /></a><p class="wp-caption-text">오메가리츠 서브화면2</p></div>
<p>&nbsp;</p>
<h3>* 클라이언트를 설득하지 못하여 홈페이지 내에 한자가 들어가기도 하고..메뉴의 구성도 마음대로 변하게 되어..결국 프로젝트는 산으로 갔다</h3>
<p>* 작업기간 : 50일<br />* 기획 : 꼬랑내(GGorangne)<br />* 디자인 : 두통약(Dootongyak)<br />* 퍼블리싱 : 누구야(nOo9ya)<br />* 솔루션 : GNUboard</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://noo9ya.com/portfolio/432/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20110201 B2E mall</title>
		<link>http://noo9ya.com/portfolio/417/</link>
		<comments>http://noo9ya.com/portfolio/417/#comments</comments>
		<pubDate>Tue, 01 Feb 2011 23:56:27 +0000</pubDate>
		<dc:creator>nOo9ya</dc:creator>
				<category><![CDATA[portfolio]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[B2E mall]]></category>
		<category><![CDATA[B2E 몰]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[nOo9ya]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[누구야]]></category>
		<category><![CDATA[디자인]]></category>
		<category><![CDATA[웹디자인]]></category>
		<category><![CDATA[포트폴리오]]></category>

		<guid isPermaLink="false">http://noo9ya.com/?p=417</guid>
		<description><![CDATA[B2E 몰 프로젝트 모음]]></description>
			<content:encoded><![CDATA[<p><div class="wp-caption alignnone" style="width: 688px"><a href="/portfolio/web-design/20110201-b2e/asiana_main.jpg" target="_blank"><img class="     " title="아시아나 포인트몰" src="/portfolio/web-design/20110201-b2e/asiana_main.jpg" alt="아시아나 포인트몰" width="678" /></a><p class="wp-caption-text">아시아나 포인트몰 : 퍼블리싱</p></div>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
<div class="mceTemp">-</div>
<div class="mceTemp">
<p>B2E 몰 프로젝트</p>
<p>사내 직원 및 회원을 대상으로 하는 비공개 쇼핑몰 프로젝트 모음이다.<br />잠도 제대로 못 자고 주말에 쉬지도 못해서 스트레스가 이만저만이 아니였던&#8230;시간이였지&#8230;암&#8230;</p>
<p>Design 및 publishing까지 힘들었다..(평균 제작기간은 1주일이다&#8230;..짭)</p>
<p>-</p>
</div>
<div class="mceTemp"> </div>
<div class="mceTemp">
<div class="wp-caption alignnone" style="width: 688px"><a href="/portfolio/web-design/20110201-b2e/dongwon_choan.jpg" target="_blank"><img class="   " title="동원 임직원몰" src="/portfolio/web-design/20110201-b2e/dongwon_choan.jpg" alt="동원 임직원몰" width="678" /></a><p class="wp-caption-text">동원 임직원몰 : 디자인 시안 (취소 된걸로 알고있다)</p></div>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
<p><div class="wp-caption alignnone" style="width: 688px"><a href="/portfolio/web-design/20110201-b2e/iparkgift-main.jpg" target="_blank"><img class="   " title="아이파크 명절몰" src="/portfolio/web-design/20110201-b2e/iparkgift-main.jpg" alt="아이파크 명절몰" width="678" /></a><p class="wp-caption-text">아이파크 명절몰 : 디자인 &amp; 퍼블리싱</p></div>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
<p><div class="wp-caption alignnone" style="width: 688px"><a href="/portfolio/web-design/20110201-b2e/kyobo_main.jpg" target="_blank"><img class="   " title="교보생명 임직원몰" src="/portfolio/web-design/20110201-b2e/kyobo_main.jpg" alt="교보생명 임직원몰" width="678" /></a><p class="wp-caption-text">교보생명 임직원몰 : 디자인 &amp; 퍼블리싱</p></div>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
<p><div class="wp-caption alignnone" style="width: 688px"><a href="/portfolio/web-design/20110201-b2e/s-oil.iparkgift.jpg" target="_blank"><img class="   " title="S-oil 포인트몰" src="/portfolio/web-design/20110201-b2e/s-oil.iparkgift.jpg" alt="S-oil 포인트몰" width="678" /></a><p class="wp-caption-text">S-oil 포인트몰 : 리퍼블리싱 (기존 코딩이...이상해서 스트레스 좀 받았다...)</p></div>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
<div class="mceTemp">
<div>위의 공통점은 레이아웃이 다 비슷하다는 거다&#8230;..(이유는 솔루션에서 찾아야 하지 않을까 싶다..)</div>
<div> </div>
<div> </div>
<div> </div>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://noo9ya.com/portfolio/417/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20110131 RiceCafe</title>
		<link>http://noo9ya.com/portfolio/408/</link>
		<comments>http://noo9ya.com/portfolio/408/#comments</comments>
		<pubDate>Mon, 31 Jan 2011 23:26:57 +0000</pubDate>
		<dc:creator>nOo9ya</dc:creator>
				<category><![CDATA[portfolio]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[nOo9ya]]></category>
		<category><![CDATA[ricecafe]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[누구야]]></category>
		<category><![CDATA[디자인]]></category>
		<category><![CDATA[쌀은 산소다]]></category>
		<category><![CDATA[웹디자인]]></category>
		<category><![CDATA[포트폴리오]]></category>

		<guid isPermaLink="false">http://noo9ya.com/?p=408</guid>
		<description><![CDATA[쌀사랑 캠페인 : 쌀은 산소다 웹사이트 개발<br />
기획 : 100% / 디자인 : 100% / 퍼블리싱 : 100%]]></description>
			<content:encoded><![CDATA[<p><div class="wp-caption alignnone" style="width: 688px"><a href="/portfolio/web-design/20110131-ricecafe/rice-main.jpg" target="_blank"><img class=" " title="쌀은 산소다 - 메인화면" src="/portfolio/web-design/20110131-ricecafe/rice-main.jpg" alt="쌀은 산소다 - 메인화면" width="678" /></a><p class="wp-caption-text">쌀은 산소다 - 메인화면</p></div>
<p>&nbsp;</p>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
<p><div class="wp-caption alignnone" style="width: 688px"><a href="/portfolio/web-design/20110131-ricecafe/rice-sub1.jpg" target="_blank"><img class=" " title="쌀은 산소다 - 서브화면 1" src="/portfolio/web-design/20110131-ricecafe/rice-sub1.jpg" alt="쌀은 산소다 - 서브화면 1" width="678" /></a><p class="wp-caption-text">쌀은 산소다 - 서브화면 1</p></div>
<p>&nbsp;</p>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
<p><div class="wp-caption alignnone" style="width: 688px"><a href="/portfolio/web-design/20110131-ricecafe/rice-sub2.jpg" target="_blank"><img class="  " title="쌀은 산소다 - 서브화면2" src="/portfolio/web-design/20110131-ricecafe/rice-sub2.jpg" alt="쌀은 산소다 - 서브화면2" width="678" /></a><p class="wp-caption-text">쌀은 산소다 - 서브화면2</p></div>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
<div class="mceTemp">&#8220;쌀은 산소다&#8221;라는 슬로건을 건 쌀사랑 캠페인 사이트 개발</div>
<div class="mceTemp"> </div>
<div class="mceTemp"><a title="쌀사랑 캠페인" href="http://campaign.ricecafe.co.kr" target="_blank">http://campaign.ricecafe.co.kr</a></div>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
<div class="mceTemp"> </div>
]]></content:encoded>
			<wfw:commentRss>http://noo9ya.com/portfolio/408/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20101029 삼성카드 포인트몰 First Launching Good</title>
		<link>http://noo9ya.com/portfolio/403/</link>
		<comments>http://noo9ya.com/portfolio/403/#comments</comments>
		<pubDate>Fri, 29 Oct 2010 23:19:14 +0000</pubDate>
		<dc:creator>nOo9ya</dc:creator>
				<category><![CDATA[artworks]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[Artworks]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[first launching good]]></category>
		<category><![CDATA[nOo9ya]]></category>
		<category><![CDATA[samsung]]></category>
		<category><![CDATA[누구야]]></category>
		<category><![CDATA[디자인]]></category>
		<category><![CDATA[삼성카드 포인트몰]]></category>
		<category><![CDATA[아트워크]]></category>
		<category><![CDATA[퍼스트 런칭 굿]]></category>
		<category><![CDATA[포트폴리오]]></category>

		<guid isPermaLink="false">http://noo9ya.com/?p=403</guid>
		<description><![CDATA[삼성카드포인트몰 First Launching Good 메인배너 그래픽]]></description>
			<content:encoded><![CDATA[<p><a href="/portfolio/artwork/20101029-first/first.jpg" target="_blank"><img class="alignnone" title="퍼스트런칭굿" src="/portfolio/artwork/20101029-first/first.jpg" alt="퍼스트런칭굿" width="690" /></a></p>
<p>&nbsp;</p>
<p>삼성카드 포인트몰 해외상품 코너 메인화면에 박힌 그래픽 작업물</p>
<p>시간에 쫓기다 보니 너무 급하게 만들었다.<br />(대략 1시간 30분 생각하고 30분안에 만들었던 결과물이였다)</p>
<p>회사에서 아트워크 작업을 할 수 있어서 좋았다고 생각했지만..2일만에 착각이였다는걸 알아차렸다 ㅠ</p>
<p>제기랄!!</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://noo9ya.com/portfolio/403/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20100721 popcon</title>
		<link>http://noo9ya.com/portfolio/400/</link>
		<comments>http://noo9ya.com/portfolio/400/#comments</comments>
		<pubDate>Wed, 21 Jul 2010 23:14:06 +0000</pubDate>
		<dc:creator>nOo9ya</dc:creator>
				<category><![CDATA[portfolio]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[nOo9ya]]></category>
		<category><![CDATA[popcon]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[누구야]]></category>
		<category><![CDATA[디자인]]></category>
		<category><![CDATA[웹디자인]]></category>
		<category><![CDATA[팝콘잉글리쉬]]></category>
		<category><![CDATA[포트폴리오]]></category>

		<guid isPermaLink="false">http://noo9ya.com/?p=400</guid>
		<description><![CDATA[화상영어교육 팝콘잉글리쉬 웹사이트 시안]]></description>
			<content:encoded><![CDATA[<p><a href="/portfolio/web-design/20100721-popcon/popcon-main.jpg" target="_blank"><img class="alignnone" title="팝콘잉글리쉬" src="/portfolio/web-design/20100721-popcon/popcon-main.jpg" alt="" width="690" /></a></p>
<p>&nbsp;</p>
<p>팝콘잉글리쉬~</p>
<p>초안만 신나게 만들었지만 뒷통수 맞고..시안만 넘겨준 프로젝트.</p>
<p>프리랜서는 정말 불공평한게 많은거 같다..ㅠㅠ</p>
<p><span style="color: #888888;">덧 : 시안작업에는 모종의 비밀이 있었으니&#8230;&#8230;..</span></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://noo9ya.com/portfolio/400/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20100513 Nativelive</title>
		<link>http://noo9ya.com/portfolio/394/</link>
		<comments>http://noo9ya.com/portfolio/394/#comments</comments>
		<pubDate>Thu, 13 May 2010 23:01:18 +0000</pubDate>
		<dc:creator>nOo9ya</dc:creator>
				<category><![CDATA[portfolio]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[nativelive]]></category>
		<category><![CDATA[nOo9ya]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[네이티브라이브]]></category>
		<category><![CDATA[누구야]]></category>
		<category><![CDATA[디자인]]></category>
		<category><![CDATA[웹디자인]]></category>
		<category><![CDATA[포트폴리오]]></category>

		<guid isPermaLink="false">http://noo9ya.com/?p=394</guid>
		<description><![CDATA[화상영어교육 네이티브라이브 웹사이트 개발]]></description>
			<content:encoded><![CDATA[<p><a href="/portfolio/web-design/20100513-nativelive/nativelive_main.jpg" target="_blank"><img class="alignnone" title="네이티브라이브 메인화면" src="/portfolio/web-design/20100513-nativelive/nativelive_main.jpg" alt="네이티브라이브 메인화면" width="690" /></a></p>
<p>&nbsp;</p>
<p><a href="/portfolio/web-design/20100513-nativelive/nativelive_sub1.jpg" target="_blank"><img class="alignnone" title="네이티브라이브 서브화면1" src="/portfolio/web-design/20100513-nativelive/nativelive_sub1.jpg" alt="네이티브라이브 서브화면1" width="690" /></a></p>
<p>&nbsp;</p>
<p><a href="/portfolio/web-design/20100513-nativelive/nativelive_sub2.jpg" target="_blank"><img class="alignnone" title="네이티브라이브 서브화면2" src="/portfolio/web-design/20100513-nativelive/nativelive_sub2.jpg" alt="네이티브라이브 서브화면2" width="690" /></a></p>
<p>&nbsp;</p>
<p>화상영어교육 네이티브라이브 웹사이트 개발</p>
<p>디자인 및 코딩 [메인디자인은 우리의 "두통약"님께서 해주심 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ]<br />(회사는 망한거 같다&#8230;.안망했다면 미안하고;;&#8230;&#8230;내 책임 아님&#8230;ㅡ/.,ㅡ;;ㅋㅋㅋ<br />회사 사정이 어려웠다고 알고있다;; 난 무책임하지 않다)</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://noo9ya.com/portfolio/394/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

