필요한 준비물: firebug 가 내장된 해커용 firefox, (이걸 어디서 구하시는지 모르신다면 구글 크롬 정도로도 가능합니다.)

 인터넷을 돌아다니다 보면 그누보드로 구축된 근사한 웹페이지들이 자주 눈에 뜁니다.

 잘 만들어진 쇼핑카트라던지 iframe 을 어떻게 적용한 것인지, 어떤 javascript 또는 jQuery 나 MooTools 등을 쓴건지 궁금해지는 경우가 있는데요.

 마음에 드는 웹사이트라고 해서 web extractor 등의 해킹 tool 을 사용해서 사이트를 통째로 베끼게 되면 저작권문제보다도 그 사이트를 만드신 developer 분들의 기분이 많이 상합니다. 상대방을 배려한다면, 이런 몰상식한 방법은 하지 않는것이 좋겠죠.  또 첫페이지는 근사하지만 쇼핑카트 페이지는 마음에 들지 않을수도 있고, 이래서 개별적으로 여러 웹사이트들의 페이지를 따다가 본인 사이트를 구축하는 것을 저는 권유하고 싶습니다.

 첫단계:  베껴오고 싶은 사이트의 그누보드 버전을 확인해야 합니다.  그누보드 DTD 인지 그누보드 4 인지는 head.php 에 접근해서 확인해 봅니다.  그누보드 DTD 는 div 로 짜여져 있고, 그누보드 4는 header 에 테이블이 들어 있습니다.  Firefox 와 달리 구글크롬에서는 head.php 같은 개별페이지 접근이 허용되지 않음으로 그냥 첫페이지 소스보기 (우클릭, View page source) 를 합니다.  혹시 사이트 구축하신분이 소스보기를 막고자 우클릭을 금지해 놓은 사이트라면 크롬에서 F12 버튼을 눌러주시면 됩니다.

 head.php 에서 div 란 단어만 보이면 그누보드 DTD 이고 table 이란 단어가 보이면 그누보드4 입니다.  아니면 드림위버같은 WYSIWYG 에디터를 사용하신다면 드림위버에서 열어 보시면 쉽게 아실 수 있습니다.

 내가 쓰고자 하는 그누보드가 그누보드4 라면, 그누보드 4로 구축된 페이지만을 베끼셔야 합니다.  

두번째: 베끼고 싶은 페이지가 index.php 라서 header, nav, footer (tail.php) 등을 불러오는 구조라면, 각 헤더와 footer 등을 다운 받습니다.

 구글 크롬 예: F12 -> Resources 탭을 누르면 이미지 파일, java 스크립, css, 그리고 마지막으로 index.php 가 나옵니다.  순서대로 우클릭해서 모두 다운받습니다.

세번째: 내려받은 index.php 를 브라우저로 열어서 정상적으로 작동하는지 확인해 보고 (이미지가 안보인다던지 한다면 지정경로를 확인해 보고 이미지를 동일한 폴더에 넣어줍니다.)  jquery 메뉴등이 작동을 하지 않는다면, 이미지와 똑같은 방식으로 올바른 폴더이름을 생성해서 javascript, jQuery 등을 올바른 폴더에 넣어줍니다.  (jQuery, MooTools 등은 확장자가 .js 이며, 이 파일들은 건드리시면 안됩니다.)

 이렇게 본인이 원하는 개별 페이지들을 브라우저와 노트페드만 갖고 매우 짧은 시간내에 똑같이 구축할수 있습니다.

 디자인 (색상등) 이 마음에 들지 않는다면, 다운받은 css 파일을 열어 폰트 크기, 색상, 배경 색상이나 이미지들을 바꿔주면 됩니다.  간혹 javascript 에서 색상이라던지 크기를 조정하게 되어 있는 경우도 있습니다.  이런경우에는 javascript 을 열어 그 부분만 수정해 줍니다.

 시간도 많이 없고, coding 에 대한 지식도 부족하다면 이런 방법으로 빠르게, 손쉽게, 웹사이트를 구축하실 수 있습니다.  유의하실 점은, 너무 똑같이 베끼게 되면, 원 제작자분의 기분이 상할 수 있으니, 약간의 노력은 하셔서 베껴온 사이트와 조금은 다르게 보일 필요가 있습니다.

 끝.