IT/WebB 썸네일형 리스트형 RequireJS ADM4는 기본 아키텍쳐가 클로져 스타일이다. 그와 필연적으로 엮어있는게 RequireJS인데 지금까지 별생각없이 쓰다가 생각해볼 일이 생겨서 정리해본다. RequireJS에서 모듈을 Define하는 방법은 세가지가 있다. 출처 : http://requirejs.org/docs/api.html#define 세가지인줄 알고 다시 저페이지에 들어가봤는데 방법이 무지하게 많다. 일단 내가 사용하는 RequireJS Define 방식은 아래와 같다. define(['beans/Bless/BlessDesc','beans/Bless/BlessGameData'], function(Desc, GameData){ 위 JS들을 로드하고, 그것들을 Function에 인자에 담아서 사용한다. 근데 GameData JS에는 모.. 더보기 JQuery Plugin - Context Div /** * Context2 jQuery Plug-in * @author leeejong@neowiz.com */(function( $ ){ //divContainer는 Array로, 각 level별 jQuery Div 객체들을 담아둔다. //이 변수는 클로저와 함께 유지된다. var divContainer = []; $.fn.context2 = function( options ){ //옵션 Default를 설정해준다. 유저는 Data, 최대길이, 사용될 함수를 옵션으로 사용할 수 있다. var options = $.extend({ contextData:[], maxHeight:100, usrFn:function(){} },options); var contextData = options.contextDat.. 더보기 Closure가 무엇인가 JQuery 플러그인을 제작하던중.사수님의 입에서 '클로저'라는 말이 등장했다. 도무지 내 상식으로는 일어나서는 안되는 일들이사수님 버전 플러그인에서 일어나고 있었다. 따라서 대체 이게 뭔지 찾아보았다. MDN에 클로져(Closures) 소개 페이지를 링크한다.https://developer.mozilla.org/ko/docs/JavaScript/Guide/Closures 여러분들은 무려 두개의 손과 열개의 손가락을 보유중이기 때문에 저 링크에 들어가서내용을 파악할 수 있겠지만, 내가 이해한 내용을 요약해 본다. -------------------------------------------------------------- 내가생각하는 HTML문서는 굉장히 정적이다.여기에 숨을 불어넣는것이 JS라고 생각.. 더보기 AJAX AJAX란 무엇인가. Asynchronous Javascript and XML = 비동기 자바스크립트 와 XML 웹서버와 비동기적으로 데이터를 교환하기 위해 필요한 기술의 모음. 정도로 이해하면 되겠다. 여기서 의문점 세가지를 짚어보자.1. 왜 비동기인가.2. 왜 자바스크립트인가.3. 왜 XML인가. 우선 동기방식 처리란 FIFO방식으로 먼저 진행중인 프로세스가 끝나기 전에 다른 프로세스를 진행할 수 없다. 비동기는 anti-동기 방식으로 다른프로세스가 진행중이던 말던 여러 프로세스를 진행할 수 있다는 뜻이다. 이 방식을 통해 더 빠른 웹 반응속도를 얻을 수 있는 장점이 있다고 볼 수 있다.왜 자바스크립트를 사용하는가, 하면 JS는 클라이언트에서 동작하기 때문에 서버에 부하를 주지 않는다. PC사양이 높.. 더보기 Javascript 상속-함수를 사용한 방식 Javascript에서 상속을 구현하기 위한 여러 방법들이 있다. 이 책에서는 의사 클래스 방식,객체를 기술하는 객체,프로토타입 방식, 마지막 - 함수를 사용한 방식 총 네가지를 소개한다. Private형의 속성을 지원할 수 있는 함수를 사용한 방식을 갈무리해 두기로 한다. 먼저 객체를 생성하는 함수를 만드는 것으로 시작할 것입니다. 이 함수는 new 연산자를 사용하지 않을 것이기 때문에 이름을 소문자로 시작할 거싱ㅂ니다. 이 ㅎ마수는 다음의 4단계로 작업을 진행합니다. 1. 새로운 객체르 ㄹ생성합니다. 객체를 만드는데는 다양한 방법이 있습니다. 객체 리터럴로 만들 수도 있고, new 연산자를 사용할 수도 있고, Object create메소드를 사용할 수 도 있으며, 객체를 반환하는 함수를 호출할 수도 .. 더보기 SMARTY(스마티) 템플릿 SMARTY (스마티) 탬플릿이란 다양한 사람이 투입되는 웹 개발 환경에서 HTML 디자이너와 PHP 프로그래머를 연결짓는 탬플릿이다. www.smarty.net 에 내용을 번역해 적어본다. *smarty - template engine 스마티는 다음과 같은 목표를 갖고 디자인되었다.- HTML단과 어플리케이션 코드의 깨끗한 분리- PHP는 backend 스마티는 froentend- PHP의 보완, 대체하려는 것이 아니다.- 디자이너와 프로그래머들의 빠른 개발과 전개를 돕는다- 빠르고 쉽게 유지된다, 쉬운 syntax 등등.. What is smarty?스마티는 PHP의 템플릿 엔진이다 HTML과 CSS등을 어플리케이션 로직에서 구별짓게 해준다.이것은 PHP가 어플리케이션 로직으로만 존재할 수 있고 HT.. 더보기 이전 1 2 다음