둘러보기

bsJS에 오신 것을 진심으로 환영합니다.

bsJS로 무엇을 할 수 있을까요?

ShowCase에서 확인할 수 있습니다.

bsJS를 쓰면 ShowCase에 있는 것들을 빠르고 쉽게 만들 수 있습니다.

만져보기

보고 침만 꿀떡 삼키실 건가요?

실제로 만져 보실 수 있습니다. 두 가지 방법이 있습니다.

내려받기

권장하는 방식입니다.

실제 Core와 예제의 소스를 로컬에 내려받아서 마음대로 만져보실 수 있습니다.

bsJS로 만들어진 bsJSTest와 bsShowCase는 bsJS 연구나무의 bsjs.js를 상대 경로로 참조하고 있습니다.

그래서 아래와 같이 폴더를 구성하셔야 내려받은 로컬에서도 문제 없이 쓸 수 있습니다.

ANY-FOLDER
      └----bsJS           
      └----bsShowCase
      └----bsJSTest

구체적으로 말씀드리면 ANY-FOLDER에서

git clone https://github.com/projectBS/bsJS.git

git clone https://github.com/projectBS/bsJSTest.git

git clone https://github.com/projectBS/bsShowCase.git

를 모두 수행하시면 됩니다.

그냥쓰기

1. HTML 문서에 <script> 태그를 통해 bsJS를 포함시킵니다.

    <script src="http://projectbs.github.io/bsJS/bsjs.0.4.js"></script>

2. 아래와 같은 형식으로 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의 새싹이 되실 차례입니다. ^^

bsJSTest의 Push 권한 얻기

로컬에서만 놀지 마시고 bsJSTest에 직접 올리면서 마음껏 테스트해보세요.

bsJSTest 웹 페이지는 여기에서 보실 수 있습니다. 멋지죠? ^^

Push 권한을 얻으려면 여기에 GitHub의 아이디와 함께 'bsJSTest Push 권한 주세요'라고 댓글 달아주세요.

자료

Wiki

bsJS Wiki

APIs

• bs Core [ko][ja]
• bs Base Function [ko][ja]
• bs Dom [ko][ja]
• Structure of BS [ko][ja] : 작성 중

License

bsJS는 BSD 라이선스로 배포되는 Open Source Software 입니다.

Contact us

bsJS Facebook Group

Copyrightⓒ 2013, ProjectBS Committee. All rights reserved.