Angular와 관련된 라이브러리들

Angular만 단독으로 사용하는 것도 가능하겠지만 개발시간을 단축할 수 있게 해주는 여러가지 라이브러리 들이 존재합니다.
먼저 Angular를 공부했다면 자신이 원하는 것을 개발하기 위해 라이브러리들을 활용할 필요가 있습니다.
그리고 이러한 라이브러리들은 대부분 무료로 사용할 수 있습니다.

관련 라이브러리

  • IONIC 프레임워크 : 모바일 개발용 프레임워크
  • 네이티브 스크립트 : 웹뷰기반이 아닌 네이티브 기반의 UI 개발
  • 리액트 네이티브 : 웹뷰기반이 아닌 네이티브 기반의 UI 개발
  • Angular 유니버셜 : Angular의 렌더링을 서버에서 처리하게 해줌(검색엔진최적화)
  • 미티어(meteor) : 풀스텍 자바스크립트 플랫폼
  • Ng-bootstrap라이브러리 : Angular에서 사용가능한 Bootstrap라이브러리
  • Onsen UI 프레임워크 : 표준 UI컴포넌트 제공

IONIC 프레임워크

아이오닉 프레임워크는 Angular를 이용하여 모바일을 개발할 수 있도록 해 줍니다.
안드로이드, iOS에서 사용할 수 있도록 웹뷰방식의 하이브리드앱으로 개발할 수 있습니다.

네이티브 스크립트

자바스크립트를 이용한 하이브리드앱을 개발할 수 있게 해주는 라이브러리 입니다.
특징은 웹뷰방식이 아닌 네이티브 방식으로 UI를 개발할 수 있게 해 줍니다.

리액트 네이티브

react Native는 Angular를 이용해서 안드로이드와 iOS용 네이티브방식의 하이브리드앱을 개발할 수 있게 해줍니다.

Angular 유니버셜

기본적으로 Angular은 클라이언트에서 렌더링을 합니다. 이럴경우 검색엔진 최적화가 이루어 지지 않아서 검색엔진에 노출이 잘 되지 않는 단점이 있습니다.
그리고 화면생성에 필요한 템플릿파일이 그대로 노출이되어 보안에도 문제가 있습니다. 이것은 SPA(Single Page Application)의 고질적인 문제로 이런한 경우를 해결할 수 있도록 Angular 유니버설 라이브러리를 제공하고 있습니다.
Angular 유니버셜 라이브러리는 렌더링을 클라이언트에서 하는것이 아니고 서버에서 렌더링을 하여 클라이언트에 보여주기 때문에 검색엔진 최적화에 대응할 수 있고 템플릿파일이 노출되지 않아 보안에도 대응을 할 수있습니다. 또한 성능좋은 서버에서 렌더링을 해서 결과만 클라이언트 쪽으로 보내주기 때문에 체감속도도 빨라질 수 있습니다.

미티어(meteor)

미티어는 Angular를 활용한 풀스텍자바스크립트 플랫폼입니다.
자바스크립트 풀스텍이란 보통 MEAN(MongoDB, Express, Angular, Nodejs)을 이용해 개발하는 것을 말합니다.

  • MongoDB : 데이터베이스
  • Express : 웹서버
  • Angular : 개발언어
  • Nodejs : 플렛폼

Ng-bootstrap라이브러리

Angular에서 디자인(UI)요소로 bootstrap를 사용할 수 있게 지시자 형태로 개발해 놓은 라이브러리 입니다.

Onsen UI 프레임워크

Angular를 위한 표준 UI컴포넌트를 제공하고 있습니다.

Similar Posts

  • 웹프로그램 개발 시 필요한 샘플 이미지를 무료로 제공해 주는 사이트

    웹사이트를 개발하다 보면 이미지 영역을 잡는 경우가 있습니다. 이때 사용할 수 있는 무의미한 더미 이미지를 무료로 제공해 주는 사이트가 있어 포스팅합니다. 더미 이미지를 제공해 주는 사이트도 있고 이미지의 글자정보만 제공해 주는 사이트도 있습니다. 더미 이미지 제공 placeimg.com placeimg는 더미이미지를 크기와 카테고리만 지정하면 해당 크기와 카테고리에 해당하는 이미지를 보여줍니다. 사용법은 매우 간단합니다. 웹사이트 : placeimg.com 기본사용법은 […]

  • 안전하게 무료로 인터넷 속도와 품질을 확인하는 방법

    인터넷을 사용하다보면 속도가 막~ 느려지는 듯한 느낌이 들 때가 있습니다. 그럴때 인터넷 속도를 한번 확인해 보고 싶을 때가 있는데요. 물론 자신의 ISP회사의 속도측정 웹사이트가 있기는 하지만 자기네 인터넷이다보니 좀 뻥튀기를 시킬 것 같기도 해서 믿음이 별로 잘 가지 않을수 있습니다. 공식적으로 한국정보화진흥원에서 제공하는 속도 측정 웹사이트가 있습니다. 한국정보화진흥원은 국가에서 운영하는 웹사이트라 최소한 뻥튀기는 하지 않을 […]

  • [구글 스프레드시트] 한번에 연속데이터 채우기

    구글 스프레드시트는 MS의 엑셀과 같은 역활을 하는 소프트웨어입니다. MS의 엑셀은 파워풀한 기능과 성능을 가지고 오랬동안 사랑을 받고 있지만 비용을 지불해야하고 컴퓨터에 설치를 해야 사용할 수 있는 반면 구글 스프레드시트는 엑셀보다는 다소 떨어지기는 하지만 적절한 기능과 성능에 무료인데다가 인터넷과 브라우저만 있다면 어디에서든지 사용할 수 있다는 큰 장점을 가지고 있습니다. 또한 다른 사람과의 공유와 협업도 자유로워 상당히 […]

  • 가상머신에 Node.js설치하고 환경설정하기

    이전 포스팅에서 VirtualBox와 Vagrant를 소개하고 설치하는 포스팅을 했었습니다. 이번에는 가상머신 위에 간단하게 Node.js를 설치하고 환경설정을 하는 방법을 포스팅하겠습니다. NVM (Node Version Manager) 설치하기 NVM은 Node.js를 버전별로 설치하고 관리할 수 있게 도와주는 툴입니다. 그래서 한 시스템 안에 기존버전의 Node.js를 삭제할 필요없이 여러 버전의 Node.js를 쉽게 설치하고 사용할 수 있게 해 줍니다. 주의 할 점은 NPM을 사용하지 […]

  • Gruntfile의 구조와 사용법

    Gruntjs를 사용한다고 하는것은 gruntfile.js를 다룰 줄 안다고 하는 것과 마찬가지로 gruntfile.js는 중요합니다. 중요하다고 해서 배우기가 어렵다는 말은 아닙니다. 개인의 차이는 있겠지만 보통 1~2일이면 개념을 이해 할 수 있고 1주일 정도면 구글링을 하면서 Gruntjs를 사용할 수 있을 정도로 어렵지 않습니다. 이전 포스팅에서 Gruntjs의 소개와 설치법을 작성했으니 완전 초보자이시면 이전 포스팅을 먼저 보는 것이 도움이 될것 같습니다. […]

  • 몽고DB의 짝궁 Robo 3T 설치하기

    이전에 시놀로지 나스의 도커에서 몽고DB를 설치하는 방법을 포스팅했습니다. 시놀로지 도커로 몽고DB 설치하는 방법 바로가기 시놀로지 도커로 몽고 익스프레스(mongo-express) 설치하기 바로가기 이번에는 Mongo-express처럼 웹브라우저에서 보는 것이 아니라 설치형 몽고DB 관리 툴을 설치하고 연결하는 방법에 대해서 포스팅하려고 합니다. Robo 3T 설치하기 Robo 3T는 설치형 오픈소스 몽고DB 관리 툴입니다. 먼저 해당 사이트로 이동합니다. Robo 3T 다운로드 받기 Robo […]

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다