[Angularjs 도입 선택 가이드]
본 문서는 네이버 개발자 블로그 hello world 를 통해서 공개되었습니다.
[문서개요]
이 문서는 AngularJS를 사용한 애플리케이션 개발을 계획하고 있거나 AngularJS 도입을 고려 중일 때 참고 할 만한 내용을 기술한다. AngularJS를 사용하는 방법을 다루지는 않는다.
이 문서의 모든 내용은 AngularJS 버전 1.3.x를 기준으로 작성되었다.
[Angularjs 도입 선택 가이드]
본 문서는 네이버 개발자 블로그 hello world 를 통해서 공개되었습니다.
[문서개요]
이 문서는 AngularJS를 사용한 애플리케이션 개발을 계획하고 있거나 AngularJS 도입을 고려 중일 때 참고 할 만한 내용을 기술한다. AngularJS를 사용하는 방법을 다루지는 않는다.
이 문서의 모든 내용은 AngularJS 버전 1.3.x를 기준으로 작성되었다.
Create App Easier With SVC Pattern - DroidKnights 2019 @SeoulBansook Nam
Suggest a new pattern "How to divide your Activity & Fragment".
Shows "Lotto - App" sample.
Youtube: https://www.youtube.com/watch?v=_-yZPjf9HLo
Hope it would help to understand Andoird Architecture Pattern.
2015년 HTML5 기반 모바일 웹 어플리케이션 기술 개발 동향 정리 및 2016년 기술 변화 예측합니다. Ionic/Angularjs 기반 상용 앱 개발 사례도 상세하게 소개 합니다. 본 자료를 통해서 HTML5 기반 모바일 어플리케이션을 개발시 활용가능한 Framework 및 최적화 분야에 대해서 이해할수 있습니다.
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.”