델리마운트 :: 무툴스 적용하기

Ajax 프로그래밍의 가장 껄끄러운 문제 중에 하나는 바로 크로스 브라우징(cross-browsing)입니다. 그리고 이 문제를 해결하는 방법은 크로스 브라우징을 지원하는 프레임워크(framework)를 사용하는 것입니다.

가장 대표적인 자바스크립트 프레임워크는 프로토타입과 스크립타큘러스의 조합입니다. 특별한 문제가 없는 이상 가장 범용적으로 사용되는 라이브러리를 사용한다는 원칙 아래 저희 팀에서도 프로토타입을 기본 프레임워크로 사용하였습니다.

그러나 개발이 진행되면서 프레임워크의 크기에 대한 우려는 가시지 않았습니다. 아무래도 사용 환경이 웹이기 때문에 크기 문제에 민감해질 수 밖에 없었습니다. 그러던 와중 프로토타입을 떠나는 결정적인 계기가 있었습니다. 자바스크립트는 클래스 및 상속의 개념을 충분히 지원하지 않기 때문에 프레임워크 레벨에서 이를 보완하고 있습니다. 프로토타입 역시 이 부분의 지원하기는 합니다만, 그 기능이 매우 제한적입니다. 그래서 결국 다른 대안을 찾아보기 결심하였으며, 어렵지 않게 프로토타입을 대체할 수 있는 무툴스라는 프레임워크를 찾게되었습니다.

무툴스(Mootools)의 가장 큰 장점은 가볍다는 것입니다. 프레임워크 전체 크기도 작을 뿐만 아니라 전체 라이브러리에서 필요한 부분한 다운 받을 수 있도록 했기 때문에 크기 문제는 매우 만족스럽습니다. 그러나 무툴스의 진정한 위력은 클래스 및 상속을 실용적인 수준까지 지원한다는 것입니다. 자세한 내용은 무툴스 위키에 정리하도록 하겠습니다.

아무튼 무툴스의 매력에 흠뻑 빠져들면 들수록 걱정꺼리는 늘어갔습니다. 프로토타입이 이미 적용된 상황에서 무툴스를 적용한다는 것은 처음부터 새로 코딩을 해야하는 것을 의미하기 때문입니다. 그러나 늦다고 생각할 때가 가장 빠른 법이라 과감하게 소스 변경 작업을 진행하였습니다. 처음 예상과 달리 2배에 가까운 3주라는 시간이 소요되었습니다. 이는 소스의 대부분이 리팩토링되었기 때문인데, 프로토타입과 비교해서 무툴스를 이용하는 경우 상당히 높은 수준의 객체 지향적인 프로그래밍이 가능했습니다.

그런데 무툴스를 사용함에 있어 몇 가지 불편한 점들이 있습니다. 우선 대부분의 IDE(또는 편집기)들이 무툴스의 문법을 지원하지 않기 때문에 코드 어시스트 기능을 사용할 수 없습니다 (참고로 주요 웹 개발 IDE들은 프로토타입을 지원합니다). 그리고 셀레늄(Selenium)을 사용할 수 없다는 점도 아쉬운 점입니다. 이는 셀레늄이 크로스 브라우징을 위해서 프로토타입을 이용하기 때문인데, 추후에 프레임워크에 의존성을 줄일 예정이라고 합니다. 끝으로 무툴스 소스에 약간의 버그가 있는데, 오픈 소스라는 점을 고려해볼 때 큰 문제는 아니라고 봅니다.

현재 무툴스를 적용한지 약 1달의 시간이 흘렀습니다. 처음 무툴스를 채택할 때에는 무툴스가 가볍기 때문이었지만, 지금은 높은 수준의 객체 지향 프로그래밍이 가능해져 생산성이 좋아졌다는 점이 더욱 만족스럽습니다. 약간의 불편한 점들은 있지만, 전체적으로 훌륭한 프레임워크라고 생각합니다.

아직 프레임워크를 결정하지 못하신 분들은 무툴스를 고려해보는 것도 좋을 것 같습니다~

Posted by 델리마운트

« 2010/03 »
일	월	화	수	목	금	토
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

« 2010/03 »

일

월

화

수

목

금

토

Trackbacks List