초보가 질높은 high quality 웹사이트 속성으로 구축하기 > 그누4 팁자료실

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

초보가 질높은 high quality 웹사이트 속성으로 구축하기 정보

초보가 질높은 high quality 웹사이트 속성으로 구축하기

본문

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

 

.

 

 

추천
2

댓글 6개

좋은 방법이라고 해야 하나요?ㅎ;;
이렇게 해서 하나씩 수정하느니..차라리 하나 만들고 말겠네요.
그리고 백앤드는 어떻게 처리 할건지가 궁금하네요. 겉모습은 그렇다쳐도..속은 어떻게 처리 할런지..
그래서 위에 그누보드 버전 확인을 꼭 하시라고 한 것 입니다.

같은 버전의 그누보드는 일부러 손을 대지 않은 이상 structure 가 모두 동일합니다.

db 형성까지 모두 동일하지요.  사실 그누 DTD 나 그누 4나 structure 가 동일하지만, DOCTYPE 선언과 div vs. table 문제 때문에 섞어서 쓰시면 문제가 생깁니다.

일단 해보시면 얼마나 빨리 사이트 구축을 하실 수 있는지 놀라실거고, 각 페이지를 수정하라는 얘기가 아니라 저작권 문제나 상대방의 감정등을 고려해 적당히 모습만 좀 바꾸라는 얘기 입니다.  현대 소나타 <- 혼다 어코드.  이해가 되시는지요?

초보자가 고수분들 처럼 속성으로 웹사이트를 예쁘게 꾸민다는건 다른 방법으로는 불가능한 얘기입니다.

물론 영카트같은 모듈이 추가로 달린 경우는, 영카트를 구입하셔야 하고, 제 개인적인 견해로는 영카트는 그누보드와 100% 호환되기 때문에 아주 좋은 모듈입니다.

저는 영카트를 적극 추천합니다.  비록 저는 달러 문제와 zip code 문제 때문에 (여기는 미국입니다.) ubercart 를 써야 했지만, 영카트는 초보자들에게 아주 훌륭한 solution 이라고 생각합니다.

backend 얘기를 하시는데, 물론 web extractor 를 쓰면 영카트 까지 통째로 다운받아지기때문에 음... 안사서 써도 된다고 생각하실지 모르지만, 취미생활이 아닌, 물건까지 파는 상업활동을 하시며 영카트도 돈주고 안사서 쓰는건, 몰상식을 떠나서 매우 비양심적이라고 생각되네요.
네.어차피 웹은 오픈이니.

cshop 님의 마인드가 저와 다른것을^^..

왈가왈부 해봐야, 웹 처음 누가 만들었냐까지 나올거 같네요.
아...

제 주위에 web developer 분들 (미국분들) 이 많이 계신데요, 미국은 의뢰자가 보통, 저 사이트랑 똑같은 기능/모양으로 만들어 주세요 라고 들어오는 일이 7~80% 됩니다.

저 쇼핑몰하고 똑같이, 저 social site 하고 똑같이, 주로 이런걸 원한다고 하더라구요.  미국 알바 사이트 가면 그런 의뢰로 도배가 되어 있고...  저를 비롯해서 초보자들은 자기 사이트에 어떤 기능이 들어가야 할지도 자발적으로 생각을 못하니까, 어떤 디자인으로 꾸며야 할지는 더욱더 난감하고, 그냥 고수분들 사이트를 베끼게 되는 것 같아요.

원래 web 은 다 share 하고 공유하는 그런 개념이라서.... 한국은 네이버, 네이버의 정찬명씨 같은 분들이 그런 기부, 공유, 나눔, 이런 문화에 적극적인 것 같아서 저는 개인적으로 네이버를 좋아합니다.  그래서 네이버 폰트가 나눔폰트던가?  아마 그럴껄요?  무료 폰트도 만들어서 모두가 쓸수 있게하고... 참 좋은 기업이라고 저는 생각합니다.

옛날에 스티브잡스가 다 망햇을때 빌게이츠가 애플에 돈 엄청 퍼줘서 다시 살려 놨잖아요.  네이버도 다음 UI 에 많은 도움을 줬다고 하던데, ... 이런 나누는 문화가 가슴을 훈훈하게 하는것 같아서 저는 좋아 합니다.

해커의 5대 정신: 공유, 봉사, 윤리, 나머지 두개는 뭐였더라?  암튼 저는 해커는 아니지만, 이런 해커정신을 많이 좋아합니다.
아, 생각났다.  나머지 두개는 open source 아 free spirit 입니다.  모두에게 열려있는, 폐쇄적이지 않은, 그리고 자유정신.  openness/ open source 는 제가 개발자가 아니라서...

뭐 나중에 coding 실력이 늘면 허접한 스킨이라도 열심히 만들어 올려야겠죠....  내가 받은만큼 나도 돌려주는 것, 이건 한국적 사고방식과도 같은 성격이 아닐까요?
네 올려주신 글 잘봤습니다.

시장과 성당이라는 문서를 한번 읽어보시면 오픈소스 정의에 대해서
좀 이해하시기 수월하실겁니다.

또한, 계속 언급하신 cshop님이 개발자가 아니시기에 이런 글에 대한 민감한 부분을 모르시는건지도 모르겠네요
전체 6 |RSS
그누4 팁자료실 내용 검색
  • 개별 목록 구성 번호 제목 작성자 작성일 추천 조회
  • 게시물이 없습니다.

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT