require.js

require.js 라이브러리는 클라이언트에서도 require() 함수를 사용할 수 있게 해주는 라이브러리 입니다.

기존의 script 태그로 스트립트 파일을 추가하면 HTML 페이지의 문서 객체 모델을 구성할 때

동기적으로 라이브러리를 추가합니다.

라이브러리의 용량이 작다면 웹 페이지 로딩 속도에 영향을 끼치지 않습니다.

하지만 라이브러리 용량이 커지면 웹 페이지의 로딩 속도에 영향을 주게 됩니다.

require.js 라이브러리는 AMD (Asynchronous Module Definition) 관련 라이브러리입니다.

따라서 비동기적으로 라이브러리를 읽어 처리합니다.

라이브러리 설정

SITE: http://requirejs.org

라이브러리 기본 사용 방법

require.js 라이브러리는 모듈 추가 라이브러리입니다.

모듈은 define() 메서드로 만듭니다. define() 메서드의 매개변수에는 함수를 넣습니다.

이 함수에서 리턴하는 객체가 모듈이 됩니다.

예 - 모듈 생성)

define(function(){

return{

version: '0.0.1',

add: function(a,b){

},

minus: function(a,b){

}

}

});

예 - 사용)

<script src="require.js"></script>

<script>

require(['moduleA'], function(A){

alert(A.add(52, 273));

});

</script>