프로그래밍 요람에서 무덤까지

RxJs에서는 Observable를 구독(subscribe) 함으로서 스트림을 통해 데이터를 주고 받고 하고 있습니다. 하지만 Observable를 더 이상 관찰할 필요가 없을 경우 구독취소(unsubscribe)를 해야합니다. 그럼 RxJs를 도입한 Angular(Angular 4)에서는 구독취소(unsubscribe)를 언제 어떻게 해야할까요?오늘 얘기할 내용은 바로 이 구독취소를 언제, 어떻게, 왜 해야하는지에 대해 얘기하고자 합니다. 2017. 09. 15 Update- takeUntil 내용 추가 ps) 글에 피드백을 주신분들께 감사드립니다.왜 구독취소를 해야할까요?이 얘기를 하기위해서는 Observable이 언제 실행되는지 알아야합니다. 기본적으로 Observable은 subscribe(구독)..

Angular2(이하 Angular) 개발시 Service에 선언한 Interface를 export를 하고 다른 컴퍼넌트에서 import를 할려고하니 아래와 같은 에러 메세지가 발생하였습니다. WARNING in ./src/app/core/sidenav/sidenav-item/sidenav-item.component.ts21:83-92 "export 'ISideItem' was not found in '../sidenav.service' at HarmonyImportSpecifierDependency._getErrors (/Users/david/work/resume/client/node_modules/webpack/lib/dependencies/HarmonyImportSpecifierDependency...

HNPWA(Hacker News readers as Progressive Web Apps)은 Google I/O 2017 에서 소개된적이 있으며 TodoMVC와 같은 다양한 자바스크립트 프레임워크를 이용하여 한가지 앱을 구현한 프로젝트입니다. 이름에도 나와있든 이 프로젝트는 Progressive Web App (PWA) 기술을 이용하여 Hacker News 앱을 구현한 프로젝트이며, 이중에서 angular2(이하 angular)를 이용하여 구현한 angular2-hn에는 rxjs, firebase, workboxjs 등의 기술들이 포함되어있어, angular로 pwa를 구현하기전에 참고하기 좋은 프로젝트입니다. 이 글의 원문은 rangle.io 개발자인 Houssein Djirdeh의 블로그(https:..

Angular가 Semantic Versioning(유의적 버전관리)에 따라 v4.0.0이 3월 23일 github에 정식 release 되었습니다. 이전에 작성하였던 4.0 베타 릴리즈 정보 및 릴리즈 주기 관련된 글(이전글 보러가기)처럼 3월에 정식 버전이 release되었네요. 4.0으로 변경되면서 어떠한점이 달라졌는지 간단하게 정리해 보았습니다. 정리하기전에 해당 글에서는 용어를 아래와 같이 사용하고 있습니다 .(관련하여 피드백 주시면 감사하겠습니다.) - angular 2.0 -> angular v2 - angular 4.0 -> angular v4 - 공식 문서 분리angular v2와 angular v4 의 문서가 분리되었습니다. angular v2는 레거시 문서로 해당 링크로 별도 분리되었..

Angular CLIA command line interface for Angular- Angular를 위한 command line interface그럼 cli란 무엇인가? 쉽게 생각하면 명령줄을 입력하면 해당 명령에 따른 작업을 실행해주는것을 cli라고 한다.window에서 cmd.exe 같은 도구를 이용하여 명령을 전달하면 그 명령을 받아 명령에 맞는 작업을 실행한다. npm도 어떻게보면 cli라고 할 수 있다. angular 개발을 위해 명령도구들을 모은것이 angular-cli다 기존의 ember개발자였다면ember-cli를 알고있을 것이다. angular-cli는 ember-cli를 기초로 개발하였다고한다. angular-cli를 이용하여 angular 프로젝트를 생성도 가능하며 componen..