노루의 씨분투 세상

[번역] 아직도 NgZone이 단순하게 Angular의 변화감지(Change Detection)를 위해서만 필요하다고 생각하시나요? 부제 - NgZone의 구현방법과 사용법 본 포스팅은 Do you still think that NgZone (zone.js) is required for change detection in Angular? 을 번역한 글입니다.많은 의역이 포함되어 있을 수 있습니다. :) 대부분의 포스팅에서 Zone(zone.js)와 NgZone이 Angular의 변화 감지Change detection과 강한 연관성이 있다고 말합니다. 분명 Angular의 변화 감지 기술에 Zone이 관련되어있는 것은 사실이지만, 기술적으로 부분 집합적인 관계는 아닙니다. 물론 Zone과 NgZone은 비..

[번역] Zones(zone.js)를 리버스 엔지니어링해서 찾은 것 본 포스팅은 I reverse-engineered Zones (zone.js) and here is what I’ve found 글을 번역한 글입니다.많은 의역이 포함되어 있을 수 있습니다. :) 부제 - Zones이란? (Zones은 무엇이며 또 어떻게 사용할까?) 이 포스팅은 NgZone에 대한 포스팅이 아니지만, NgZone의 메커니즘은 Zones(zone.js)을 이용하기 때문에 비슷할 수 있습니다. 이 포스팅에서는 NgZone을 직접 만들 수 있는 방법과 Angular의 NgZone은 어떻게 동작하는지에 대해서 설명합니다. NgZone에 대해서 더 많이 공부하시려면 "당신은 아직도 NgZone은 Angular의 Change De..

[번역] Angular에서 Zones(zone.js)의 역할 본 포스팅은 Zones in Angular 포스팅을 번역한 글입니다. 많은 의역이 포함되어 있을 수 있습니다. Zones의 이해 포스팅에서 우리는 Zones 의 능력에 대해 알아 보았습니다. Zones 을 이용하면 비동기적으로 실행되는 코드에 대해 성능을 프로파일링 할 수 있었습니다. Zones는 우리의 비동기적 작업을 후킹할 수 있는 실행영역(Execution Context)의 종류라고 배웠습니다. 만약 위 포스팅을 읽지 않으셨다면, 먼저 읽어보기를 강력하게 추천합니다. 본 포스팅에서는 Angular에서 Zones의 역할이 무엇인지에 대해서만 집중합니다. 역자주: 먼저 읽어보시 마세요. 혹 필요한 사전지식에 대해서는 제가 설명드리겠습니다.. ..

[번역글] Angular에서 Rx.js의 Observable 관리하기 본 포스팅은 다음의 원문을 번역한 글입니다. 많은 의역이 포함되어 있을 수 있습니다. 원문: Manage your observable subscriptions in Angular with help of rx.js 서브스크립션(Subscription)을 위해 Observable 변수를 사용 할 때, 이 변수를 관리하는 것은 아주 중요합니다. Observable 은 영원히 동작할 수 있으므로 우리는 이 Observable의 사용이 끝났을 때, 중지하는 것이 필요합니다. 만약 우리가 서브스크립션을 중단하지 않고 계속 유지한다면, 불필요한 메모리와 컴퓨팅 자원이 낭비될 것이므로 좋지 않습니다. 물론 우리는 unsubscribe() 라는 함수를..

angular-cli를 이용한 Angular2 시작하기 (Quick Start) 요즘 Angular2로 개발을 하면서, 구글이 이 프레임워크를 잘 만들기 위해 정말 노력하고 있구나 라는 느낌을 많이 받습니다. 웹에서의 구조화가 이렇게 쉽게 가능한 것에 대해 경이로울정도이고, 개발방법도 직관적이고 디버깅과 테스트도 참 쉽습니다. 각종 벤치마크를 보면 속도와 메모리 사용량도 꽤 괜찮은 편이고, Webpack과 함께 사용한다면 페이지에서 다운로드해야할 리소스(Javascript + HTML...)의 용량도 굉장히 합리적이게 됩니다. 그리고 웹팩과의 연동은 angular-cli를 통한다면 기본적으로 지원되는 사항이라 개발자의 입장에서도 크게 부담스럽지는 않습니다. 본격적으로 시작하기 전에 딱 두 가지 용어만 정..