Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
354 lines (288 sloc) 17.3 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> day-by-day</title>
<meta name="description" content="인터넷, 기술, 영화, 음악 그리고 내 이야기">
<meta name="author" content="nezz">
<meta name="keywords" content="internet,tech,dev,movie,music,story" />
<meta name="generator" content="haroopress v0.9.0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="/rss.xml" rel="alternate" title="day-by-day" type="application/rss+xml">
<!-- Le styles -->
<link rel="canonical" href="http://nezz.pe.kr">
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/bootstrap-responsive.css" rel="stylesheet">
<link href="/css/font-awesome.css" rel="stylesheet">
<link href="/css/markdown.css" rel="stylesheet">
<link href="/css/haroopress.css" rel="stylesheet">
<link href="/css/theme.css" rel="stylesheet">
<link href="/css/code/default.css" rel="stylesheet">
<!-- Le fav and touch icons -->
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="72x72" href="/favicon-64.png">
<!-- Le javascript -->
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/jquery.jsonp.js"></script>
<script src="/js/mustache.js"></script>
<script src="/js/apps/github.js"></script>
<script src="/js/apps/twitter.js"></script>
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="pull-right" href="/rss.xml"><img src="/img/buttons/rss.png" /></a>
<div class="nav-collapse">
<ul class="nav">
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/archives">Archives</a>
</li>
<li>
<a href="/slides">Slides</a>
</li>
<li>
<a href="/node-js-note/">Node.js note</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<link href="/css/code/default.css" rel="stylesheet">
<div class="container page-main">
<div class="row">
<div class="span3">
<div id="author" class="well">
<div>
<h3>About This Site</h3>
<p>
이 사이트는 <a href="http://github.com/rhiokim/haroopress" target="_target">haroopress</a> 엔진으로 생성된 정적 페이지 기반의 웹 사이트입니다.
</p>
</div>
</div>
<div class="well">
<ul class="nav nav-list">
<li class="nav-header">Categories</li>
<li class=""><a href="/category"><i class="icon-home"></i> Home</a></li>
<li><a href="/category/dev"><i class="icon-book"></i> dev</a></li>
<li><a href="/category/story"><i class="icon-book"></i> story</a></li>
<li><a href="/category/haroopress"><i class="icon-book"></i> haroopress</a></li>
</ul>
</div>
<div class="well contributors">
<div class="pull-right">
<a href="/authors"><i class=" icon-info-sign"></i></a>
</div>
<h6>contributors</h6>
<div class="row-fluid">
<a class="pull-left" href="/authors/nezz" title="undefined">
<img src="http://www.gravatar.com/avatar/d1ca68e62108265ddf2e62b347aa716e?r=pg&amp;s=128.jpg&amp;d=identicon" />
</a>
<p>
<strong>nezz</strong><br/>
<a href="https://twitter.com/#!/imtaehyun" target="_blank">@imtaehyun</a>
</p>
</div>
<hr>
</div>
<div class="well">
<ul class="nav nav-list">
<li class="nav-header">Favorites</li>
<li>
<a href="http://haroopress.github.com" target="_blank">하루프레스 공식 사이트</a>
</li>
<li>
<a href="http://github.com/rhiokim/haroopress/" target="_blank">하루프레스 소스 저장소</a>
</li>
<li>
<a href="http://github.com/haroopress/haroopress-theme" target="_blank">하루프레스 테마 저장소</a>
</li>
<li>
<a href="http://rhio.tistory.com" target="_blank">하루프레스 개발자 블로그</a>
</li>
<li>
<a href="http://nodejs.kr" target="_blank">노드 한국 개발자 커뮤니티</a>
</li>
<li>
<a href="http://frends.kr" target="_blank">프론트 앤드 개발자 커뮤니티</a>
</li>
</ul>
</div>
</div>
<div class="span9">
<div class="well">
<div class="page-header">
<h1><a href="/post/introduction-to-node-js-with-ryan-dahl">Introduction to Node.js with Ryan Dahl</a></h1>
<span class="pull-right">Wednesday, November 14 2012 7:43 PM</span>
</div>
<div class="pull-right">
<ul class="thumbnails">
<li class="thumbnail">
<img src="http://www.gravatar.com/avatar/d1ca68e62108265ddf2e62b347aa716e?r=pg&amp;s=128.jpg&amp;d=identicon"/>
</li>
</ul>
</div>
<div class="markdown-wrapper">
<h1 id="toc_56">Node.js를 만든사람에게서 Node.js에 대해서 들어보자</h1>
<iframe width="560" height="315" src="http://www.youtube.com/embed/jo_B4LTHi3I" frameborder="0" allowfullscreen></iframe>
<p>위 영상은 Node.js를 만든 Ryan Dahl이 MarakanaTechTV에서 Node.js에 대해서 설명하고 몇가지 예제를 보여주는 영상이다. </p><p>Node가 0.4버전대 일때의 영상이라 벌써 1년 8개월 전이지만 Node에 대한 본질은 변하지 않았기에 살펴 보았다. </p><p>참고로 나는 영어를 원어민처럼 하지 못해서 들리는 부분만 정리해 보았다.</p>
</div>
<hr/>
<a class="pull-right" href="/post/introduction-to-node-js-with-ryan-dahl#disqus_thread" data-disqus-identifier="0"></a>
<p>
<a href="/post/introduction-to-node-js-with-ryan-dahl" class="btn btn-info">Read more...</a>
</p>
</div>
<div class="well">
<div class="page-header">
<h1><a href="/post/first-server-with-node">First Server with node</a></h1>
<span class="pull-right">Monday, November 12 2012 11:49 PM</span>
</div>
<div class="pull-right">
<ul class="thumbnails">
<li class="thumbnail">
<img src="http://www.gravatar.com/avatar/d1ca68e62108265ddf2e62b347aa716e?r=pg&amp;s=128.jpg&amp;d=identicon"/>
</li>
</ul>
</div>
<div class="markdown-wrapper">
<h1 id="toc_4">Node를 가지고 일단 맛을 보자</h1>
<p>이번 포스팅에서는 Node를 가지고 간단한 코드를 통해 Apache없이 웹서버를 만드는 방법을 알아보고자 한다. </p><p>Node 프로그램을 작성하기 전에 <a href="http://nodejs.org/api/">Node.js API Doc</a>을 먼저 살펴보자.</p>
<h2 id="toc_5">Hello World!!</h2>
<p>일단 첫번째 서버를 띄워보기 위해서 아래의 코드를 작성해 보자. 파일의 이름은 <code>파일명.js</code>로 하며 여기서는 예제로 <code>server.js</code>로 작성한다.</p>
</div>
<hr/>
<a class="pull-right" href="/post/first-server-with-node#disqus_thread" data-disqus-identifier="1"></a>
<p>
<a href="/post/first-server-with-node" class="btn btn-info">Read more...</a>
</p>
</div>
<div class="well">
<div class="page-header">
<h1><a href="/post/npm">npm</a></h1>
<span class="pull-right">Sunday, November 11 2012 11:38 PM</span>
</div>
<div class="pull-right">
<ul class="thumbnails">
<li class="thumbnail">
<img src="http://www.gravatar.com/avatar/d1ca68e62108265ddf2e62b347aa716e?r=pg&amp;s=128.jpg&amp;d=identicon"/>
</li>
</ul>
</div>
<div class="markdown-wrapper">
<h1 id="toc_63">Node Package Manager</h1>
<p>npm(Node Package Manger)는 node로 프로그래밍하는데 있어서 유용한 module들을 설치하고 업데이트하는 등의 관리를 도와준다.</p><p>또한 현재 사용하고 있는 node의 버전에 맞게 dependency check도 함께 해주는 유용함도 갖추고 있다.</p><p>npm은 따로 설치할 필요가 없다. node를 설치했다면 같이 설치되었을 것이다.</p><p><strong>npm website</strong> : <a href="http://npmjs.org/">http://npmjs.org/</a></p>
<h2 id="toc_64">사용법</h2>
<h3 id="toc_65">Module 설치법</h3>
<p><strong>npm install module_name</strong></p>
</div>
<hr/>
<a class="pull-right" href="/post/npm#disqus_thread" data-disqus-identifier="2"></a>
<p>
<a href="/post/npm" class="btn btn-info">Read more...</a>
</p>
</div>
<div class="well">
<div class="page-header">
<h1><a href="/post/haroopress-on-cloud-9">Cloud9 IDE에 하루프레스 설치하기!</a></h1>
<span class="pull-right">Friday, November 9 2012 10:53 PM</span>
</div>
<div class="pull-right">
<ul class="thumbnails">
<li class="thumbnail">
<img src="http://www.gravatar.com/avatar/d1ca68e62108265ddf2e62b347aa716e?r=pg&amp;s=128.jpg&amp;d=identicon"/>
</li>
</ul>
</div>
<div class="markdown-wrapper">
<h1 id="toc_31">맥이 없어도 하루프레스로 블로깅을 할 수 있다!</h1>
<p>현재 하루프레스는 맥에서만 사용가능하다고 하는데, 나는 집에서는 맥, 회사에서는 PC를 사용하고 있다. 그럼 회사에서는 포스팅을 할 수가 없어서 다른 방법이 있을까 찾아보다가 [Cloud9][c9]이라는 서비스가 있어서 여기에 하루프레스 설치를 시도해 보았다.</p><p>참고로 [Cloud9][c9]은 node.js로 만들어진 <strong>IDE툴</strong>, <strong>터미널</strong> 등등을 제공하는 곳이며, 또한 <strong>Github의 연동</strong>도 손쉽게 할 수 있도록 만들어진 무료서비스이다. 물론 유료 서비스도 있지만 무료를 사용해도 충분하다. 가입하는 방법은 매우 쉬우므로 생략하겠다.</p><p>이제부터 [Cloud9][c9]에 하루프레스를 설치하는 방법을 설명할 것이다. 하루프레스 공식홈페이지에서 설명하는 방법을 따라하면서 발생하는 오류를 살펴보고 그에 대한 대처를 어떻게 하는지를 설명한다. 맥에서 하루프레스를 한번이라도 써본 사람이라면 더 이해하기 쉬울것이다. 그럼 시작하자!</p>
<h2 id="toc_32">Haroopress를 설치하자!</h2>
<h3 id="toc_33">Create New Workspace - Clone From Url</h3>
<p>하루프레스를 설치하기 위해서는 먼저 새로운 워크스페이스를 만들어야 한다. 이를 위해 <code>Create New Workspace</code>버튼을 클릭하고 <code>Clone From Url</code>을 클릭한다.</p>
</div>
<hr/>
<a class="pull-right" href="/post/haroopress-on-cloud-9#disqus_thread" data-disqus-identifier="3"></a>
<p>
<a href="/post/haroopress-on-cloud-9" class="btn btn-info">Read more...</a>
</p>
</div>
<div class="well">
<div class="page-header">
<h1><a href="/post/harupeureseu-gaeindomein-seoljeongbangbeob">하루프레스 개인도메인 설정방법</a></h1>
<span class="pull-right">Monday, November 5 2012 10:45 PM</span>
</div>
<div class="pull-right">
<ul class="thumbnails">
<li class="thumbnail">
<img src="http://www.gravatar.com/avatar/d1ca68e62108265ddf2e62b347aa716e?r=pg&amp;s=128.jpg&amp;d=identicon"/>
</li>
</ul>
</div>
<div class="markdown-wrapper">
<p>하루프레스를 Github에 올려놓고 쓰고 있는데 Github 페이지를 개인도메인과 연결시킬 수 있다고 해서 시도하다가 몇번 삽질도 하고 해서 기록 및 다른 사람을 위해 기록해본다.</p>
<h2 id="toc_38">하루프레스 개인도메인 설정방법 (Github Only)</h2>
<h3 id="toc_39">1. 하루프레스 <code>config.js</code> 파일 수정</h3>
<p>하루프레스 root 폴더의 config.js파일을 열어 보면 다음과 같이 <code>CNAME</code>을 설정하는곳이 있는데 여기에 자신의 도메인 주소를 입력한다.</p><pre><code class="javascript">"CNAME": "nezz.pe.kr"
</code></pre>
</div>
<hr/>
<a class="pull-right" href="/post/harupeureseu-gaeindomein-seoljeongbangbeob#disqus_thread" data-disqus-identifier="4"></a>
<p>
<a href="/post/harupeureseu-gaeindomein-seoljeongbangbeob" class="btn btn-info">Read more...</a>
</p>
</div>
</div>
</div>
</div><!-- /container -->
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'nezz-blog'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
<footer class="footer">
<div class="container">
<div class="row">
<div class="span12 ">
<div class="well">
<p class="pull-right"><a href="#">Back to top</a></p>
<strong>haroopress</strong> developed by <a href="http://twitter.com/rhiokim" target="_blank">@rhiokim</a>,<a href="http://twitter.com/haroopress" target="_blank">@haroopress</a> and source in <a href="https://github.com/rhiokim/haroopress" target="_blank">github</a><br/>
Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.<br />
Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36216394-3']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>