bsJS로 무엇을 할 수 있을까요?
ShowCase에서 확인할 수 있습니다.
bsJS를 쓰면 ShowCase에 있는 것들을 빠르고 쉽게 만들 수 있습니다.
보고 침만 꿀떡 삼키실 건가요?
실제로 만져 보실 수 있습니다. 두 가지 방법이 있습니다.
권장하는 방식입니다.
실제 Core와 예제의 소스를 로컬에 내려받아서 마음대로 만져보실 수 있습니다.
bsJS로 만들어진 bsTest와 bsShowCase는 bsJS 연구나무의 bsjs.js를 상대 경로로 참조하고 있습니다.
그래서 아래와 같이 폴더를 구성하셔야 내려받은 로컬에서도 문제 없이 쓸 수 있습니다.
ANY-FOLDER
└----bsJS
└----bsShowCase
└----bsTest
구체적으로 말씀드리면 ANY-FOLDER에서
git clone https://github.com/projectBS/bsJS.git
git clone https://github.com/projectBS/bsTest.git
를 모두 수행하시면 됩니다.
-
HTML 문서에
<script>태그를 통해 bsJS를 포함시킵니다.<script src="http://projectbs.github.io/bsJS/bs/bsjs.js"></script> -
아래와 같은 형식으로 bsJS를 사용합니다.
<script> bs( function() { // 여기에 bsJS를 사용하는 소스 작성 } ); </script>
-
dom을 생성하고 스타일과 내용, 이벤트 리스너를 한방에 처리!
<script> bs( function(){ bs.Dom( '<div></div>' ).S( '<', 'body', // body를 부모로 'html', '안녕', // html 입력 'width', 300, // 스타일 지정 'click', function( $e ){ alert('초간단 초고성능 bsJS!'); } // 이벤트 등록 ); } ); </script>
이제 bsJS의 새싹이 되실 차례입니다. ^^
로컬에서만 놀지 마시고 bsTest에 직접 올리면서 마음껏 테스트해보세요.
bsTest 웹 페이지는 여기에서 보실 수 있습니다. 멋지죠? ^^
Push 권한을 얻으려면 여기에 GitHub의 아이디와 함께 'bsTest Push 권한 주세요'라고 댓글 달아주세요.
bsJS는 MIT 라이선스 또는 GPL v2 라이선스로 배포되는 Open Source Software 입니다.
Copyrightⓒ 2013, ProjectBS Committee. All rights reserved.