Ajax 프레임워크의 핵심을 이루는 여러 가지 기능을 어떻게 구현하는지를 실제 구현 소스를 중심으로 살펴보는 시간을 마련한다. 프레임워크의 코어 구현은 2회에 걸쳐 설명하는데, 먼저 이번 시간에는 동적인 컴포넌트 로딩, 컴포넌트간 종속성 해결 기법, 객체 상속, 자바의 reflection에 해당되는 eval 함수의 전역적인 사용 방법, 환경설정, 디버깅 및 에러 처리 등에 대해 차례로 살펴본다.

이 연재의 첫 번째 시간에는 자바스크립트(JavaScript)의 Object 사용법에 대해 이미 설명했다. 먼저 이를 다시금 떠올려 보자.

Framework의 Package 규약
자바스크립트의 Object는 <리스트 1>과 같이 생성할 수 있다. 이렇게 생성된 Object는 Hashtable과 같은 key, value의 형태로 속성을 가질 수 있다. 이러한 속성을 부여하고 접근하는 예는 <리스트 2>와 같다.

<리스트 2>와 같이 Object의 속성에 접근하는 방법에는 두 가지가 존재하고 이는 동일한 역할을 수행한다. Object의 속성에는 <리스트 2>와 같은 variable을 할당할 수도 있고 function을 할당할 수도 있으며 다른 Object를 할당하는 것 또한 가능하다. 즉 패키지(Pakage)를 다단계로 구성할 수 있는 것이다. 프레임워크(Framework)에서 사용하는 <리스트 3>과 같은 함수는 이 규약을 따른 것이다.



이러한 Object의 속성을 이용해 프레임워크의 여러 가지 모듈을 패키지화할 수 있으며 이를 규약으로 삼아 이후의 내용을 설명할 것이다.