RequireJS를 사용하여 MVC App 만들기



RequireJS : http://requirejs.org/


원문 : http://verekia.com/requirejs/build-simple-client-side-mvc-app-require-js

한글 : http://zziuni.pe.kr/zziuni/587

'Javascript' 카테고리의 다른 글

AngularJS SF Meetup : Angular UI  (0) 2012.12.02
HTMl에서 Console, Html Element, jQuery Dialog를 통해 로그 보여주기 - TypeScript  (0) 2012.11.19
javascript link  (0) 2012.11.09
RequireJS Optimizer  (0) 2012.11.09
RequireJS란?  (0) 2012.11.09



RequireJS는 


간단하게 한문장으로 설명하자면 "모듈화와 동적 로딩을 지원하는 프레임웍"입니다.


여기에서 모둘화와 동적 로딩은 왜 이슈가 되는 것일까?


  1. 모듈화
    • - 문제점
    1. .서로 호환되는 표준 라이브러리가 없다.
    2. .데이터베이스에 연결할 수 있는 표준 인터페이스가 없다. - Server side
    3. .다른 모듈을 삽입하는 표준적인 방법이 없다.
    4. .코드를 패키징해서 배포하고 설치하는 방법이 필요하다.
    5. .의존성 문제까지 해결하는 공통 패키지 모듈 저장소가 필요하다.

    • - 해결책은?  -> 모듈화가 답
  1. 동적로딩
    • - 문제점
    1. 하나의 HTML 파일에서 용량이 많고 여러가지 Library를 로딩 하는 시간이 많이 갈려 최초 실행 진입이 늦다.

    • - 해결책
    1. 동적으로 필요한 js파일을 로딩하여 최초 실행 진입을 빠르게 한다.
      위 방법은 IE 옛날 버전에서는 상당한 속도 향상을 기대할 수 있지만 최신 브라우저에서는 성능 향상 별로 없다.


위 문제점을 해결하기 위하여 RequireJS 프레임웍이 개발되었다.

그렇지만 RequireJS는 다른 많은 기능들을 함께 제공하고 있다.

(이 기능들에 대해서는 차차 알아 가도록 하겠다.)


RequireJS 링크 : http://requirejs.org/



----------------------------------------------------------------------------------------

위 사항은 RequireJS를 살펴 보면서 개인적으로 알아보고 느꼈던 사항에 대해서 한정됨을 알려 드리며 보다 자세한 사항을 알아 보려면 밑의 "자세한 링크"를 따라가 보시면 보다 많고 정확한 정보를 알 수 있을 것입니다.



자세한 링크

http://helloworld.naver.com/helloworld/12864

http://html5dev.kr/131


http://blogs.msdn.com/b/dancre/archive/2006/10/11/datamodel-view-viewmodel-pattern-series.aspx


http://blog.quantumbitdesigns.com/tag/dm-v-vm/



MVVM과 비슷하면서도 Data Model에 중점을 둔 패턴


말하자면 DM-V-VM



기타 Link

http://robbbloggg.blogspot.kr/search/label/DM-V-VM

http://joel.inpointform.net/software-development/mvvm-vs-mvp-vs-mvc-the-differences-explained/


MVVM, MVC과 MVP에 대한 차이점을 설명해 주고 있다.

+ Recent posts