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


이전 포스트에서 처음으로 실행하여 화면을 띄워 보았습니다.


이제 처음 실행된 WebMatrix에 대해서 전체적으로 설명을 드리도록 하겠습니다.


1. 사이트 탭

- 현재 프로젝틔 대략적인 정보와 URL을 관리한다.


[그림1]



2. 파일

- 프로젝트에서 포함되어 있는 파일을 관리 한다.

- 추가, 삭제, 수정을 할 수 있도록 한다.


[그림2]



3. 데이터베이스

- 데이터베이스 관리를 할 수 있도록 한다.


[그림3]



4. 보고서

- 에러 통계를 관리 할 수 있도록 한다.


[그림4]








'설치 및 소개' 카테고리의 다른 글

[WebMatrix] WebMatrix 3 Preview  (0) 2013.05.01
개발 그룹 사이트 링크  (0) 2012.11.12
WebMatrix 사용하기 #1  (0) 2012.11.09
WebMatrix 설치 #2  (0) 2012.11.09
WebMatrix 설치 #1  (0) 2012.11.09

+ Recent posts