Angular란?

Angular





Google이 개발하고 있는 JavaScript의 프레임워크입니다.
현재(2020/02/20)는 Version9까지 릴리스 되고 있는 것 같습니다.

Wikipedia에

Angular(앵귤러)는 Google과 개인 및 기업 커뮤니티가 개발한 TypeScript 기반 오픈 소스 프런트 엔드 웹 애플리케이션 프레임워크이다.

라고 기재되어 있습니다.

그 밖에도 「Vue」나 「React」등 있습니다만, 제일 큰 차이는 풀 스택인 것입니다.
「Vue」나 「React」는 화면측의 프레임워크입니다만, 「Angular」는 라우팅 등 web 어플리케이션에 필요한 기능이 모두 갖추어져 있습니다.
그 때문에, 「Vue」나 「React」는 프레임워크라기보다는 화면측의 라이브러리라고 하는 인식으로도 좋지 않을까요.

즉, 「Angualr」를 사용하는 것만으로 web 앱의 개발을 할 수 있다고 하는 것입니다.

AngularJS와 Angular



조사하고 있으면, AngularJS와 Angular가 나오고, 무엇이 다른거야? 되었기 때문에 간단하게 조사해 두었습니다.
AngularJS도 마찬가지로 Google이 개발하고 있었지만 많은 단점이 있었기 때문에 AngularJS를 구축한 개발자가 코드를 1부터 다시 작성한 것 같습니다.
일부의 기능은 계승되고 있습니다만, 기본적으로는 다른 프레임워크로서 생각하는 편이 좋은 것 같습니다.

Angular의 특징



Angular는 모든 플랫폼에서 작동합니다. 동작환경을 의식할 필요가 없다.


  • 웹, 모바일 웹, 네이티브 모바일, 네이티브 데스크톱 모든 플랫폼에서 실행할 수 있습니다.


  • SPA(Single Page Application)의 개발에 적합하다.


  • 최근 자주 보는 리치로 좋은 느낌의 사이트군요.
  • 예를 들어 이런 사이트


  • 양방향 데이터 바인딩


  • 매우 적은 코드로 기능을 구현할 수 있어서 감동했습니다.
  • [(ngModel)]="name" 라고 기술하는 것만으로, name 프로퍼티과 양방향 데이터 바인딩되고 있습니다.

  • 컴포넌트 사상의 아키텍처




  • 간단히 말하면 복수의 컴퍼넌트를 쌓아 모듈을 작성하는 생각이군요. 하나의 큰 컴포넌트 내에 다양한 컴포넌트를 포함하는 느낌입니다.


  • RxJS


  • Observables라는 아키텍처를 이용한 리액티브 프로그래밍용의 라이브러리로, 비동기 처리를 간결하고 가독성 높게 코딩할 수 있는 녀석입니다.

  • 개발하기 위해 알아 두는 것이 더 좋습니다.



    TypeScript


  • JavaScript에 정적 타입 지정을 주는 Java나 C# 등 객체 지향 경험자가 기쁜 녀석입니다.
  • Angular는 기본적으로 이것을 사용합니다.

  • Angular CLI




  • Angular 앱의 프로젝트 생성이나 실행 등을 할 수 있는 커맨드 라인 툴입니다. 쉽게 병아리를 만들거나 해주고, 개발이 편하다.


  • Ionic




  • Google의 Angular를 기반으로 작성된 HTML5 하이브리드 모바일 앱을 제작하는 데 유용한 프레임워크입니다.
  • 참고로 아이오닉으로 읽습니다.

  • 참고 사이트



    Angular
    Angular Wikipedia
    Angular 개발의 강력한 서포트하는 커맨드 라인 툴 「Angular CLI」의 활용법
    Angular의 학습 비용은 정말 높습니까?
    프로토 타입 제작에도 사용할 수있는 모바일 프레임 워크 "Ionic"을 편리하게 사용하는 요령
    Ionic

    좋은 웹페이지 즐겨찾기