[ require.js - 사용하기 ]
(http://programmingsummaries.tistory.com/204)
왜 사용해야하는가
- 동적로딩
- 의존성 관리
사용하기
- 모듈 정의(define)
- 설정(config)
- 모듈 가져오기(require)
- 사용 예
require.js는 JS파일/모듈 로더로 일반적인 방식으로 사용하는 것보다 품질과 속도를 높일 수 있습니다.
일단 사용하기
define, require등의 문법을 정상적으로 사용하기 위해 우선 문서 내 require.js를 로드한다.1
2// index.html
<script type="text/javascript" src="require.js"></script>
그리고(뭔가 이상하지만) 아래와 같이 설정 합니다.1
2
3
4
5// 모듈을 가져오기 위해서는 require함수를 사용
require(["http://code.jquery.com/jquery-1.6.2.min.js"], function() {
//require 함수의 첫번째 인자로 받아온 모듈이 로드되면 다음 인자의 함수가 실행되는 구조
alert($().jquery);
});
위와 같이 사용은 할 수 있지만 jquery는 전역에 선언되었고 모듈이 로딩된 뒤에 함수가 실행된다는 것말고는 특별할 것도 없는 상황이 되었습니다.
전역 네임스페이스의 최소화
규모가 큰 서비스 혹은 작업자가 많은 서비스일수록 전역영역 사용의 최소화는 매우 중요한 과제 입니다.
require.js를 사용하면 require함수에서 인자로 사용한 callback함수를 활용하게 되어 전역 변수 사용을 최소화할 수 있습니다.
극단적인 사례
require.js의 적용
동적로딩
–
의존성 관리
–