Hello, WoowahanJS

woowahanjs로 작성된 단일 페이지 어플리케이션은 1개 이상의 뷰 컴포넌트와 이들 뷰를 관리하는 하나의 Application으로 구성됩니다. 다음 예제는 하나의 뷰와 하나의 어플리케이션 만으로 작동되는 아주 간단한 예제 코드입니다.

main.js

import Woowahan from 'woowahan';

global.$ = global.jQuery = Woowahan.$;

const Main = Woowahan.View.create('Main', {
  template:'<h1>Hello, WoowahanJs</h1>'
});

const app = new Woowahan();

app.start({
  url:'/', container:'body', view: Main
});

Woowahan.View.create로 뷰를 생성합니다. 뷰는 이름과 옵션 객체로 구성됩니다. 뷰 이름은 문자열이라면 어떤 제약도 없으며 다른 뷰와 구분할 수 있는 고유한 이름을 입력하십시오.

생성한 어플리케이션인(app)을 시작(start) 함으로서 전체 앱을 구동시킬 수 있습니다. start의 첫 번째 인자는 라우팅 테이블 객체입니다. 라우팅 테이블 객체는 경로와 연결될 View의 구성 정보로 이루어진 객체입니다. 다양한 라우팅 테이블 객체 작성법은 라우터 부문에서 자세히 소개합니다.