open source javascript framework woowahan* 개발기 · 2019-08-08 · open source web application...
TRANSCRIPT
Open Source Javascript Framework
woowahan* 개발기 #SOSCON 2017
WoowahanJS
Open Source Web Application Javascript Framework
새로운 바퀴가 필요한가?WoowahanJS
새로운 바퀴가 필요한가?WoowahanJS
SW의 역할은?
새로운 바퀴가 필요한가?WoowahanJS
문제 해결
문제 정의WoowahanJS
문제 정의 *현실WoowahanJS
웹퍼블리셔 프론트앤드 개발자
문제 정의 *해법WoowahanJS
Javascript<해법
근본적인 질문WoowahanJS
근본적인 질문WoowahanJS
웹 앱의 종류?
B2C WebApp
Backoffice
B2C Web App
• 잦은 UI 업데이트
• 복잡하고 디테일한 UI 구성
• 트랜드에 민감한 UX
• 재사용률 1.5%
Backoffice Web App
• 단순한 CRUD 구조
• 재사용률 높은 UI
• 촉박한 개발 일정
• 쉽게 확장되는 스케일
근본적인 질문WoowahanJS
웹 앱은 무엇을 하는가?
근본적인 질문WoowahanJS
웹 앱은 무엇을 하는가?Template string
+ Data
=> HTML String
ex) ReactJS
class HelloMessage extends React.Component { render() { return ( <div> Hello {this.props.name} </div> ); } }
ReactDOM.render( <HelloMessage name="Jane" />, mountNode );
<div>Hello Jane</div>VDOM
ex) VueJS
<html> <body id="app"> <div > Hello {{ name }} </div> </body>
var app = new Vue({ el: '#app', data: { name: 'Jane' } });
<div>Hello Jane</div>VDOM
WoowahanJS
App
Start
Router Routings View
View
View
Mount
Unmount
View
View
View
Mount
Unmount
Routings View
View
View
App
Start
Router Routings
Middleware
WoowahanJS
Document
릴리즈 관리WoowahanJS
서비스 개발과 근본적으로 다르다
v0.1.0 v0.*#latest v0.*@beta v1.* #stable
v2.*#beta Independent Backbone jQuery Handlebars
Road Map
감사합니다