AJAX 강의 6-1장 - JsUnit 활용/시작하기

지금까지 Ajax 란 무엇이며 어떻게 구현하는지를 살펴보았다. 아울러 Ajax를 보다 편리하게 사용할 수 있는 다양한 툴에 대해서도 알아보았다.

Ajax 를 구현한다는 것은 어찌되었든 자바스크립트 코딩이 불가피해짐을 의미한다. Ajax 객체를 생성하고 서버와 비동기 연결을 하고 서버에서 전달된 데이터를 얻어와 파싱하는 부분은 사실 코딩량으로 따지면 몇줄 안된다. 하지만 문제는 그 다음부터이다. 서버에서 비동기로 가져온 따근따근한 데이터를 기존의 웹 페이지에 어떻게 보여주느냐는 사실 Ajax 와는 전혀 상관이 없다. 여기서부터는 전적으로 자바스크립트 구현 실력만으로 화면의 아름다움을 창조해 내야 하기 때문이다.

자바스크립팅 작업은 초보 개발자에게 있어 문법적으로 명확하지 않고 코드 생성 툴도 없으며 적절한 디버깅 툴 또한 없기때문에 어렵게 다가올 수도 있다. 반면 숙련자에게는 그저 시간이 오래 걸리고 신경쓸게 많은, 수준이 낮은 작업쯤으로 생각할 수도 있다. 어찌됬든 Ajax 를 사용해서 웹프로그래밍을 구현한다는 것은 오픈소스 프레임웍을 사용하든 툴을 이용하든 자바스크립팅은 피해갈 수 없다는 것을 의미한다.

따라서 이번장에서는 테스트 지향 개발(Test-Driven Development : TDD) 을 자바스크립트 작업에 도입하려고 한다. 자바 언어에는 JUnit 이라는 테스트 프레임웍이 존재한다. 2001년 Edward Hieatt 는 이름도 비슷한 JsUnit 이라는 자바스크립트용 테스트 프레임웍을 만들기 시작했다. 이제 본격적으로 JsUnit 에 대해서 살펴보자.

JsUnit은 오픈소스이다. www.edwardh.com/jsunit  혹은 소스포지 다운로드 에서 zip 파일(현재 jsunit2_1.zip) 파일을 다운받은 후에 압축을 풀면 아래와 같은 디렉토리 구조를 형성하고 있다.

 

위 그림에서 가장 중요한 디렉토리는 app 로써 jsUnitCore.js, jsUnitTestManager.js 등 중요한 스크립트 라이브러리 및 JsUnit 테스트 메인 웹 페이지 파일들이 있다. intellij 는 intellij 자바 IDE 툴 사용자를 지원하기 위한 폴더이다. tests 는 자바스크립트의 여러 메소드를 테스트 할 수 있는 테스트 페이지 파일들이 있는 디렉토리이다. JsUnit 구성 및 특징들은 테스트 예제를 통해서 하나씩 배워나가자.

JsUnit 을 실행해보려면 test runner 를 실행하면 된다. jsunit/testRunner.html 을 브라우저로 열면 아래와 같은 화면이 나타날 것이다.