1월, 2016의 게시물 표시

서버 사이드 렌더링을 위한 이미지 슬라이드 구현

# 개발 동기
- 기존 이미지 슬라이드 라이브러리들은 대부분 클라이언트에서 이미지를 렌더링하도록 개발되었기 때문에 서버에서 이미지 슬라이드를 미리 렌더링 할 경우 사용하기 어려움.
- 서버에서 렌더링한 이미지들을 슬라이드 할 수 있는 라이브러리 필요

# 설계
- 기본적으로 필요한 옵션들을 파라미터로 받아서 초기화
- prevButton, nextButton 클릭시 margin-left 값을 조절해서 이미지 슬라이드 구현


define('slider', ['jquery', 'underscore'], function ($, _) { /** * Slider Module * @param {Object} params * @param {Number} params.itemPerPage 페이지당 아이템 개수 * @param {Number} params.itemWidth 아이템 넓이 * @param {String} params.containerId 아이템 컨테이너 id * @param {String} params.prevButtonClass prevButton class * @param {String} params.nextButtonClass nextButton class * @param {String} [params.listContainerParentClass] 아이템 리스트 컨테이너 부모 class * @constructor */ function Slider(params) { try { if (isNaN(params.itemPerPage)) { throw "params.itemPerPage is not a number"; } if (isNaN(params.itemWidth)) { throw "para…