Skip to content

Angular 특징 및 철학 #

Find similar titles

3회 업데이트 됨.

Edit
  • 최초 작성자
    anonymous
  • 최근 업데이트
    green

Structured data

Category
Programming

Angular의 개발 철학 #

Angular의 철학은 "One framework. Mobile & desktop"라는 말로 설명할 수 있다. 즉 하나의 프레임 워크로 모바일 및 데스크톱 개발을 해낼 수 있도록 한다는 것이 가장 핵심적인 철학이다. 이 철학에 맞게, Angular는 여러가지 플랫폼에서 개발하고 배포할 수 있는 크로스 플랫폼 지원, 모바일 환경에서 안정적 구동을 위한 속도와 성능의 향상, 그리고 빠른 개발을 통한 생산성 향상을 가장 큰 목표로 두고, 이 목표를 달성하기 위해 여러가지 특징을 가지고 있다.

Angular의 특징 #

Component 기반 개발 #

Component란, 재사용이 가능한 최소 단위를 말한다. 즉, 중복될 수 있는 코드들을 묶어서 나중에 다시 사용할 수 있도록 한다는 말이다. Angular는 이러한 Component의 특징을 기반으로 개발 자체의 생산성을 높이고, 대규모 애플리케이션에 걸맞는 구조를 형성한다. 기존의 AngularJS에서 Controller 중심의 개발이었던 것과는 달리, Component가 Controller의 역할을 완전히 대체하였다.

Typescript 채택 #

Angular의 주력 언어는 마이크로소프트사에서 만든 Javascript의 상위집합 언어인 TypeScript이다. Javascript 문법을 그대로 사용할 수 있고, 거기에 더하여, ES6이나 ES7과 같은 최신 ECMA Script의 표준도 지원한다. 또한, 객체지향 프로그래밍 및 정적타입을 지원하여 안정적으로 개발할 수 있다.

고성능 프레임워크 #

Angular는 모바일 환경에서도 구동할 수 있는 것을 목표로 두는 프레임워크이기 때문에 적은 용량으로 더욱 빠르게 프레임워크를 로딩하기 위한 튜닝을 진행하고 있다. 대표적인 방식으로 애플리케이션 실행시 모든 모듈을 로딩하는 것이 아니라 현재 페이지에 필요한 부분의 모듈만 로딩하는 방식인 지연로딩(Lazy Loading)이 있으며, AngularJS에 비해 로딩시간은 2.5배 렌더링 성능은 4.2배 증가하였다.

AoT Compile #

AoT Compile이란 Ahead of Time compilation의 줄임말로, 번역하면 사전 컴파일 방식이고, 말 그대로 사전에 컴파일하여 배포한다는 뜻이다. 즉, HTML 템플릿과 CSS 파일을 컴파일하여 코드로 삽입하는 방식으로 Angular에서 지원하는 특정 지시자를 브라우저 레벨에서 실행하지 않고 미리 실행가능한 Javascript 코드로 변환해놓는다. 위와 같은 과정을 통해 Angular는 템플릿을 렌더링할 때 컴파일하지 않고 바로 화면을 보여줄 수 있으므로 속도와 성능 향상에 도움이 된다.

참고 사이트 #

Suggested Pages #

0.0.1_20230725_7_v68