RealMake | Whoborn Blog http://blog.whoborn.net 후본 블로그 Thu, 30 Mar 2017 01:06:45 +0000 ko-KR hourly 1 https://wordpress.org/?v=6.2 http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/blogfavicon.png RealMake | Whoborn Blog http://blog.whoborn.net 32 32 Centos 6.6 – 64 Nginx, php-fpm Install http://blog.whoborn.net/centos-6-6-64-nginx-php-fpm-install/ whoborn Wed, 26 Aug 2015 03:05:38 +0000 RealMake centos nginx php centos6.6 Nginx php php-fpm http://43.201.136.35/blog-whoborn-net/?p=968 <p>안녕하세요. 양승모 연구원 입니다. 오랜만에 글을 올립니다. 오늘은 Centos 6.6 버전 64비트에 Nginx, php-fpm을 설치 해보도록 하겠습니다. &#160; 먼저 epel-release 설치를 합니다. Extra Packages for Enterprise Linux Nginx를 설치하기 위해서 설치해야 합니다. yum install epel-release yum repolist 를 입력하면 Repository 가 추가 된것을 알 수 있습니다. &#160; Nginx 를 설치 합니다. yum install ngin... <p>안녕하세요. 양승모 연구원 입니다.</p> <p>오랜만에 글을 올립니다.</p> <p>오늘은 Centos 6.6 버전 64비트에 Nginx, php-fpm을 설치 해보도록 하겠습니다.</p> <p>&nbsp;</p> <p>먼저 epel-release 설치를 합니다.</p> <p>Extra Packages for Enterprise Linux</p> <p>Nginx를 설치하기 위해서 설치해야 합니다.</p> <p class="p1"><span class="s1">yum install epel-release</span></p> <p class="p1"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-969" src="http://blog.whoborn.net/wp-content/uploads/2015/08/capture-20150826-111245.png" alt="capture-20150826-111245" width="566" height="340" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-111245.png 566w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-111245-300x180.png 300w" sizes="(max-width: 566px) 100vw, 566px" /></p> <p class="p1"><span class="s1">yum repolist 를 입력하면 Repository 가 추가 된것을 알 수 있습니다.</span></p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-970" src="http://blog.whoborn.net/wp-content/uploads/2015/08/capture-20150826-111544.png" alt="capture-20150826-111544" width="563" height="235" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-111544.png 563w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-111544-300x125.png 300w" sizes="(max-width: 563px) 100vw, 563px" /></p> <p>&nbsp;</p> <p>Nginx 를 설치 합니다.</p> <p>yum install nginx</p> <p>명령어를 입력합니다.<br /> <img decoding="async" loading="lazy" class="alignnone size-full wp-image-971" src="http://blog.whoborn.net/wp-content/uploads/2015/08/capture-20150826-111950.png" alt="capture-20150826-111950" width="565" height="180" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-111950.png 565w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-111950-300x96.png 300w" sizes="(max-width: 565px) 100vw, 565px" /></p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-972" src="http://blog.whoborn.net/wp-content/uploads/2015/08/capture-20150826-112029.png" alt="capture-20150826-112029" width="349" height="203" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-112029.png 349w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-112029-300x174.png 300w" sizes="(max-width: 349px) 100vw, 349px" /></p> <p>설치가 완료 되면</p> <p>service nginx start</p> <p>명령어를 입력하여 Nginx를 시작합니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-973" src="http://blog.whoborn.net/wp-content/uploads/2015/08/capture-20150826-112350.png" alt="capture-20150826-112350" width="473" height="27" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-112350.png 473w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-112350-300x17.png 300w" sizes="(max-width: 473px) 100vw, 473px" /></p> <p>&nbsp;</p> <p>php-fpm 을 설치 합니다.</p> <p>yum install php-fpm</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-974" src="http://blog.whoborn.net/wp-content/uploads/2015/08/capture-20150826-112744.png" alt="capture-20150826-112744" width="565" height="180" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-112744.png 565w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-112744-300x96.png 300w" sizes="(max-width: 565px) 100vw, 565px" /></p> <p>&nbsp;</p> <p>Nginx, php-fpm 이 설치가 완료 되었습니다.</p> <p>설치가 완료 되면 몇가지 설정 파일을 수정 해줘야 합니다.</p> <p>&nbsp;</p> <p class="p1"><span class="s1">vi /etc/nginx/conf.d/default.conf  명령어를 입력하여 설정파일을 수정 하겠습니다.</span></p> <p class="p1"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-975" src="http://blog.whoborn.net/wp-content/uploads/2015/08/capture-20150826-113130.png" alt="capture-20150826-113130" width="523" height="725" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-113130.png 523w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-113130-216x300.png 216w" sizes="(max-width: 523px) 100vw, 523px" /></p> <p class="p1">server _name 에 원하는 이름이나 IP 주소를 입력합니다..</p> <p class="p1"><span class="s1">location / {</span></p> <p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>root <span class="Apple-converted-space">  </span>/usr/share/nginx/html;</span></p> <p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>index<span class="Apple-converted-space">  </span>index.html index.htm index.php;</span></p> <p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>}</span></p> <p class="p1">root 위치를 원하는 위치로 변경 합니다.</p> <p class="p1">그리고 index.php 를 index에 추가 합니다.</p> <p class="p1"><span class="s1">location ~ \.php$ {</span></p> <p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>root <span class="Apple-converted-space">          </span>/usr/share/nginx/html;</span></p> <p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>fastcgi_pass <span class="Apple-converted-space">  </span>127.0.0.1:9000;</span></p> <p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>fastcgi_index<span class="Apple-converted-space">  </span>index.php;</span></p> <p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>fastcgi_param<span class="Apple-converted-space">  </span>SCRIPT_FILENAME<span class="Apple-converted-space">  </span>$document_root$fastcgi_script_name;</span></p> <p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>include<span class="Apple-converted-space">        </span>fastcgi_params;</span></p> <p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>}</span></p> <p class="p1">아래 쪽에 이부분을 주석을 풀어주고 root를 위에 수정한 것과 같게 수정합니다.</p> <p class="p1">또 fastcgi_param<span class="Apple-converted-space">  </span>SCRIPT_FILENAME 뒤에 부분을 $document_root$fastcgi_script_name 으로 수정합니다.</p> <p class="p1"> <p class="p1"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-976" src="http://blog.whoborn.net/wp-content/uploads/2015/08/capture-20150826-114301.png" alt="capture-20150826-114301" width="475" height="45" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-114301.png 475w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-114301-300x28.png 300w" sizes="(max-width: 475px) 100vw, 475px" /></p> <p class="p1">Nginx 를 재시작 합니다.</p> <p class="p1">그리고 서버 IP 나 도메인으로 접속 하면</p> <p class="p1"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-977" src="http://blog.whoborn.net/wp-content/uploads/2015/08/capture-20150826-114912.png" alt="capture-20150826-114912" width="684" height="473" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-114912.png 684w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-114912-300x207.png 300w" sizes="(max-width: 684px) 100vw, 684px" /></p> <p class="p1">Nginx 기본 페이지가 나옵니다.</p> <p class="p1"> <p class="p1">이제 php 테스트를 해보겠습니다.</p> <p class="p1"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-978" src="http://blog.whoborn.net/wp-content/uploads/2015/08/capture-20150826-115217.png" alt="capture-20150826-115217" width="432" height="87" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-115217.png 432w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-115217-300x60.png 300w" sizes="(max-width: 432px) 100vw, 432px" /></p> <p class="p1">root  로 이동하여 저는 test 폴더를 만들고  info.php 파일을 만들었습니다.</p> <p class="p1">그리고 파일 안에</p> <p class="p1"><span class="s1">&lt;?php</span></p> <p class="p1"><span class="s1">phpinfo();</span></p> <p class="p1"><span class="s1">?&gt;</span></p> <p class="p1">를 입력하고 저장합니다.</p> <p class="p1"> php=fpm 을 시작합니다.</p> <p class="p1"><span class="s1">service php-fpm start</span></p> <p class="p1">그리고 info.php 가 있는 위치로 접속을 해보면</p> <p class="p1"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-979" src="http://blog.whoborn.net/wp-content/uploads/2015/08/capture-20150826-120011.png" alt="capture-20150826-120011" width="622" height="264" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-120011.png 622w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/08/capture-20150826-120011-300x127.png 300w" sizes="(max-width: 622px) 100vw, 622px" /></p> <p class="p1"> <p class="p1">phpinfo() 가 보입니다.</p> <p class="p1"> <p class="p1">여기까지 Nginx 와 php-fpm 설치 및 설정 방법이였습니다.</p> <p class="p1">언제가 될 지는 모르겠지만  다음에는  MariaDB 설치 하는 방법을 올리겠습니다.</p> <p class="p1">The post <a href="http://blog.whoborn.net/centos-6-6-64-nginx-php-fpm-install/">Centos 6.6 – 64 Nginx, php-fpm Install</a> first appeared on <a href="http://blog.whoborn.net">Whoborn Blog</a>. 펌웨어 성향이 강해지면서 간과할뻔 했던 web개발의 기초 of 기초 !! http://blog.whoborn.net/%ed%8e%8c%ec%9b%a8%ec%96%b4-%ec%84%b1%ed%96%a5%ec%9d%b4-%ea%b0%95%ed%95%b4%ec%a7%80%eb%a9%b4%ec%84%9c-%ea%b0%84%ea%b3%bc%ed%95%a0%eb%bb%94-%ed%96%88%eb%8d%98-web%ea%b0%9c%eb%b0%9c%ec%9d%98-%ea%b8%b0/ whoborn Fri, 26 Jun 2015 16:27:25 +0000 RealMake AJAX BOOTSTRAP CGI CLIENT CSS FTP HTML HTTP JQUERY JS JSON WAS WEB WEBSERVER XM http://43.201.136.35/blog-whoborn-net/?p=886 <p>허허허 안녕하세요? 최근 자전거타다 다친 이연구원입니다. 오랫만입니다 포스팅은.. 최근 하드웨어성향이 짙어지면서 c 언어만 조물딱 거리다가 후본의 새로운 특허사업의 웹페이지를 살짝 거들게 되었습니다. 아직 브라우저 호환성 문제로 고칠것이 많지만..  어찌됬든 본문에 앞서 아래 키워드들을 한번 훑고 지나가겠습니다. HTML / CSS / JS / XML / JQUERY / AJAX / BOOTSTRAP / JSON / CLIENT / WEBSERVER / WAS / HTTP / FTP 이미 훌륭하신 개발고수분들은 이것들의 상호 ... <p style="text-align: center;">허허허 안녕하세요? 최근 자전거타다 다친 이연구원입니다. 오랫만입니다 포스팅은.. 최근 하드웨어성향이 짙어지면서 c 언어만 조물딱 거리다가 후본의 새로운 특허사업의 웹페이지를 살짝 거들게 되었습니다. 아직 브라우저 호환성 문제로 고칠것이 많지만..  어찌됬든 본문에 앞서 아래 키워드들을 한번 훑고 지나가겠습니다.</p> <p>HTML / CSS / JS / XML / JQUERY / AJAX / BOOTSTRAP / JSON / CLIENT / WEBSERVER / WAS / HTTP / FTP</p> <p>이미 훌륭하신 개발고수분들은 이것들의 상호 연관성이 한컷에 머리속에 그려지겠지만.. 이번 기회를 통해 웹개발의 기초적인 환경을 이해하고 넘어가고자 하며 비전공자 분들에게도 도움이 되셨으면 하네요!!</p> <p>1. 클라이언트 / 서버 / 프로토콜</p> <p>우선 흔히 말하는 웹은 아래 그림과 같이 클라이어트와 서버의 요청-응답 행위로 이루어지는 하나의 서비스 환경입니다.<br /> <a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/1.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-887" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/1.png" alt="1" width="716" height="244" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/1.png 716w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/1-300x102.png 300w" sizes="(max-width: 716px) 100vw, 716px" /></a></p> <p>클라이언트 : 말그대로 이 서비스의 고객이며 PC를 통해 서비스를 요청하고 그 결과를 전달받는 이용자들이라고 할수 있죠.  보통 서비스 요청은 URL의 형태입니다.</p> <p>서버 : 서비스를 제공하는 주체로서 클라이언트의 요청에 대한 결과를 반환하는 역할을 합니다.  보통의 응답은 HTML, JS, CSS 의 형태입니다.</p> <p>Hyper Text : 참조(<a title="하이퍼링크" href="https://ko.wikipedia.org/wiki/%ED%95%98%EC%9D%B4%ED%8D%BC%EB%A7%81%ED%81%AC">하이퍼링크</a>)를 통해 독자가 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트이다. 주로 컴퓨터나 다른 전자기기들을 통해 표시된다. [구글 위키 발췌]</p> <p>HTTP(Hyper Text Transfer Protocol) : 클라이언트와 서버 사이에 데이터를 상호전달하기 위한 일종의 약속이자 규약입니다.</p> <p>( 넘치는 학구열로 흔히 사용되는 단어 하나하나까지 일일이 집고 넘어가겠습니닷. 빱! 이니깐 !!!!  <del>Basic of Basic&#8230;</del> )</p> <p><strong>2. 요청과 응답을 위한 도구</strong></p> <p>요청과 응답에는 각각 그 행위를 할때 필요한 주체와 도구, 전달될 데이터가 존재합니다. 무슨소린고 하니.. 정의하고 갑시다.<br /> 요청은 <strong>클라이언트</strong>가 <strong>브라우저</strong>라는 도구를 통해서 <strong>URL</strong>을 전송하는 것이며<br /> 응답은<strong> 서버</strong>가 <strong>웹서버</strong>라는 프로그램을 통해서 <strong>HTML, JS, CSS</strong>와 같은 데이터를 전송하는 것이란 말입니다.</p> <p><a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/21.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-889" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/21.png" alt="2" width="917" height="244" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/21.png 917w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/21-300x80.png 300w" sizes="(max-width: 917px) 100vw, 917px" /></a></p> <p>(<del>웹서버를 표현할 그림이 떠오르지 않습니다.그림이 점점 진화해 갑니다. 점점 어마어마해집니다. )</del></p> <p>&nbsp;</p> <p><strong>3. 클라이언트(브라우저) &#8211; html, css, js, jqeury, xml, ajax</strong></p> <p>음.. 클라이언트는 브라우저라는 도구를 통해 데이터를 요청하고 수신된 데이터를 출력하는데 이 과정을 &#8220;웹브라우저에 요청한 웹페이지를 띄운다&#8221; 라고도 표현할 수 있겠네요. 때문에 웹페이지가 브라우저에 출력되는 과정에서 필요한 데이터(문서)들을 집고 넘어갈 까 합니다.</p> <p><a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/31.png"><img decoding="async" loading="lazy" class="alignnone wp-image-892" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/31.png" alt="3" width="859" height="373" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/31.png 1004w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/31-300x130.png 300w" sizes="(max-width: 859px) 100vw, 859px" /></a></p> <p>위 그림처럼 서버에 저장되어있던 3가지의 파일들이 브라우저 안에서 실행되면서 현제 보시는것과 같은 웹페이지가 출력된다는 말입니다.<del>(아.. 뭔가 했던말 계속 하는것같다. 글을 엄청 못쓰는것같다.</del>) 어찌됬든 나름의 용어정리 !</p> <p>HTML(Hyper Text Markup Language) : 하이퍼 텍스트로 표현 된, 즉 사용자가 브라우저를 통해 눈으로 볼 수 있는 문서</p> <p>CSS(Cascading Style Sheet) : markup language가 실제로 표시되는 방법을 기술하는 언어( 색이라던지.. 굵기라던지.. 간격이라던지&#8230;)</p> <p>JS(JAVA Script): 객체기반의 스크립터 프로그래밍 언어로 웹브라우저 내에서 주로 사용된다. 음.. html이 단순히 글자를 표현하고 링크만 한다면 JS는 버튼이벤트와 같은 기능적인 요소를 작성한다고 생각하면 되겠다.</p> <p>쉽게말하면 HTML이 뼈,  CSS가 살, JS가 그뉵!!!!!! 이라고 생각한다!!!이 3가지를 언급한김에 AJAX와 XML을 언급하고 넘어가야겠다.</p> <p>XML (X-Markup Language) : 확장된 마크업 언어라니.. HTML과는 다르게 주로 인터넷에 연결된 시스템끼리 데이터를 쉽게 주고받을수 있게 하여 HTML의 한계를 극복할 목적으로 만들어진 문서라고 한다. 웹서비스와 비동기적으로 데이터를 교환하기위함</p> <p>AJAX( Java script and xml) : 웹개발 기법으로 대화식 웹 애플리케이션 제작을 위해 html, css, js, xml 를 사용한다. 사실 이걸 이해하는게 가장 중요한 것 같다.<br /> <strong>3. 서버 &#8211; 웹서버와 was</strong></p> <p>&nbsp;</p> <p>다음은 서버쪽을 살펴볼 생각인데, 서버는 웹서버라는 프로그램 을 이용하여 요청(URL)을 수신하고 데이터를 전달한다고 했습니다.  흔히 JAVA하시는 분들이 알고계시는 아파치사의 apache!! 이것이 바로 웹서버 입니다. 그 외에도 MS의 IIS,  tMax의 WebtoB 등이 있네요. 하지만 그저 그런 기능밖에 없는 프로그램입니다 서버는 ! 미리 준비된 문서들을 그대로 보내기만 하는것이죠. 그라믄 클라이언트에서 데이터베이스에 데이터를 접근하고싶다는 요청을 한다면?</p> <p>이처럼 서버 내에서 클라이언트의 요청을 동적으로 처리하기위해 서버내에서 외부 프로그램일 실행시켜 요청에 대한 결과물을 만드는 기법을 고안해 내었고 그것이 과거에 주로 쓰였던 CGI(Common Gateway Interface)입니다.</p> <p><a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/5.png"><img decoding="async" loading="lazy" class="alignnone wp-image-895" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/5.png" alt="5" width="892" height="413" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/5.png 1004w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/5-300x139.png 300w" sizes="(max-width: 892px) 100vw, 892px" /></a></p> <p>&nbsp;</p> <p><del>(허허..  사실 내가 적당한 그림을 그리고 있는건지 아직 잘 모르겠다.)</del></p> <p>하지만 CGI 기법은 하나의 요청을 처리하기위해 CGI 프로그램을 실행시켜야 하고 그 다음 2번째 요청은 CGI 프로그램이 일처리를 끝낼때까지 기다려야만 했죠.</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>때문에 !! 등장한게 서블릿!! 콘테이너!! WAS !! 등 다양한 이름으로 불리우는 이것인데 이글에서는  WAS(Web Application Service) 서버라고 하겠습니다.</p> <p>Web Server는 데이터베이스 처리등과 같은 동적처리가 필요할 경우 WAS 서버로 요청을 모두 던져버립니다.  객체단위로 처리하는 WAS덕에 비교적 짧은 시간에 많은량의 요청을 처리할 수 있게 되죠!</p> <p>WAS의 종류로는</p> <p>아파치사의 tomcat : 컨테이너 안에서 JSP를 실행 , spring framework가 있음<br /> tMax의 JEUS (Java Enterprize User Solution), 한국산 WAS!!</p> <p>정도가 있습니다.<br /> (종종 톰켓이 엄밀히 따지만 WAS면 아니다 하는 이야기를 종종 접할수 있는데, 참고만 하시길..)</p> <p>&nbsp;</p> <p><img decoding="async" loading="lazy" class="alignnone wp-image-893" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/4.png" alt="4" width="863" height="400" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/4.png 1004w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/4-300x139.png 300w" sizes="(max-width: 863px) 100vw, 863px" /></p> <p>&nbsp;</p> <p>#asp나 php, jsp는 서버스크립트 언어로서 WAS에서 실행되는 프로그램이기도 하다.<br /> #각각 호환되는 웹서버와 WAS를 선택하여 개발환경을 꾸려가는거다.</p> <p>&nbsp;</p> <p>4. jQuery와 bootstrap</p> <p>jQuery : JS는 개발자 하기에 따라 매우 엄청 어마무시하게 다양한 형태로 사용되며 사용하기가 꽤 번거롭습니다. 그중 쓸만한 라이브러리들을 모아 제공하는 Java Script 라이브러리 패키지라고 생각하시면 되겠습니다.<br /> bootstrap: JS와 CS 라이브러리</p> <p>=&gt;jQuery 는 Form 요소에 대해 강점을 가지고 다양한 컨트롤을 제공하고 Bootstrap은 Layout에 중점을 두고 있다고 보시면 되겠습니다! div테그에 클레스만 부여해도 촤촤촵 만들어지니..</p> <p>&nbsp;</p> <p>하.. 뭔가 부족하다 정리가 덜된느낌입니다. 나름 이해한대로 써보긴 했는데 잘못된 부분이 있다면 지적해주시고 도움이 된다면 더할나위 없이 좋겠네요 그럼 2만!</p>The post <a href="http://blog.whoborn.net/%ed%8e%8c%ec%9b%a8%ec%96%b4-%ec%84%b1%ed%96%a5%ec%9d%b4-%ea%b0%95%ed%95%b4%ec%a7%80%eb%a9%b4%ec%84%9c-%ea%b0%84%ea%b3%bc%ed%95%a0%eb%bb%94-%ed%96%88%eb%8d%98-web%ea%b0%9c%eb%b0%9c%ec%9d%98-%ea%b8%b0/">펌웨어 성향이 강해지면서 간과할뻔 했던 web개발의 기초 of 기초 !!</a> first appeared on <a href="http://blog.whoborn.net">Whoborn Blog</a>. [Ubuntu 14_04_LTS] MySQL 설치 http://blog.whoborn.net/ubuntu-14_04_lts-mysql-%ec%84%a4%ec%b9%98/ whoborn Mon, 01 Jun 2015 09:28:25 +0000 RealMake mysql ubuntu mysql http://43.201.136.35/blog-whoborn-net/?p=801 <p>MySQL 설치및 외부접속 설정을 해보겠습니다. &#160; 1. MySQL 설치 #apt-get install mysql-server 명령어로 설치 ROOT 비밀번호 설정  비밀번호 설정이 되면 설치를 다시 시작합니다. &#160; &#160; 2. MySQL 설정 ROOT 로그인 mysql -u root -p 외부접속 설정 mysql&#62; GRANT ALL PRIVILEGES ON *.* to &#8216;계정&#8217;@&#8217;%&#8217; IDENTIFIED BY &#8216;비밀번호&#8217;; /etc... <p>MySQL 설치및 외부접속 설정을 해보겠습니다.</p> <p>&nbsp;</p> <p>1. MySQL 설치</p> <p>#apt-get install mysql-server</p> <p>명령어로 설치</p> <p>ROOT 비밀번호 설정</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-802" src="http://blog.whoborn.net/wp-content/uploads/2015/06/capture-20150601-172929.png" alt="capture-20150601-172929" width="774" height="339" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-172929.png 774w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-172929-300x131.png 300w" sizes="(max-width: 774px) 100vw, 774px" /></p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-803" src="http://blog.whoborn.net/wp-content/uploads/2015/06/capture-20150601-173000.png" alt="capture-20150601-173000" width="387" height="185" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-173000.png 387w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-173000-300x143.png 300w" sizes="(max-width: 387px) 100vw, 387px" /> 비밀번호 설정이 되면 설치를 다시 시작합니다.</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>2. MySQL 설정</p> <p>ROOT 로그인</p> <p>mysql -u root -p</p> <p>외부접속 설정</p> <p>mysql&gt; GRANT ALL PRIVILEGES ON *.* to &#8216;계정&#8217;@&#8217;%&#8217; IDENTIFIED BY &#8216;비밀번호&#8217;;</p> <p class="p1"><span class="s1">/etc/mysql  경로에 </span></p> <p class="p1"><span class="s1"># vi my.cnf  파일 수정</span></p> <p class="p1"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-804" src="http://blog.whoborn.net/wp-content/uploads/2015/06/capture-20150601-181704.png" alt="capture-20150601-181704" width="535" height="335" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-181704.png 535w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-181704-300x188.png 300w" sizes="(max-width: 535px) 100vw, 535px" /></p> <p class="p1">47번째 줄에</p> <p class="p1"><span class="s1">#bind-address <span class="Apple-converted-space">          </span>= 127.0.0.1 </span></p> <p class="p1">주석 처리</p> <p class="p1">MySQL 재시작</p> <p class="p1"><span class="s1"># service mysql restart</span></p> <p class="p1">The post <a href="http://blog.whoborn.net/ubuntu-14_04_lts-mysql-%ec%84%a4%ec%b9%98/">[Ubuntu 14_04_LTS] MySQL 설치</a> first appeared on <a href="http://blog.whoborn.net">Whoborn Blog</a>. [Ubuntu 14_04_LTS] 자바, Apache2, Tomcat7 설치 http://blog.whoborn.net/ubuntu-14_04_lts-%ec%9e%90%eb%b0%94-apache2-tomcat7-%ec%84%a4%ec%b9%98/ whoborn Mon, 01 Jun 2015 06:47:30 +0000 RealMake 아파치 우분투 톰캣 아파치 톰캣 톰캣 아파치 연결 http://43.201.136.35/blog-whoborn-net/?p=784 <p>Ubutu 에 Apache, Tomcat, Java를 설치 하겠습니다. &#160; 1. 자바 설치(버전 7) #add-apt-repository ppa:webupd8team/java #apt-get update #apt-get install oracle-java7-installer #java -version &#160; 2. 아파치 설치 #apt-get install apache2 #apache2 -version &#160; IP 주소 접속 시 아파치기본 화면 출력 &#160; 3. 톰캣 설치 #apt-get install ... <p>Ubutu 에 Apache, Tomcat, Java를 설치 하겠습니다.</p> <p>&nbsp;</p> <p>1. 자바 설치(버전 7)</p> <p>#add-apt-repository ppa:webupd8team/java<br /> #apt-get update<br /> #apt-get install oracle-java7-installer<br /> #java -version</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-785" src="http://blog.whoborn.net/wp-content/uploads/2015/06/capture-20150601-133833.png" alt="capture-20150601-133833" width="449" height="44" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-133833.png 449w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-133833-300x29.png 300w" sizes="(max-width: 449px) 100vw, 449px" /></p> <p>&nbsp;</p> <p>2. 아파치 설치</p> <p>#apt-get install apache2</p> <p>#apache2 -version</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-786" src="http://blog.whoborn.net/wp-content/uploads/2015/06/capture-20150601-134318.png" alt="capture-20150601-134318" width="269" height="28" /></p> <p>&nbsp;</p> <p>IP 주소 접속 시 아파치기본 화면 출력<img decoding="async" loading="lazy" class="alignnone size-full wp-image-788" src="http://blog.whoborn.net/wp-content/uploads/2015/06/capture-20150601-135400.png" alt="capture-20150601-135400" width="816" height="355" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-135400.png 816w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-135400-300x131.png 300w" sizes="(max-width: 816px) 100vw, 816px" /></p> <p>&nbsp;</p> <p>3. 톰캣 설치</p> <p>#apt-get install tomcat7</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-787" src="http://blog.whoborn.net/wp-content/uploads/2015/06/capture-20150601-134715.png" alt="capture-20150601-134715" width="440" height="58" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-134715.png 440w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-134715-300x40.png 300w" sizes="(max-width: 440px) 100vw, 440px" /></p> <p>IP주소:8080 접속시  톰캣 기본화면 출력</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-789" src="http://blog.whoborn.net/wp-content/uploads/2015/06/capture-20150601-135418.png" alt="capture-20150601-135418" width="891" height="215" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-135418.png 891w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-135418-300x72.png 300w" sizes="(max-width: 891px) 100vw, 891px" /></p> <p>&nbsp;</p> <p>4. mod_jk 설치</p> <p>아파치 톰캣 연동 모듈</p> <p>#apt-get install libapache2-mod-jk</p> <p>&nbsp;</p> <p>4-1. mod_jk 설정</p> <p class="p1"><span class="s1">/etc/libapache2-mod-jk 경로의  </span></p> <p class="p1"><span class="s1">workers.properties 이 설정 파일</span></p> <p class="p1">#vi  workers.properties</p> <p class="p1">편집</p> <p class="p1"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-793" src="http://blog.whoborn.net/wp-content/uploads/2015/06/capture-20150601-142513.png" alt="capture-20150601-142513" width="545" height="347" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-142513.png 545w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-142513-300x191.png 300w" sizes="(max-width: 545px) 100vw, 545px" /></p> <p class="p1">톰캣 설치 경로  자바설치 경로  입력</p> <p class="p1"> <p class="p1">5. 톰캣 설정</p> <p class="p1">/var/lib/tomcat7/conf/</p> <p class="p1">경로에 server.xml 파일 편집</p> <p class="p1">#vi server.xml</p> <p class="p1">94번째 줄 96번째 줄 주석 삭제</p> <p class="p1"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-791" src="http://blog.whoborn.net/wp-content/uploads/2015/06/capture-20150601-145815.png" alt="capture-20150601-145815" width="679" height="287" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-145815.png 679w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-145815-300x127.png 300w" sizes="(max-width: 679px) 100vw, 679px" /></p> <p class="p1">6. 아파치 설정</p> <p class="p1"><span class="s1">/etc/apache2/sites-available</span></p> <p class="p1">경로에</p> <p class="p1"><span class="s1">000-default.conf 파일 설정 변경  (ubuntu_14_04_LTS 기준)</span></p> <p class="p1">마지막 부분에 추가</p> <p class="p1"><img decoding="async" loading="lazy" class="alignnone wp-image-797 size-full" src="http://blog.whoborn.net/wp-content/uploads/2015/06/capture-20150601-153304.png" alt="capture-20150601-153304" width="768" height="338" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-153304.png 768w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-153304-300x132.png 300w" sizes="(max-width: 768px) 100vw, 768px" /></p> <p class="p1"><span class="s1">JKMount /whoborn/* ajp13_worker  </span></p> <p class="p1">whoborn/*  아래 파일을  ajp13_worker 로 연결해 줍니다.</p> <p class="p1"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-798" src="http://blog.whoborn.net/wp-content/uploads/2015/06/capture-20150601-153826.png" alt="capture-20150601-153826" width="429" height="111" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-153826.png 429w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/06/capture-20150601-153826-300x78.png 300w" sizes="(max-width: 429px) 100vw, 429px" /></p> <p class="p1">테스트 결과  8080 포트가 아닌  80포트로 접속이 되는것을 확인 해볼 수 있습니다.</p>The post <a href="http://blog.whoborn.net/ubuntu-14_04_lts-%ec%9e%90%eb%b0%94-apache2-tomcat7-%ec%84%a4%ec%b9%98/">[Ubuntu 14_04_LTS] 자바, Apache2, Tomcat7 설치</a> first appeared on <a href="http://blog.whoborn.net">Whoborn Blog</a>. 본격! 3D Printer로 자전거 꾸미기 _ Bar end cap 편 http://blog.whoborn.net/%eb%b3%b8%ea%b2%a9-3d-printer%eb%a1%9c-%ec%9e%90%ec%a0%84%ea%b1%b0-%ea%be%b8%eb%af%b8%ea%b8%b0-_-bar-end-cap-%ed%8e%b8/ whoborn Sun, 31 May 2015 13:33:13 +0000 RealMake http://43.201.136.35/blog-whoborn-net/?p=665 <p>안녕하세요 !!!! 자전거타는 이연구원입니다. 라이딩의 계절이 다가옵니다 핳핳핳 ! 오늘은 주제는 바로 3D Printer로 자전거 꾸미기! 그 첫번째 포스팅입니다~~!!!!(짝짝짝) 사실 제가 지난 목요일 날 새로운 저의 애마 칠칠이를 입양하고 금요일 날  엘파마를 입양보내고와 만감이 교차합니다 T^T.. 우선 저의 너무너무너무 멋진 이테리 감성의 칠칠이를 소개합니다 !!!!! 사진을 못찍는건 흠이지만 .. 이글을 보시는 중이 이녀석의 가치를 알아봐주시는 분이 얼마나 계실지.. 지난달 월급의 상당부분이 .. 중요한 것은 !!... <p style="text-align: center;">안녕하세요 !!!! 자전거타는 이연구원입니다. 라이딩의 계절이 다가옵니다 핳핳핳 !<br /> 오늘은 주제는 바로 3D Printer로 자전거 꾸미기! 그 첫번째 포스팅입니다~~!!!!(짝짝짝)</p> <p style="text-align: center;">사실 제가 지난 목요일 날 새로운 저의 애마 칠칠이를 입양하고 금요일 날  엘파마를 입양보내고와 만감이 교차합니다 T^T..<br /> 우선 저의 너무너무너무 멋진 이테리 감성의 칠칠이를 소개합니다 !!!!!</p> <p style="text-align: center;"><a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638859.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-691" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638859.jpg" alt="KakaoTalk_20150524_183638859" width="960" height="720" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638859.jpg 960w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638859-300x225.jpg 300w" sizes="(max-width: 960px) 100vw, 960px" /></a></p> <p style="text-align: center;">사진을 못찍는건 흠이지만 .. 이글을 보시는 중이 이녀석의 가치를 알아봐주시는 분이 얼마나 계실지..<br /> 지난달 월급의 상당부분이 ..</p> <p style="text-align: center;">중요한 것은 !! 칠칠이를 분양해올 때 바엔드캡(자전거 핸들바 끝부분의 마게) 한쪽이 분실되었다는 겁니다..ㅠㅠ<br /> 3천원이면 사는 부품이긴 하지만 바테잎(그립감을 위해 핸들바에 감싸놓은 고무테잎)이 풀리는 것을 방지하기위해 급조로 뭐라도 끼어넣으려던 찰나에 !</p> <p style="text-align: center;"><a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638338.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-689" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638338.jpg" alt="KakaoTalk_20150524_183638338" width="480" height="360" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638338.jpg 960w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638338-300x225.jpg 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638338-75x55.jpg 75w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638338-400x300.jpg 400w" sizes="(max-width: 480px) 100vw, 480px" /></a> <a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638032.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-688" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638032.jpg" alt="KakaoTalk_20150524_183638032" width="479" height="359" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638032.jpg 960w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638032-300x225.jpg 300w" sizes="(max-width: 479px) 100vw, 479px" /></a></p> <p style="text-align: center;">짠 ~ 우리의 양연구원님께서 친히 지하공방에 3D 프린터로 3가지 모델의 바엔드 캡을 뽑아주셨습니다 !!<br /> (STL 파일출처 : http://www.thingiverse.com/)</p> <p style="text-align: center;"><a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638705.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-690" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638705.jpg" alt="KakaoTalk_20150524_183638705" width="960" height="720" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638705.jpg 960w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/KakaoTalk_20150524_183638705-300x225.jpg 300w" sizes="(max-width: 960px) 100vw, 960px" /></a></p> <p style="text-align: center;">덕분에 이렇게 검흰빨 색상의 칠칠이에게 어울리는 바엔드 캡을 달 수 있었습니다 T^To<br /> 그리고 순간 문<span style="font-size: 18pt;"><strong>뜱</strong></span>!! 저희 REAL MAKE 에서 개발 진행중인 W-engine !!!! 이 떠오더군요.<br /> 저기에 LED가 좌좌자ㅘ앙 달려있으면 후미등의 역할을 할 수 있는 멋진 캡이 되겠거니 !!!!!</p> <p style="text-align: center;">대략 이런모습입니다만<br /> <a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/unnamed-file-2.png"><img decoding="async" loading="lazy" class="alignnone wp-image-739" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/unnamed-file-2.png" alt="그림판" width="493" height="422" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/unnamed-file-2.png 804w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/unnamed-file-2-300x257.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/unnamed-file-2-768x657.png 768w" sizes="(max-width: 493px) 100vw, 493px" /></a><a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/unnamed-file.png"><img decoding="async" loading="lazy" class="alignnone wp-image-745" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/unnamed-file.png" alt="그림판2" width="508" height="434" /></a></p> <p style="text-align: center;">짱멋있죠..????? 상상만 해도 두근거리지 않습니까 !!!!!!!</p> <p style="text-align: center;">이렇게 하나하나 3D 프린트 솔루션의 산출물을 만들어갈 생각입니다. 하하하하하핳하하ㅏ<br /> 그럼 20000!!</p>The post <a href="http://blog.whoborn.net/%eb%b3%b8%ea%b2%a9-3d-printer%eb%a1%9c-%ec%9e%90%ec%a0%84%ea%b1%b0-%ea%be%b8%eb%af%b8%ea%b8%b0-_-bar-end-cap-%ed%8e%b8/">본격! 3D Printer로 자전거 꾸미기 _ Bar end cap 편</a> first appeared on <a href="http://blog.whoborn.net">Whoborn Blog</a>. 구글 웹마스터 도구 사용법 http://blog.whoborn.net/%ea%b5%ac%ea%b8%80-%ec%9b%b9%eb%a7%88%ec%8a%a4%ed%84%b0-%eb%8f%84%ea%b5%ac-%ec%82%ac%ec%9a%a9%eb%b2%95/ whoborn Mon, 25 May 2015 13:40:28 +0000 RealMake google webmaster 구글 웹마스터 http://43.201.136.35/blog-whoborn-net/?p=677 <p>구글 웹마스터 도구 사용법에 대해 설명 하겠습니다. 구글 웹 마스터 도구는 Google Search Console은 사용자가 사이트의 Google 검색결과 순위를 모니터링하고 관리할 수 있도록 돕기 위해 Google에서 무료로 제공하는 서비스입니다. 라고 https://support.google.com/webmasters/answer/4559176?hl=ko 설명 되어있습니다. &#160; 일단 https://www.google.com/webmasters 에 접속하여 로그인 합니다. 그리고  오른쪽 위에 속성 추가를 클릭 합니... <p>구글 웹마스터 도구 사용법에 대해 설명 하겠습니다.</p> <p>구글 웹 마스터 도구는</p> <p>Google Search Console은 사용자가 사이트의 Google 검색결과 순위를 모니터링하고 관리할 수 있도록 돕기 위해 Google에서 무료로 제공하는 서비스입니다.</p> <p>라고</p> <p><a href="https://support.google.com/webmasters/answer/4559176?hl=ko" target="_blank">https://support.google.com/webmasters/answer/4559176?hl=ko</a></p> <p>설명 되어있습니다.</p> <p>&nbsp;</p> <p>일단</p> <p><a href="https://www.google.com/webmasters" target="_blank">https://www.google.com/webmasters</a></p> <p>에 접속하여 로그인 합니다.</p> <p>그리고 <img decoding="async" loading="lazy" class="alignnone size-full wp-image-678" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150525-221504.png" alt="capture-20150525-221504" width="1071" height="511" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-221504.png 1071w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-221504-300x143.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-221504-1024x489.png 1024w" sizes="(max-width: 1071px) 100vw, 1071px" /></p> <p>오른쪽 위에 속성 추가를 클릭 합니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-679" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150525-222258.png" alt="capture-20150525-222258" width="498" height="205" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-222258.png 498w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-222258-300x123.png 300w" sizes="(max-width: 498px) 100vw, 498px" /></p> <p>관리 할 웹 페이지의 URL를 입력 합니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-680" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150525-222517.png" alt="capture-20150525-222517" width="1033" height="487" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-222517.png 1033w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-222517-300x141.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-222517-1024x483.png 1024w" sizes="(max-width: 1033px) 100vw, 1033px" /></p> <p>소유권 확인을 합니다. 파일을 다운 받아서 업로드 해도 되지만 전 대체방법을 선택 하겠습니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-681" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150525-222620.png" alt="capture-20150525-222620" width="1034" height="601" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-222620.png 1034w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-222620-300x174.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-222620-1024x595.png 1024w" sizes="(max-width: 1034px) 100vw, 1034px" /></p> <p>HTML 메타 태그를 삽입하는 방법으로 소유권 확인을 하겟습니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-682" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150525-223114.png" alt="capture-20150525-223114" width="711" height="134" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-223114.png 711w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-223114-300x57.png 300w" sizes="(max-width: 711px) 100vw, 711px" /></p> <p>해당 메타 태그를 head 에 삽입 합니다.</p> <p>그리고 확인을 누르면</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-683" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150525-223321.png" alt="capture-20150525-223321" width="513" height="125" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-223321.png 513w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-223321-300x73.png 300w" sizes="(max-width: 513px) 100vw, 513px" /></p> <p>소유자 확인이 완료 됩니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-684" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150525-223509.png" alt="capture-20150525-223509" width="822" height="615" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-223509.png 822w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-223509-300x224.png 300w" sizes="(max-width: 822px) 100vw, 822px" /></p> <p>처음에 확인을 하면 아무것도 안나오지만 몇시간에서 몇일안에 정보가 확인 됩니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-685" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150525-223709.png" alt="capture-20150525-223709" width="783" height="656" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-223709.png 783w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150525-223709-300x251.png 300w" sizes="(max-width: 783px) 100vw, 783px" /></p> <p>검색어, 검색어 순위와 오류, sitemap 정보를 확인 할수있습니다.</p> <p>사이트 관리와 검색 횟 수 검색어 등을 확인하고 수정하는데 도움이 됩니다.</p>The post <a href="http://blog.whoborn.net/%ea%b5%ac%ea%b8%80-%ec%9b%b9%eb%a7%88%ec%8a%a4%ed%84%b0-%eb%8f%84%ea%b5%ac-%ec%82%ac%ec%9a%a9%eb%b2%95/">구글 웹마스터 도구 사용법</a> first appeared on <a href="http://blog.whoborn.net">Whoborn Blog</a>. 페이스북 소셜 플러그인 설정 및 사용 http://blog.whoborn.net/%ed%8e%98%ec%9d%b4%ec%8a%a4%eb%b6%81-%ec%86%8c%ec%85%9c-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ec%84%a4%ec%a0%95-%eb%b0%8f-%ec%82%ac%ec%9a%a9/ whoborn Sat, 16 May 2015 09:56:21 +0000 RealMake face book plugin facebook like button facebook social plugin 페이스북 좋아요 버튼 페이스북 플러그인 http://43.201.136.35/blog-whoborn-net/?p=566 <p>페이스북 개발자 페이지에서 App 생성및 웹페이지에 등록을 해보겠습니다. 우선 https://developers.facebook.com/ 페이스북 개발자 페이지에 들어가서 로그인을 합니다. 메뉴에 My Apps를 클릭합니다. 오른쪽 위 Add a New App을 클릭 합니다. &#160; 오른쪽에 웹사이트를 클릭 합니다. 웹 이름을 넣고 Enter를 누르거나 오른쪽 위에 Skip and Create App ID 를 누르고 이름을 설정합니다. 분류를 넣고 App ID 를 생성합니다. 전 여기까지 하고  Skip 하였습니다. 그럼... <p>페이스북 개발자 페이지에서 App 생성및 웹페이지에 등록을 해보겠습니다.</p> <p>우선</p> <p><a href="https://developers.facebook.com/">https://developers.facebook.com/</a></p> <p>페이스북 개발자 페이지에 들어가서 로그인을 합니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-567" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150516-181325.png" alt="capture-20150516-181325" width="710" height="116" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-181325.png 710w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-181325-300x49.png 300w" sizes="(max-width: 710px) 100vw, 710px" /></p> <p>메뉴에 My Apps를 클릭합니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-568" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150516-181549.png" alt="capture-20150516-181549" width="952" height="112" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-181549.png 952w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-181549-300x35.png 300w" sizes="(max-width: 952px) 100vw, 952px" /></p> <p>오른쪽 위 Add a New App을 클릭 합니다.</p> <p>&nbsp;</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-569" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150516-181739.png" alt="capture-20150516-181739" width="771" height="425" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-181739.png 771w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-181739-300x165.png 300w" sizes="(max-width: 771px) 100vw, 771px" /></p> <p>오른쪽에 웹사이트를 클릭 합니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-570" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150516-181930.png" alt="capture-20150516-181930" width="945" height="387" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-181930.png 945w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-181930-300x123.png 300w" sizes="(max-width: 945px) 100vw, 945px" /></p> <p>웹 이름을 넣고 Enter를 누르거나 오른쪽 위에 Skip and Create App ID 를 누르고 이름을 설정합니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-571" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150516-182247.png" alt="capture-20150516-182247" width="621" height="289" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-182247.png 621w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-182247-300x140.png 300w" sizes="(max-width: 621px) 100vw, 621px" /></p> <p>분류를 넣고 App ID 를 생성합니다.</p> <p>전 여기까지 하고  Skip 하였습니다.<img decoding="async" loading="lazy" class="alignnone size-full wp-image-572" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150516-182630.png" alt="capture-20150516-182630" width="735" height="339" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-182630.png 735w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-182630-300x138.png 300w" sizes="(max-width: 735px) 100vw, 735px" /></p> <p>그럼 App ID 와 App Secret 이 생성 됩니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-573" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150516-182920.png" alt="capture-20150516-182920" width="960" height="424" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-182920.png 960w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-182920-300x133.png 300w" sizes="(max-width: 960px) 100vw, 960px" /></p> <p>왼쪽 메뉴에 Settings 을 누르고 +Add Platform 을 선택 합니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-574" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150516-183127.png" alt="capture-20150516-183127" width="685" height="426" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-183127.png 685w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-183127-300x187.png 300w" sizes="(max-width: 685px) 100vw, 685px" /></p> <p>웹사이트에 플러그인을 연결하기위헤 Website를 선택합니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-575" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150516-183402.png" alt="capture-20150516-183402" width="728" height="325" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-183402.png 728w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-183402-300x134.png 300w" sizes="(max-width: 728px) 100vw, 728px" /></p> <p>웹 사이트 모바일 사이트 주소를 넣고 저장을 합니다.</p> <p>그럼 api key 사용 설정이 되었습니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-576" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150516-184240.png" alt="capture-20150516-184240" width="943" height="499" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-184240.png 943w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-184240-300x159.png 300w" sizes="(max-width: 943px) 100vw, 943px" /></p> <p>그리고 메뉴에서 Doc &#8211; Social plugins을 선택 합니다.</p> <p>그 중 사용할 플러그인을 선택 합니다.</p> <p>전 좋아요 버튼을 사용하겠습니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-577" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150516-184824.png" alt="capture-20150516-184824" width="935" height="378" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-184824.png 935w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-184824-300x121.png 300w" sizes="(max-width: 935px) 100vw, 935px" /></p> <p>URL , Width, Layout, Action Type 을 설정 하고  Get Code를 선택합니다.</p> <p>&nbsp;</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-578" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150516-185138.png" alt="capture-20150516-185138" width="725" height="639" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-185138.png 725w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150516-185138-300x264.png 300w" sizes="(max-width: 725px) 100vw, 725px" /></p> <p>그럼 코드가 생성되고 코드를 사용할 웹에 넣으면 해당 플러그인을 사용 할 수 있습니다.</p> <p>이런 방식으로, 댓글 달기, 포스트 가져오기,  추천하기 등 원하는 페이스북 플러그인을 사용 할 수 있습니다.</p>The post <a href="http://blog.whoborn.net/%ed%8e%98%ec%9d%b4%ec%8a%a4%eb%b6%81-%ec%86%8c%ec%85%9c-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ec%84%a4%ec%a0%95-%eb%b0%8f-%ec%82%ac%ec%9a%a9/">페이스북 소셜 플러그인 설정 및 사용</a> first appeared on <a href="http://blog.whoborn.net">Whoborn Blog</a>. [임베디드] DMA – MCU의 시종? 부하? 쫄병? 그런거 http://blog.whoborn.net/%ec%9e%84%eb%b2%a0%eb%94%94%eb%93%9c-dma-mcu%ec%9d%98-%ec%8b%9c%ec%a2%85-%eb%b6%80%ed%95%98-%ec%ab%84%eb%b3%91-%ea%b7%b8%eb%9f%b0%ea%b1%b0/ Mon, 04 May 2015 10:42:40 +0000 RealMake DAM DAMC Direct Memory Access embedded 임베디드 http://43.201.136.35/blog-whoborn-net/?p=482 <p>&#160; &#160; 안녕하세요 자전거타는 이연구원입니다 !!! 지난주 언젠가.. 사장님과 레지스터 셋팅이라는 이야기를 하다가 DMA라는 개념까지 배우게 됬는데요.. 나름데로 복습하는 차원에서 이런 컴퓨터구조론과 관련된 내용을 슬금슬금 포스팅 하도록 하겠습니다! ㅎㅎ (아.. 사실은 내일 어린이날 , 5월 6~9일 동원 예비군 가는바람에 자전거 이야기나 슬슬 쓰고 도망가고싶었지만 !!) 주의!) 본 글은 SW개발병아리가 HW를 공부하는 과정에서 작성한 것이므로 집필지식에 다소 오류가 있을 수 있습니다. 너그러우신 마음으로 ... <p>&nbsp;</p> <p>&nbsp;</p> <p>안녕하세요 자전거타는 이연구원입니다 !!! 지난주 언젠가.. 사장님과 레지스터 셋팅이라는 이야기를 하다가 DMA라는 개념까지 배우게 됬는데요.. 나름데로 복습하는 차원에서 이런 컴퓨터구조론과 관련된 내용을 슬금슬금 포스팅 하도록 하겠습니다! ㅎㅎ<br /> (아.. 사실은 내일 어린이날 , 5월 6~9일 동원 예비군 가는바람에 자전거 이야기나 슬슬 쓰고 도망가고싶었지만 !!)</p> <p>주의!) 본 글은 SW개발병아리가 HW를 공부하는 과정에서 작성한 것이므로 집필지식에 다소 오류가 있을 수 있습니다. 너그러우신 마음으로 피드백해주시면 감사하게 수정하겠습니다.</p> <p>Direct Memory Access, 직역하면 직접 메모리 접근(방법), 주변장치들이 작동하기 위해서 cpu를 거치지 않고 메모리에 접근할 수 있도록 도와주는 기법입니다. 실제로는 DMA Controller라는 장치가 있고  이것을 컨트롤 하는것을 DMA라고 생각하시면 되겠습니다!</p> <p>가정을 해봅시다. 저희 후본의 배대표님은 외부에서 일을 의뢰받고 해결하십니다. 그 과정에서 문서/ 코딩/ 자원관리 등 많은 업무를 하게되죠. 하지만 이걸 직접 다하기에는 상당히 비효율적입니다. 때문에 이연구원을 고용해 코딩을 시키게됩니다. 덕분에 배대표님은 코딩할 시간에 다른 업무를 처리할 수 있게 되는것이죠.</p> <p style="text-align: left;">자, 여기서 중학교 때 배웠던 [치환]을 해봅시다. (기억이 안나시면 뭐&#8230; 몰라!)</p> <p style="text-align: center;">배대표님 = MCU<br /> 외부 의뢰 = device로 부터의 요청<br /> 문서/코딩/자원관리 = 메모리 읽기/쓰기/할당<br /> 이연구원 = DMAController</p> <p>조금 감이 오시나요..? DMA는 중앙처리장치가 다른 더 중요한 일에 몰두할 수 있도록 주변장치의 메모리접근을 대신해주는 역할입니다!! MCU의 쫄병이죠 !!! 마치 신입사원 이연구원같은!!!!! (적절한 비유이기를&#8230;.)</p> <p>모든 주변장치(device)들은 MCU나 CPU와의 통신을 위해 입출력(IO) 인터페이스를 가지고 있게 되는데요, 작업을 수행하기 위해 MCU로부터 메모리를 할당/ 쓰기/ 읽기등의 일을 요청하게 됩니다.</p> <p>양심있고 친절한 이연구원은 남의 그림 가져다 안쓰고 직접 이렇게 !!! 뛓!!</p> <p><a href="http://blog.whoborn.net/wp-content/uploads/2015/05/dma.png"><img decoding="async" loading="lazy" class="alignnone wp-image-483" src="http://blog.whoborn.net/wp-content/uploads/2015/05/dma.png" alt="dma" width="660" height="495" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/dma.png 960w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/dma-300x225.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/dma-75x55.png 75w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/dma-400x300.png 400w" sizes="(max-width: 660px) 100vw, 660px" /></a><br /> 나름 머릿속의 그린 내용을 정리해봤는데 조금이나마 어떤 형태로든 도움이 되셨으면 좋겠습니다.<br /> 감사합니다 !! <del>(마침인사가 생각이 나지 않으니 이렇게 그냥 끝내도록하겠습니다.)</del></p>The post <a href="http://blog.whoborn.net/%ec%9e%84%eb%b2%a0%eb%94%94%eb%93%9c-dma-mcu%ec%9d%98-%ec%8b%9c%ec%a2%85-%eb%b6%80%ed%95%98-%ec%ab%84%eb%b3%91-%ea%b7%b8%eb%9f%b0%ea%b1%b0/">[임베디드] DMA – MCU의 시종? 부하? 쫄병? 그런거</a> first appeared on <a href="http://blog.whoborn.net">Whoborn Blog</a>. Microsoft Azure Server 고정IP 설정 http://blog.whoborn.net/microsoft-azure-server-%ea%b3%a0%ec%a0%95ip-%ec%84%a4%ec%a0%95/ whoborn Sun, 03 May 2015 07:15:13 +0000 RealMake Azure Server Azure 고정 IP 애저 고정 IP 설정 http://43.201.136.35/blog-whoborn-net/?p=469 <p>현재 Azure 고정 IP 사용을 하려면 Azure PowerShell 을 사용하는 방법 밖에 없습니다. (향후 웹에서도 지원 가능할 것으로 보임)   Documentation: http://azure.microsoft.com/en-us/documentation/articles/powershell-install-configure/   다운로드 링크 Microsoft Web Platform Installer.   현재 윈도우OS만 설치 가능 합니다. &#160; Azure PowerShell을 사용하여 VM을 생성하려면 Azur... <p>현재 Azure 고정 IP 사용을 하려면</p> <p>Azure PowerShell 을 사용하는 방법 밖에 없습니다.</p> <p>(향후 웹에서도 지원 가능할 것으로 보임)</p> <p><strong><strong> </strong></strong></p> <p>Documentation:</p> <p><a href="http://azure.microsoft.com/en-us/documentation/articles/powershell-install-configure/">http://azure.microsoft.com/en-us/documentation/articles/powershell-install-configure/</a></p> <p><strong><strong> </strong></strong></p> <p>다운로드 링크</p> <p><a href="http://go.microsoft.com/fwlink/p/?linkid=320376&amp;clcid=0x409">Microsoft Web Platform Installer</a>.</p> <p><strong><strong> </strong></strong></p> <p>현재 윈도우OS만 설치 가능 합니다.</p> <p>&nbsp;</p> <p>Azure PowerShell을 사용하여 VM을 생성하려면 Azure 관리 페이지에서 인증서를 등록 해야합니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-470" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150504-130148.png" alt="capture-20150504-130148" width="815" height="518" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130148.png 815w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130148-300x191.png 300w" sizes="(max-width: 815px) 100vw, 815px" /></p> <p>&nbsp;</p> <p>인증서가 없으면 :</p> <p><a href="https://msdn.microsoft.com/library/azure/gg551722.aspx">https://msdn.microsoft.com/library/azure/gg551722.aspx</a></p> <p>Azure 용 인증서 형식이 정해져 있습니다.  링크 참조</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>Azure PowerShell로 VM 을 만들려면</p> <p>Set-AzureSubscription</p> <p>구독 설정을 해줘야 함.</p> <p>설명 링크:</p> <p><a href="https://msdn.microsoft.com/en-us/library/dn495189.aspx?f=255&amp;MSPPError=-2147217396">https://msdn.microsoft.com/en-us/library/dn495189.aspx?f=255&amp;MSPPError=-2147217396</a></p> <p>&nbsp;</p> <p>PS C:\&gt; $subID=&#8221;구독 ID&#8221;</p> <p>PS C:\&gt; $thumbprint=&#8221;인증서 지문&#8221;</p> <p>PS C:\&gt; $myCert = Get-Item cert:\\CurrentUser\My\$thumbprint</p> <p>PS C:\&gt; Set-AzureSubscription –SubscriptionName &#8220;구독 이름&#8221; –SubscriptionId $subID -Certificate $myCert</p> <p>&nbsp;</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-471" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150504-130249.png" alt="capture-20150504-130249" width="1164" height="407" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130249.png 1164w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130249-300x105.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130249-1024x358.png 1024w" sizes="(max-width: 1164px) 100vw, 1164px" /></p> <p>&nbsp;</p> <p>저장소도 등록 해주어야 합니다. 등록 안하면 VM OS 설치하다가 오류가 납니다.</p> <p><strong><strong> </strong></strong></p> <p>PS C:\&gt; Set-AzureSubscription –SubscriptionName &#8220;구독이름&#8221; -CurrentStorageAccount 저장소 이름</p> <p><strong><strong> </strong></strong></p> <p>저장소 이름은 “” 를 제외하고 입력합니다.</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-472" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150504-130342.png" alt="capture-20150504-130342" width="1202" height="31" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130342.png 1202w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130342-300x8.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130342-1024x26.png 1024w" sizes="(max-width: 1202px) 100vw, 1202px" /></p> <p>Select-AzureSubscription -Current &#8220;구독이름&#8221;</p> <p>구독을 선택해줘야 합니다. 안 그러면 에러가 납니다.</p> <p>&nbsp;</p> <p>Azure Server 에서는 고정IP를 설정 하기 위해서는 IP예약을 해야 합니다.</p> <p>AzureReservedIP : IP를 예약하는 개념</p> <p>IP를 예약하고 그 IP로 VM를 새로 만듭니다.  그럼 그 아이피가 고정IP가 됩니다.</p> <p><strong><strong> </strong></strong></p> <p><a href="https://msdn.microsoft.com/ko-kr/en-kr/library/azure/dn690120.aspx">https://msdn.microsoft.com/ko-kr/en-kr/library/azure/dn690120.aspx</a></p> <p><strong><strong> </strong></strong></p> <p>New-AzureReservedIP -ReservedIPName &#8220;예약할 IP 이름&#8221; -Label &#8220;설명&#8221; -Location &#8220;서버 지역&#8221;</p> <p>&nbsp;</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-473" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150504-130414.png" alt="capture-20150504-130414" width="1013" height="133" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130414.png 1013w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130414-300x39.png 300w" sizes="(max-width: 1013px) 100vw, 1013px" /></p> <p>&nbsp;</p> <p>Get-AzureReservedIP : 현재 구독 아이디에 예약된 IP 목록이 나옵니다.  (아이디당 무료 5개)</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-474" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150504-130441.png" alt="capture-20150504-130441" width="557" height="476" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130441.png 557w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130441-300x256.png 300w" sizes="(max-width: 557px) 100vw, 557px" /></p> <p>&nbsp;</p> <p>OS 설치를 위해서 이미지를 찾아야 합니다.</p> <p>Get-AzureVMImage 를 사용합니다.</p> <p><strong><strong> </strong></strong></p> <p>$images = Get-AzureVMImage | ? {$_.ImageName -ilike &#8220;*Ubuntu-14_04_1*&#8221;}</p> <p>$images | Format-Table *Name* -AutoSize</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-475" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150504-130504.png" alt="capture-20150504-130504" width="1065" height="124" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130504.png 1065w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130504-300x35.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130504-1024x119.png 1024w" sizes="(max-width: 1065px) 100vw, 1065px" /></p> <p>가장 아래 있는 것 사용 하려면 $Images[-1] 사용</p> <p>&nbsp;</p> <p>PS C:\&gt; New-AzureVMConfig -Name &#8220;사용할 VM 이름&#8221; -InstanceSize 인스턴스사이즈  -ImageName 이미지 이름 | Add-AzureProvisioningConfig -Linux -LinuxUser 유저이름 -Password 비밀번호 | New-AzureVM -ServiceName &#8220;사용할 VM 이름&#8221; -ReservedIPName &#8220;예약 된 IP 이름&#8221; -Location &#8220;서버 지역&#8221;</p> <p>&nbsp;</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-476" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150504-130526.png" alt="capture-20150504-130526" width="1082" height="201" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130526.png 1082w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130526-300x56.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130526-1024x190.png 1024w" sizes="(max-width: 1082px) 100vw, 1082px" /></p> <p>&nbsp;</p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-477" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150504-130551.png" alt="capture-20150504-130551" width="1121" height="236" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130551.png 1121w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130551-300x63.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/05/capture-20150504-130551-1024x216.png 1024w" sizes="(max-width: 1121px) 100vw, 1121px" /></p> <p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-478" src="http://blog.whoborn.net/wp-content/uploads/2015/05/capture-20150504-130606.png" alt="capture-20150504-130606" width="167" height="140" /></p> <p>예약한 IP 로 VM이 생성 됩니다.</p> <p>전원을 꺼도 IP가 변경 안됩니다.</p> <p><strong><strong> </strong></strong></p> <p>주의사항은 공용 ssh port 번호가 58707로 되있어서</p> <p>터미널 접속을 편하게 하려면 포트 번호를 변경해 주어야 합니다.</p>The post <a href="http://blog.whoborn.net/microsoft-azure-server-%ea%b3%a0%ec%a0%95ip-%ec%84%a4%ec%a0%95/">Microsoft Azure Server 고정IP 설정</a> first appeared on <a href="http://blog.whoborn.net">Whoborn Blog</a>. W-Engine 사용설명서 http://blog.whoborn.net/w-engine-%ec%82%ac%ec%9a%a9%ec%84%a4%eb%aa%85%ec%84%9c/ whoborn Wed, 22 Apr 2015 09:16:36 +0000 RealMake Real Make w_engine w-engine wengine wengine 사용설명서 whoborn 더블유 엔진 리얼메이크 사용설명서 후본 http://43.201.136.35/blog-whoborn-net/?p=198 <p>안녕하세요. 자전거타는 이연구원입니다. 아시다시피 저희 후본에서는 전자회로를 출력할 수 있는 3D Printer를 개발하고 있습니다(모르셨다면 지금부터 알면 되죠 허허). 2차원 형태의 IC회로기판이 아닌 3D 출력물 사이에 3차원형태로 전자회로를 설계, 출력하는 프로젝트가 그것인데! 드디어! 후본에서 개발중인 그것! W-Engine을 홈페이지를 통해 만나볼 수 있게 되었습니다! (짝짝짝) 따라서 이번엔 W-Engine 0.1.4의 특징과 그 사용법에 대해서 설명을 드리고자 포스팅을 하게 되었습니다. &#160; &#8230;... <p>안녕하세요. 자전거타는 이연구원입니다.</p> <p>아시다시피 저희 후본에서는 전자회로를 출력할 수 있는 3D Printer를 개발하고 있습니다(모르셨다면 지금부터 알면 되죠 허허). 2차원 형태의 IC회로기판이 아닌 3D 출력물 사이에 3차원형태로 전자회로를 설계, 출력하는 프로젝트가 그것인데!</p> <p>드디어! 후본에서 개발중인 그것! W-Engine을 홈페이지를 통해 만나볼 수 있게 되었습니다! (짝짝짝)</p> <p>따라서 이번엔 W-Engine 0.1.4의 특징과 그 사용법에 대해서 설명을 드리고자 포스팅을 하게 되었습니다.</p> <p>&nbsp;</p> <p><a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/fail.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-199" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/fail-300x277.png" alt="fail" width="300" height="277" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/fail-300x277.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/fail.png 720w" sizes="(max-width: 300px) 100vw, 300px" /></a></p> <p>&#8230;.. 허허허허<br /> 몇 달 전인가 저 문어 정수리에 LED한번 달아보겠다고 녹이고 뚫고 난리도 아니었습니다. 이번 W-Engine 0.1.4는 이 문제를 해결하는데에서 부터 시작해 초반에 언급했던 W-Engine의 궁극적인 형태를 향한 첫디딤발이라고 할수 있겠군요!</p> <p>&nbsp;</p> <p>본격적으로 W-Engine 0.1.4의 특징과 사용법을 알아보겠습니다.<br /> 먼저 리얼메이크 홈페이지에서 설치파일을 받아보실 수 있습니다<br /> <a href="http://realmake.net/?page_id=30">Go to W-Engine download page<br /> </a><a title="리얼메이크 홈페이지" href="http://blog.whoborn.net/">RealMake Hompage</a><br /> (리얼메이크는 무엇이든 만들자는 취지의 후본의 또다른 이름입니다.)<br /> <a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/11.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-200" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/11-300x218.jpg" alt="1" width="428" height="311" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/11-300x218.jpg 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/11.jpg 999w" sizes="(max-width: 428px) 100vw, 428px" /></a></p> <p>&nbsp;</p> <p><img decoding="async" loading="lazy" class=" size-full wp-image-201 alignright" src="http://43.201.136.35/blog-whoborn-net/wp-content/uploads/sites/9/2015/04/unnamed-file.png" alt="설치파일" width="104" height="132" /></p> <p>다운로드 받으시면 설치경로에 다음과 같은 설치 파일을 확인하실 수 있습니다. 별다른 설정을 할 필요가 없어 실행하시면 어렵지 않게 W-Engine을 설치하실 수 있습니다.</p> <p>&nbsp;</p> <p><a href="http://43.201.136.35/blog-whoborn-net/wp-content/uploads/sites/9/2015/04/unnamed-file-1.png"><img decoding="async" loading="lazy" class=" size-full wp-image-202 alignleft" src="http://43.201.136.35/blog-whoborn-net/wp-content/uploads/sites/9/2015/04/unnamed-file-1.png" alt="실행파일" width="84" height="84" /></a></p> <p>설치를 마치면 같은아이콘의 실행파일을 바탕화면이나<br /> 시작프로그프로그램에서 확인하실수 있습니다.<br /> (실행이 안된다면 <strong>[관리자권한]</strong>으로 실행시켜 주세요 !!)</p> <p>&nbsp;</p> <p><em> 참고: 설명하기 앞서 W-Engine의 인터페이스는 Open source인 Cura를 인용, 수정한 것임을 말씀드리며 gcode를 작성하는 Engine은 CuraEngine이 아닌 후본의 독자적인 Engine임을 알려드립니다.</em></p> <p><del>Let&#8217;s execute W-Engine! (부끄럽기 짝이 없는 이연구원의 영어실력)</del></p> <p><a href="http://43.201.136.35/blog-whoborn-net/wp-content/uploads/sites/9/2015/04/unnamed-file-2.png"><img decoding="async" loading="lazy" class="alignnone wp-image-205" src="http://43.201.136.35/blog-whoborn-net/wp-content/uploads/sites/9/2015/04/unnamed-file-2.png" alt="초기화면" width="477" height="254" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/unnamed-file-2.png 1366w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/unnamed-file-2-300x160.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/unnamed-file-2-768x409.png 768w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/unnamed-file-2-1024x546.png 1024w" sizes="(max-width: 477px) 100vw, 477px" /></a></p> <p>&nbsp;</p> <p>짠~ W-Engine의 초기화면입니다. 우선 화면 구성에대해서 알아봅시다!<br /> <a href="http://43.201.136.35/blog-whoborn-net/wp-content/uploads/sites/9/2015/04/unnamed-file-3.png"><img decoding="async" loading="lazy" class="alignnone wp-image-207" src="http://43.201.136.35/blog-whoborn-net/wp-content/uploads/sites/9/2015/04/unnamed-file-3.png" alt="화면구성" width="472" height="253" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/unnamed-file-3.png 1372w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/unnamed-file-3-300x160.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/unnamed-file-3-768x411.png 768w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/unnamed-file-3-1024x548.png 1024w" sizes="(max-width: 472px) 100vw, 472px" /></a></p> <p>1. Option box: 프린터의 종류, 필라멘의 두깨 등 각종 프린터 설정을 할 수 있는 메뉴입니다.</p> <p>2. Open/Save: STL 형식의 파일을 불오고 프린터 펌웨어가 읽을 수 있는 gcode 형태로 저장할 수 있습니다.</p> <p>3. schematics: LED등 전자회로 모형을 불러올수 있는 버튼들이며 현재 버전에는 LED만 제공되고있습니다. Open메뉴를 통해 불러온 모형 도면을 수정하기 위한 Object를 불러오며 실제로 출력 될 모형에는 포함되지 않습니다.</p> <p>4. View mode: nomal / layers 이 두가지 모드가 제공이 되며 nomal mode에서는 설계 컨셉을,  layers mode에서는 실제 출력물의 형태를 적층방식으로 볼 수 있습니다.</p> <p>이런 설명으로는 아직 W-Engine을 충분히 전달하지 못했으리라 생각!<br /> 예시로 한번 모델링! 문어정수리에 LED!!! Step By Step! Oh Baby~<br /> <del>(말이 짧다!! 언어장애!!)</del></p> <p>&nbsp;</p> <p>Step 1. 문어를 불러와 크기를 조절합시다.<br /> -scale 버튼과 rotate 버튼의 사용법에 대해 주목하세요.</p> <p>load버튼을 통해  Program Files (x86)\W-Engine\Cura\resources\meshes 경로에서 Oct.stl 파일을 불러옵시다.</p> <p><img decoding="async" loading="lazy" class="alignnone wp-image-209" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/loadOct1-1024x546.png" alt="loadOct1" width="477" height="254" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/loadOct1-1024x546.png 1024w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/loadOct1-300x160.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/loadOct1.png 1366w" sizes="(max-width: 477px) 100vw, 477px" /></p> <p>마우스 오른쪽버튼을 통해 시야각을 조절할 수 있습니다.</p> <p>&nbsp;</p> <p><a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/loadOct2.png"><img decoding="async" loading="lazy" class="alignnone wp-image-208" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/loadOct2-1024x546.png" alt="loadOct2" width="479" height="256" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/loadOct2-1024x546.png 1024w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/loadOct2-300x160.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/loadOct2.png 1366w" sizes="(max-width: 479px) 100vw, 479px" /></a></p> <p>&nbsp;</p> <p>왼쪽 하단의 Scale툴을 이용해서 출력될 Object의 크기를 조절할 수 있습니다.<a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/rotate.png"><img decoding="async" loading="lazy" class="alignnone wp-image-212" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/scale-1024x546.png" alt="scale" width="478" height="255" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/scale-1024x546.png 1024w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/scale-300x160.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/scale.png 1368w" sizes="(max-width: 478px) 100vw, 478px" /></a></p> <p>역시 왼쪽 하단의 roate버튼을 통해 x,y,z 각 축으로 Object를 회전할 수 있습니다. 만! 우리의 문어군은 올바르게 자리하고 있으므로 다시 원래대로 되돌려 놓겠습니다.<a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/rotate.png"><img decoding="async" loading="lazy" class="alignnone wp-image-211" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/rotate-1024x546.png" alt="rotate" width="476" height="254" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/rotate-1024x546.png 1024w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/rotate-300x160.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/rotate.png 1370w" sizes="(max-width: 476px) 100vw, 476px" /></a></p> <p>&nbsp;</p> <p>Step 2. LED를 불러 적당하게 위치시켜봅시다.<br /> &#8211; LED 버튼과 z축 높이조절에 주목하세요.</p> <p>오른쪽 상단에 LED버튼을 눌러보세요!</p> <p><a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/LED2.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-219" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/LED1-300x234.png" alt="LED1" width="300" height="234" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/LED1-300x234.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/LED1.png 552w" sizes="(max-width: 300px) 100vw, 300px" /></a></p> <p>그럼 LED가 똬닿! 하고 나옴과 동시에 버튼이 사라집니다. 그리고 우측 하단에 z축 높으를 조절할 수 있는 버튼이 나오는 것을 확인할수 있죠! (이 버튼은 shcemetic Object들을 클릭했을 때만 등장하는 버튼입니다.)<a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/LED2.png"><img decoding="async" loading="lazy" class="alignnone wp-image-218" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/LED2-1024x543.png" alt="LED2" width="500" height="265" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/LED2-1024x543.png 1024w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/LED2-300x159.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/LED2.png 1368w" sizes="(max-width: 500px) 100vw, 500px" /></a></p> <p>자 그럼 이 위아레 버튼으로 z좌표를, 마우스로 x,y좌표를 적당히 조절하여 다음과 같이 문어의 뿔 짠!<br /> <a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/LED3.png"><img decoding="async" loading="lazy" class="alignnone wp-image-220" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/LED3-1024x536.png" alt="LED3" width="492" height="258" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/LED3-1024x536.png 1024w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/LED3-300x157.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/LED3.png 1368w" sizes="(max-width: 492px) 100vw, 492px" /></a></p> <p>Step 3. Layers mode를 관찰합시다.</p> <p><a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer1.png"><img decoding="async" loading="lazy" class=" wp-image-221 alignleft" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer1.png" alt="layer1" width="244" height="215" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer1.png 536w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer1-300x264.png 300w" sizes="(max-width: 244px) 100vw, 244px" /></a></p> <p>설계한 모형의 출력결과를 적층형식으로 확인하기 위해 좌측 그림과 같이 우측 상단에 Layers 버튼을 클릭합니다.<br /> 그럼 좌측 상단에 W-Engine이 gcode를 작성하는 중이라는 표시를 볼 수 있습니다.</p> <p><a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer2.png"><img decoding="async" loading="lazy" class="alignnone wp-image-222" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer2-1024x545.png" alt="layer2" width="519" height="276" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer2-1024x545.png 1024w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer2-300x160.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer2.png 1368w" sizes="(max-width: 519px) 100vw, 519px" /></a></p> <p>로딩이 끝나면 아래와 같이 LED를 밝히기 위한 베터리를 넣을수 있는 공간과 LED까지의 회로경로, LED삽입부를 확인하실 수 있고 프린트로부터 출력될 최종 결과물의 형태를 오른족 컨트롤바를 이용해 Layer단위로 관찰할 수 있습니다.</p> <p><a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer4.png"><img decoding="async" loading="lazy" class="alignnone wp-image-223" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer3.png" alt="layer3" width="306" height="161" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer3.png 723w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer3-300x158.png 300w" sizes="(max-width: 306px) 100vw, 306px" /><img decoding="async" loading="lazy" class="alignnone wp-image-224" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer4.png" alt="layer4" width="309" height="177" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer4.png 726w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer4-300x172.png 300w" sizes="(max-width: 309px) 100vw, 309px" /></a> <a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer5.png"><img decoding="async" loading="lazy" class="alignnone wp-image-225" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer5.png" alt="layer5" width="309" height="187" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer5.png 697w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/layer5-300x181.png 300w" sizes="(max-width: 309px) 100vw, 309px" /></a></p> <p>&nbsp;</p> <p><del>(얼마남지 않았습니다. 긴글읽느라 고생이 많으십니다. 거의다 끝났습니다. 헝헝..)</del><br /> Step 4. Show me the Gcode!!!<br /> <a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/gcode1.png"><img decoding="async" loading="lazy" class="alignnone wp-image-226" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/gcode1-1024x546.png" alt="gcode1" width="484" height="258" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/gcode1-1024x546.png 1024w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/gcode1-300x160.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/gcode1.png 1370w" sizes="(max-width: 484px) 100vw, 484px" /></a><br /> 자 이제 오른쪽 최상단의 nomal View 버튼을 클릭하여 원래 화면으로 돌아와서 좌측 상단에 Output gcode버튼을 누르면 조금전 Layers에서 관찰한 그 형태의 gcode파일을 얻을 수 있습니다.</p> <p>&nbsp;</p> <p>이 gcode파일을 프린터에 뙇!!똬다다다뙇!!!<br /> 출력 영상은 조만간 홈페이지를 통해 공개해드리겠습니다!<br /> <del>(솔직히 저 세발낙지 거치대 탐나지 않아요?)</del><br /> <a href="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/output2.png"><img decoding="async" loading="lazy" class="alignnone wp-image-228" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/output2-1024x685.png" alt="output2" width="308" height="206" srcset="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/output2-1024x685.png 1024w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/output2-300x201.png 300w, http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/output2.png 1436w" sizes="(max-width: 308px) 100vw, 308px" /></a></p> <p>어찌됬든 아래과 같은 느낌적인 조형물을 집에서도 뽑아내실수 있게 됩니다. 개발자의 저급한 폰카메라 화질과 그림판 편집실력&#8230;</p> <p><img decoding="async" loading="lazy" class="alignnone wp-image-227" src="http://blog.whoborn.net/wp-content/uploads/sites/9/2015/04/output-1024x870.png" alt="output" width="329" height="280" /></p> <p>&nbsp;</p> <p>지금까지 RealMake 의 W-Engine 0.1.4 사용설명서, 긴글 읽어주셔서 감사합니다 ! 그럼 전 20000!!!</p> <p>&nbsp;</p>The post <a href="http://blog.whoborn.net/w-engine-%ec%82%ac%ec%9a%a9%ec%84%a4%eb%aa%85%ec%84%9c/">W-Engine 사용설명서</a> first appeared on <a href="http://blog.whoborn.net">Whoborn Blog</a>.