게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
[JS] 데이터 바인딩 라이브러리 만들어 봤습니다.
게시물ID : programmer_9464짧은주소 복사하기
작성자 : thebar.kr
추천 : 1
조회수 : 467회
댓글수 : 1개
등록시간 : 2015/04/20 21:53:14
안녕하세요

다음 웹 프로젝트가 IE8을 지원해야 된다해서 -_-

Rivets등은 못쓰겠고, 하나 만들어봤습니다.

http://www.sdlabs.kr/mf/

여기서 테스트 코드 보실수 있어요 (외국 호스팅이라 상당히 느려요 ㅠ_ㅜ)
좌측은 기본 jQuery 이용, 우측은 제 라이브러리 이용 방법입니다.

github도 오늘 처음 써보네요 코드는 아래에 있습니다.

https://github.com/TheBar/mf

아직 프로젝트에 적용을 해본게 아니라, "시험" 버젼 입니다. 문서도 없어요 - _-)

내용등은 부족하지만, 사용 방법은 상당히 간단해서 Javascript를 주로 쓰시는 분들의 이야깃 거리로 괜찮지 않나 싶어서 올려봅니다.

<div id="areaResult" mf-data-source="json" mf-template="#template">
</div>

<div id="template>
<p>{{ value.name }} </p>
<p>{{ value.value }} </p>
</div>

JS
var json = [
    { name: name1, value: value1 },
    { name: name2, value: value2 },
]

$("#areaResult").MF_BindRepeat();

호출하면 areaResult에 json이 바인딩 되어 들어갑니다. #template을 템플릿으로 써서 바인딩 해요 ~_~
뭐 대충 이런 형식입니다. 새로할 프로젝트가 AngularJS 형태는 아니고, 데이터 바인딩은 편해 보여서 만들었어요.

구경 한번 해보세요 :D
전체 추천리스트 보기
새로운 댓글이 없습니다.
새로운 댓글 확인하기
글쓰기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호