3. 2015 WePlanet Co., Ltd.
webframeworks.kr
다양하게 사용되는 프레임워크
http://stackshare.io
4. 2015 WePlanet Co., Ltd.
Webframeworks.kr
다양하게 일하고 있는 Front-End Developer(1)
(출처) 웹 Front-End 실무 이야기
http://www.slideshare.net/jinkwonlee52/frontend-46605098
5. 2015 WePlanet Co., Ltd.
Webframeworks.kr
다양하게 일하고 있는 Front-End Developer(2)
(출처) 웹 Front-End 실무 이야기
http://www.slideshare.net/jinkwonlee52/frontend-46605098
CSS, HTML, JS
Logic
UI Component
UI(CSS)
Framework
Javascript
Framework
6. 2015 WePlanet Co., Ltd.
프레임워크 적용의 현실/한계 : 새로운 프레임워크 적용에
대한 참고 자료 및 사례가 매우 제한적이기 때문에 많은
시행착오가 생겨남
“ 이번에 AngluarJS에서 관리자화면을 개발했는데 말이죠 … ”
7. 2015 WePlanet Co., Ltd.
조언도 들어봤습니다.
사실 그래도 고민은 계속 됩니다.
닭잡는데 쓰는 소잡는 칼?
닭을 잡다보면 소도 잡지 않을까?
나는 무엇을 알고 있을까?
HTML? CSS? jQuery?
나는 열심히 할건데,
다른 팀원도 그럴까?
(참고) Web Front-End 개발과정 살펴보기 – 윤지수
http://www.slideshare.net/jisuyoun/web-frontend
내가 생각하고 있는 웹은
어떤 모습일까?
이 프레임워크가 지향하는 바는?
13. 2015 WePlanet Co., Ltd.
WebFrameworks.kr
웹프레임워크의 범위
Express
AngularJS
BackBoneJS
ReactJS
ExtJS
Meteor
Bootstrap Foundation UI Bootstrap
jQuery
Underscore
JS
D3
Modernizr
JS
yo
bower
Grunt
/ Gulp
Jasmine
14. 2015 WePlanet Co., Ltd.
WebFrameworks.kr
웹프레임워크의 선택
AngularJS
BackBoneJS
ReactJS
ExtJS
• Model-View-Whatever framework
• Two-way data binding (Model-View)
• Directives (Extended HTML)
• Dependency injection
• Google Sponsor
• 속도가 빠르진 않다(?)
• Angular2를 사용하기 위해선 새로 개발
• 경량프레임워크
• 다양한 응용가능
• 미니멀한 MVC =>
미니멀리즘(Minimalism)
• 여러 라이브러리와 플러그인이 함께
사용되야하는 경우가 많아서 때문에
숙련자들에게 추천=>학습커브가 높음
• 데스크탑 스타일의 웹기반 어플리케이션
• 거업업무환경에 최적화된 UI컴포넌트와
반응형 레이아웃을 제공하므로 별도의 UI
Framework없이 사용
• 빠른개발을 할 수 있는 툴을 제공
• 일부 유료
• MVC중 View에 집중
• Flux Architecture를 사용하기 때문에
대형 어플리케이션에도 잘 어울림
• 빠른 속도
• 학습커브가 낮음.
• Facebook Sponsor
“There is no magic solution
for all problem.”