Angular의 장점 #

컴포넌트 기반 #

Angular를 이용한 프론트엔드 웹 개발은 Spring을 이용한 백엔드 개발과 유사하다. DI(Dependency Injection)의 강력한 지원을 통해, 기능에 따라 코드를 분리하고, 재사용하는 것이 굉장히 쉬워진다. 서버에 Ajax 요청을 하는 부분 및 기타 부분 담당하는 Service 클래스와 HTML 컴포넌트를 담당하는 Component 클래스가 명확히 구분되고, 이로 인해 Service 클래스는 여러 Component 클래스에서 재사용이 가능하다. 또한, 각각의 Component 클래스는 자신만의 HTML 컴포넌트에 집중할 수 있기 때문에 웹 화면을 구성하는 컴포넌트간 독립이 명확해진다.

웹페이지 속도 #

Angular로 만든 SPA(Single Page Application)은 다른 페이지로의 전환 속도가 굉장히 빠르다. 일반적인 웹페이지는 링크를 클릭할 때마다 서버에 새로운 페이지를 요청하지만, Angular는 클라이언트 측에서 화면을 생성하고 필요한 데이터만 Ajax 요청을 통해 서버에서 내려받기 때문에 네트워크에 의한 딜레이가 적다.

프레임워크 #

Angular는 프론트엔드 웹 개발을 위한 종합 프레임워크이므로 전체를 아우르는 구조를 제공한다. 뷰에서 부터 테스트까지 많은 모듈을 가지고 있으며, 기본 제공되는 모듈이기 때문에 각 모듈의 정합성을 보장할 수 있고 자연스러운 데이터 연결이 보장된다.

Angular의 단점 #

학습분량 #

Angular는 여러가지 언어를 제공하지만, 주력언어는 TypeScript이다. 그러므로 대부분의 Angular 앱은 TypeScript로 쓰여있으며, 이를 활용하기 위해서는 Angular 개발자는 필히 TypeScript를 익힐 필요가 있다. 또한, TypeScript만 배우면 끝이 아니라, Angular가 지니고 있는 여러가지 개념들을 익혀야하고, 그 개념들이 어떻게 TypeScript로 표현되는지도 익혀야한다.

초기 로딩속도 #

Angular로 만든 SPA의 초기 로딩속도는 다소 느린편이다. 성능이 좋은 데스크탑이나 모바일에서는 큰 문제가 아니라고 생각할 수 있으나, 성능이 좋지 않은 모바일에서는 로딩시간이 1초 이상 걸리기도 하므로 생각보다 큰 문제이다. 물론 초기화면이 로딩된 다음에 웹페이지 내에서의 이동은 위에서 말했듯이 매우 빠르다.

검색엔진 인덱싱 #

Angular로 만든 SPA를 제대로 인덱싱하지 못하는 크롤러가 생각보다 많아서, 모든 검색엔진에 검색되게 하기 위해서는 다른 방법을 사용해야 한다. SPA를 포기하고 서버측에서 렌더링 할 수 있게 해주는 Angular Universial을 사용하는 것도 방법 중 하나다. 하지만 이러한 방법을 사용하게 되면, Angular를 사용해서 얻는 이점이 적어질 수 있다.

참고 사이트 #

• https://www.slideshare.net/ssuserd53867/angular2-67389196
• http://grapgrap.tistory.com/19
• https://www.hitcle.com/space/Angular/a_YKMDtxMwylmo

Suggested Pages #

• 0.025 Transpiler
• 0.025 Babel
• 0.025 JS
• 0.025 AngularJS
• 0.025 AngulaJS
• 0.013 jQuery
• 0.013 MVVM
• 0.013 MVC
• 0.013 JavaScript
• 0.013 모델
• More suggestions...