소개

woowahanjs는 규모가 큰 웹 어플리케이션 개발을 위한 자바스크립트 프레임워크입니다.

현대의 웹 어플리케이션은 많은 수의 컴포넌트로 복잡하게 구성된 뷰와 상태를 관리하는 HTTP 기반 클라이언트 어플리케이션 입니다. 일정 규모 이상의 웹 어플리케이션을 개발하기 위해선 다양한 디자이너, 퍼블리셔 및 프로그래머가 협업해야 합니다. woowahanjs는 퍼블리셔와 프로그래머간 협업이 쉬운 환경을 제공합니다.

빠르고 생산성 높은 UI 작업을 위해 계층 뷰 컴포넌트 관리와 One-way data binding을 지원하며 UI와 데이터 처리 코드간 종속성을 최소화 하기 위한 아키텍처로 설계되었습니다.

설치

woowahanjs 사용을 위해 패키지를 다운로드하는 다양한 방법이 있습니다. 가장 손쉬운 방법은 woowahan-cli 를 이용하여 프로젝트를 시작하는 것입니다. npm 을 통하여 직접 woowahanjs 를 프로젝트에 포함시킬 수 도 있습니다.

설치 방법

woowahan-cli

woowahan-cli 는 woowahanjs 기반의 웹 어플리케이션 보일러플레이트 생성기입니다. 사용자의 로컬 컴퓨터에 woowahan-cli 를 설치합니다. 사용자 환경에 따라 sudo 명령과 병행하여 설치가 필요할 수 도 있습니다.

$ npm install woowahan-cli -g

설치가 완료된 후 다음과 같이 새로운 프로젝트를 만들 수 있습니다.

$ woowahan-cli new hello-woowahan
$ cd hello-woowahan && npm run dev

만약 기존 프로젝트에 woowahanjs 기반의 웹앱을 추가하려 한다면 다음과 같이 할 수 있습니다.

(my-project) $ mkdir woowa-app && cd woowa-app
(my-project/woowa-app) $ woowahan-cli init
(my-project/woowa-app) $ npm run dev

npm에서 시작하기

현재 프로젝트가 있다면 직접 woowahanjs 를 추가할 수 있습니다.

(my-project) $ npm install --save-dev woowahan

아직 테스트 중이지만 곧 릴리즈될 실험적인 버전을 다운로드할 수 도 있습니다.

(my-project) $ npm install --save-dev woowahan@beta

이제 woowahanjs 를 사용할 준비가 끝났습니다.

영향을 받은 것들

woowahanjs는 BackboneJS 기반 위에서 작성되었습니다. BackboneJS는 UnderscoreJS, jQuery 종속성을 포함하므로 woowahanjs도 자연스럽게 언제든 UnderscoreJS와 jQuery를 사용할 수 있습니다. 그러나 woowahanjs 사용을 위해 BackboneJS, UnderscoreJS, jQuery 등의 학습이 필요한 것은 아닙니다. 심지어 앞선 3가지를 전혀 모른다 해도 개발하는데 문제가 되지 않습니다.

API 호출에서 촉발되는 상태 흐름과 관리를 위해 React 프로젝트의 Flux 및 Redux 컨셉의 아키텍처의 아이디어가 차용되었습니다. 다만 Redux 의 Reducer 와 woowahanjs의 Reducer 는 거의 다른 특성을 가지고 있습니다.