블로그 이미지
JEEN

서울에 사는 꽃청년의 IT찌질모험기

Rss feed Tistory
IT/Perl 2010.04.08 15:46

[ InstantBluePrint ] 몇 초안으로 웹 프로젝트 프레임워크를 만들어보자

  ** 주의 : 여기에서 쓰이는 "웹 프로젝트 프레임워크"는 서버 프로그래밍과는 하등의 관계도 없습니다.


  웹 디자이너 혹은 웹 개발자들은 웹 개발함에 있어서 자바스크립트 라이브러리를 고르고, HTML 도큐먼트 타입을 정하거나 뭐 그런 짓을 하죠. 그리고 css,images,js 같은 디렉토리 만들고 넣습니다. 
  뭐 요즘 디자이너분들이야 다들 웹디자인하는 프로그램이 있어서 어디까지 만들어 줄 수 있겠지만서도...

  일단 저같은 날림 개발자에게 있어서 이 10분을 상회하는 시간이 아깝게 생각되기도 합니다. 
  그런 참에 제 눈에 띈 게 Instant Blueprint 라는 서비스인데요. 
  홈페이지에서 독타입이나 자바스크립트 라이브러리 등등을 골라서 선택하면 위의 구조를 이룬 zip 파일 하나를 다운받을 수 있습니다. 


  하지만 매번 사이트 들려서 몇자 타이핑하고, 몇번 클릭하는 것 마저 아깝다고 느끼고는 걍 코맨드로 만들어봤습니다. 


  사용방법은 간단합니다.
[jeen@192168005074 dev]$ ibp --help
Usage: ibp [options] ProjectName

Options:
  -j, --js       Choose the javascript library you wish to use (default: jQuery)
                  [jQuery,MooTools,ProtoType,YUI]
  -t, --doctype  Choose the document type you wish to use
                   xs = XHTML 1.0 Strict  (default)
                   hs = HTML 4.01 Strict
                   xt = XHTML 1.0 Transitional
                   ht = HTML 4.01 Transitional
                   xf = XHTML 1.0 Frameset
                   hf = HTML 4.01 Frameset
  -c, --compress  Compress the javascript library
  -e, --extention Choose the html file extention (default: html)

  위와 같은 도움말이 나오죠.

[jeen@192168005074 dev]$ ibp Project

[jeen@192168005074 dev]$ find .
.
./Project
./Project/css
./Project/css/print.css
./Project/css/reset.css
./Project/css/style.css
./Project/images
./Project/index.html
./Project/js
./Project/js/jquery.js

  ibp 커맨드에 프로젝트 이름만 주면 이렇게 기본적으로 자바스크립트 라이브러리는 jQuery, DocType 은 XHTML 1.0 Strict, html 확장자는 당연히 html 로 설정되어, Project 라는 디렉토리가 만들어지며 관련 파일들이 생성됩니다. 

  요근래 자잘한 웹 어플을 만드는 데 있어서 좀 쓰이고는 합니다.

  예전에 이런 비슷한 툴을 본 적이 있는데... 기억이 안나네요. 아무튼 맘편히 사용해주신다면야...
신고
TOTAL 484,112 TODAY 30

티스토리 툴바