Home

윈터보드는 섬머노트에 영감을 받아 만들어진 프로젝트입니다.

간단하게 설명하자면 섬머노트는 jQuery, Bootstrap을 활용하여 만들어진 html 에디터이고, dom의 아무곳이나 쉽게 붙여서 사용할 수 있습니다. 그런 섬머노트처럼 윈터보드는 jQuery와 드로잉툴 개발을 위한 라이브러리인 croquis.js를 활용해서 사용자가 직접 드로잉툴을 구현할 필요 없이 $(element).winterboard();만을 호출하면 그 위치에 드로잉툴이 생성되는 것을 목적으로 개발되고 있습니다.

아무래도 섬머노트의 디자인 결정들을 따라가게 될 것 같은데, 일단 jQuery와 croquis.js를 사용해서 기본적인 뼈대를 만들어놓은 상황이고, ui를 구현하는데 있어서 jQuery-ui를 사용할지 Bootstrap을 사용할지는 고민중에 있습니다.

현재 윈터보드 엘리먼트의 구조는 다음과 같습니다.

Winterboard
|-viewport
|-ui

실제로 그림이 그려질 캔버스를 담고있는 viewport 객체가 있고, 그 위에 ui 레이어가 있어서 ui는 직접 Winterboard가 들고있는 croquis 객체를 조작하도록 구현할 예정입니다.