Offcanvas

CIO / 개발자 / 모바일 / 신기술|미래 / 애플리케이션

기고 | 앵귤러 2가 마음에 드는 6가지 이유

2016.11.29 Deborah Kurata  |  CIO


4. 완전한 기능을 갖춘 라우팅(Routing)
애플리케이션은 하나의 뷰만으로 구성돼 있지 않다. 대부분의 클라이언트 측 웹 애플리케이션은 여러 뷰를 제공하여 모든 기능을 지원한다. 웰컴 페이지, 히어로 목록 페이지, 히어로 상세 페이지, 히어로 편집 페이지 등에 뷰가 있다. 그리고 직업용 뷰도 있다. 우리는 정확한 시점에 정확한 뷰를 표시해야 한다. 이것이 라우팅의 목적이다.

앵귤러 2는 완전한 기능을 갖춘 라우팅을 제공한다. 앵귤러를 통해 우리는 각 애플리케이션 페이지로의 경로를 정의한다. 그러고 나서 우리는 사용자의 행동에 기초하여 경로를 적절히 활성화한다. 우리는 데이터를 경로로 전달하여 42의 ID와 함께 히어로 상세 페이지를 표시하도록 할 수 있다.

경로 보호 기능도 있다. 로그인이 없거나 관리자에게는 경로 접근을 막을 수 있다. 사용자가 변경사항을 저장하거나 취소를 확인할 때까지 편집 페이지를 떠나지 못 하게 할 수 있다. 또 페이지를 표시하기 전에 데이터를 미리 불러올 수 있다.

앵귤러 2는 특정 경로 내에서 탐색하기 위해 차일드(Child) 경로를 지원한다. 예를 들어, 우리는 상세 페이지를 탐색하고 해당 페이지에서 기술 사양 페이지나 추가 정보 페이지의 차일드 경로로 탐색할 수 있다. 또한 이는 페이지 내에서 정보 탭들을 표시할 때 유용하다.

우리는 특정 경로를 레이지 로딩(Lazy Loading)하여 사용자가 해당 경로와 관련된 기능에 접근하지 않는 한 해당 경로의 코드를 브라우저로 다운로드하고 로딩하지 못하게도 할 수 있다. 따라서 우리에게 관리 기능이 있는 경우 이런 기능은 사용자가 관리 기능에 대한 접근권한을 요청하기 전까지 로딩되지 않는다.

이 많은 기능 덕분에 앵귤러 2 라우팅이 유연하고 강력해진다.

5. 최소화된 크기와 극대화된 성능
웹 기반 애플리케이션의 경우 크기와 성능이 다소 관련되어 있다. 구성 요소를 줄이면, 브라우저에서 다운로드하고 컴파일 시간의 시작 성능을 높일 수 있다. 앵귤러 2의 주요 목표 중 하나는 크기를 최소화하고 성능을 극대화하는 것이다.

여러 경로를 통해 다운로드 크기를 최소화할 수 있다. 첫째, 각 구성 요소의 크기를 가능한 한 작게 만든다. 둘째, 구성 요소를 논리 그룹들과 함께 다운로드할 수 있도록 앵귤러 모듈로 정리한다. 셋째, 경로를 레이지 로딩하면 사용자가 선택한 경로를 표시하는 데 필요한 앵귤러 모듈만 다운로드 한다. 사용자가 다른 경로로 이동할 때, 필요한 콘텐츠를 다운로드하고 사용하지 않는 경로를 절대 불필요하게 다운로드 하지 않는다.

그리고 AoT(Ahead-of-Time) 컴파일러가 있다. AoT를 통해 컴파일러는 구축 시점에 한 번 실행된다. 그러고 나서 브라우저는 애플리케이션의 사전 컴파일된 버전을 다운로드하고 브라우저에서 먼저 컴파일할 필요 없이 애플리케이션을 즉시 나타낸다. 또한 앵귤러 컴파일러를 다운로드할 필요가 없으므로 애플리케이션 다운로드 크기가 크게 줄어든다.

앵귤러 2는 더 빨리 실행되며 할 일이 적고 메모리를 적게 차지한다.
 
6. 문서 및 커뮤니티
angular.io에는 다양한 앵귤러 2의 문서가 있다. 여기에는 앵귤러 2로 속도를 개선하는 퀵스타트 가이드도 있고, 사용자 가이드와 API 참조도 있다. 더 많은 고급 기능에 대한 문서 이외에 형태 검증과 DI 등의 보편적인 작업을 위한 레시피(Recipe)도 있다. 

하지만 앵귤러 2를 배우는 데 가장 좋은 파트는 ‘튜토리얼(Tutorial)’이다. 여기서는 코드를 따라 단계별 경험을 제공하여 앵귤러 2의 모든 기본 기능을 소개한다. 동영상 형식을 선호한다면, 필자의 플러럴사이트(Pluralsight) 코스 ‘앵귤러 2: 시작하기’를 참조하기 바란다. 

마지막으로 다른 앵귤러 사용자들과 교류할 수 있는 커뮤니티가 있는데, 대표적인 것들로는 미팅 그룹, 컨퍼런스 그룹, 기터(Gitter) 그룹 등이 있다.
 
*Deborah Kurata는 플루럴사이트(Pluralsight)에서 활동하는 마이크로소프트 MVP이자 구글 디벨로퍼 엑스퍼트(GDE)다. ciokr@idg.co.kr

CIO Korea 뉴스레터 및 IT 트랜드 보고서 무료 구독하기
Sponsored
추천 테크라이브러리

회사명:한국IDG 제호: CIO Korea 주소 : 서울시 중구 세종대로 23, 4층 우)04512
등록번호 : 서울 아01641 등록발행일자 : 2011년 05월 27일

발행인 : 박형미 편집인 : 천신응 청소년보호책임자 : 한정규
사업자 등록번호 : 214-87-22467 Tel : 02-558-6950

Copyright © 2024 International Data Group. All rights reserved.