Martin`s Work

개념 HandlebarJS는 Mustache를 기초로 개발된 클라이언트 템플릿 엔진이다. HandlebarJS는 중괄호({{}})를 이용를 이용하며 사용자 정의 함수인 헬퍼 개념을 도입시켜 데이터를 자유롭게 컨트롤 할 수 있다. 사용법 1. handlerbarJS 사이트에서 해당 handlebar.js를 다운로드 받는다. HandlebarJS 공식사이트 http://handlebarsjs.com/ 2. 스크립트를 해당 html 파일에서 불러온다. - {{name}} 등과 같이 중첩 중괄호 안에 사용자 정의 함수를 넣는다. 예제 1234567891011 과일 사과 Apple red Colored by Color Scriptercs 위의 소스에 handlebar를 이용하여 데이터를 넣어본다. 기본적으로 ha..

아래와 같이 상황에 따라 attr를 다중으로 줘야하는 경우가 존재한다. 123$("img").attr("src","img.png");$("img").attr("alt","이미지 부가 설명");$("img").attr("title","지금 보시는 이미지는 이미지입니다.");cs 위의 소스를 보면 가독성도 좋지 않고, 소스 역시 깔끔하지 못하다. 이러한 경우 아래와 같이 다중 attr을 한번에 처리하면 보다 편리하고 깔끔하게 소스를 정리할 수 있다. 12345$("img").attr({ "src":"img.png", "alt":"이미지 부가 설명", "title":"지금 보시는 이미지는 이미지입니다."})Colored by Color Scriptercs

RequireJS에서는 CSS 역시 JS 와 마찬가지로 모듈화를 시켜 로드해올 수 있다. RequireJS 공식 웹사이트에서는 "RequireJS는 CSS 파일을 로드 할 수는 있으나, Gecko/Firefox 등에서는 다른 도메인에서 불러왔을 때 이슈가 생긴다." 라고 되어 있지만 플러그인을 사용하면 어느정도 해당 이슈는 해결되는 듯하다. RequireJS에서는 플러그인을 사용할 때는 'css!style.css' 와 같이 파일명 앞에 !를 사용해준다. 플로그인은 text플로그인 이나 require-css 플러그인 등을 사용하면 로드해올 수 있다.