[Angular2+] 유용한 Angular2+ 라이브러리 모음

* 이 문서는 지속적으로 업데이트 될 예정입니다

이번에 Angular2 로 프로젝트를 진행하면서 레퍼런스가 없어서 많은 어려움을 겪었습니다.
다행히 능력자님들이 이미 만들어 배포해두신 Angular2+ Component 들이 많아서 큰 도움을 받았습니다. 그 중 몇 개를 소개하려고 합니다.












Angular 2+ Components & Libraries
http://laptrinhx.com/topic/26993/angular-2-components-libraries#ui-components

유용한 Angular2 컴포넌트 라이브러리들을 링크로 정리한 문서
(아래에 소개할 링크도 일부 포함되어 있습니다)
필요한 부분을 찾을 때 참조하면 좋습니다.



Swiper
https://github.com/ksachdeva/angular2-swiper-example

Swiper Demo 보러가기 > http://idangero.us/swiper/demos/#.WZooPT5JYUE


웹/모바일 UI 에서 가장 흔히 쓰이는 swiper
jQuery 용으로는 수도 없이 많지만 Angular2+ 용으로는 거의 유일무이하게 쓸만해 보이는 라이브러리입니다. 수많은 기능을 제공합니다. (Zoom, AutoScrolling 기타등등)
Responsive UI, Bootstrap 에서도 무리 없이 잘 동작합니다. 약간의 버그가 있긴 하지만 고객이 문제삼지 않는다면 넘어가줄 수 있는 수준입니다.



PrimeNG
https://www.primefaces.org/primeng/#/


FileUpload, DataTable, Calendar, Chart 같은 온갖 기본 컴포넌트들이 무료로 제공됩니다.
사용법도 간편합니다. 모듈만 임포트하면 끝~ 디자인도 꽤 괜찮구요.
직접 개발하려면 어마어마한 시간이 드는 것을 PrimeNG 모듈을 사용해서 시간을 상당히 단축시킬 수 있었습니다.
굳이 단점을 꼽자면 일부 컴포넌트는 버그가 있고, 업데이트가 잦아서 프로젝트 중간 중간 충돌이 나지 않는지 체크해야 합니다.

CMS 같은걸 만들 수 있는 툴킷을 제공해주는 PrimeNG ULTIMA 도 있습니다.
https://www.primefaces.org/ultima-ng/#/



OnsenUI
https://onsen.io/angular2/

OnsenUI 샘플 보러가기 > https://onsen.io/samples/

아직 써보지는 않았는데 레퍼런스 찾다가 괜찮다고 생각된 라이브러리 입니다.
Angular, React, Vue 등 다양한 버전을 지원하고 jQueryMobile 나 SenchaTouch 같은 느낌도 나는데, 웹앱을 만들때 전체적인 레이아웃을 잡을 때 쓸만할 것 같습니다.



Google’s Material Design
https://material.angular.io

이것도 아직 사용하지 않았는데 인터랙션이 예쁘고 트렌디해서 한번쯤 사용하고 싶어지는 컴포넌트들이네요. 이런걸 수작업으로 만들려면 역시 공수가 꽤 들 것 같습니다 ^^;;



Bootstrap Themes & Templates
https://wrapbootstrap.com/

Angular의 화면 템플릿을 빠르게 제작할 수 있는 Bootstrap 소스를 구매할 수 있는 사이트인데, 생각보다 매우 저렴합니다. Angular 로 검색하면 Angular2+ 와 Bootstrap 으로 구성된 소스도 구매할 수 있습니다. 프로젝트를 어떻게 구상해야 하는지조차 모르는 상태로 Angular2+ 개발을 시작할 때 많이 도움을 받을 수 있었습니다.



+ 그밖에 좋은 링크를 발견할 수 있는 문서들

https://www.wintellect.com/yes-used-jquery-angular2-application/



댓글

주간 인기글

[Android] 변화된 findViewById를 확인해보자

카드뉴스 마케팅 팁

[정보] 인스타그램은 당신의 소리를 '듣고' 있을 수도 있습니다

[네이버클라우드] 서버 인스턴스 생성하기

[ubuntu] 신규 계정에 sudo 권한 추가하기