본문 바로가기

분류 전체보기137

[RxJS / angular] 1. Observer와 Subscriber 본격적으로 rxjs에서 사용되는 용어에 대해 하나씩 정리해 보겠습니다. RxjJS에서 Observer와 Subscriber는 무엇을 의미하는 걸까요? 개념부터 차근차근 정리해 보겠습니다. Observer와 Subscriber는 과연 무슨 관계일까요? 관련글 RxJS를 사용하는 이유 RxJS 란? Observer 옵저버 란? Observer의 예를 빵 공장에서 작업하는 장면을 떠올려 대입해 보도록 하겠습니다. 빵 공장의 작업자(옵저버)는 반죽이 컨베이어에서 배출되는 과정을 관찰을 하게 됩니다. 작업자가 잘 관찰할 수 있게 작업자는 램프로 알림을 받게 되고요. 램프에 불이 켜지면 반죽이 도착하고 작업자는 적절한 모양으로 반죽한 후 다시 흘려보냅니다. 그리고 불량이 있다면 반죽을 처분하게 되죠. 더 이상 반죽.. 2022. 6. 20.
[RxJS / angular] RxJS를 사용하는 이유 어떠한 장점이 있길래 앵귤러에서는 기본 패키지에 포함돼서 RxJS가 인스톨되고 사용하기를 권장하는 걸까요? 다른 기술도 있는데 왜 RxJS 써야할까? 비동기 및 이벤트 기반 데이터를 관리하는 다른 여러 기술들이 있습니다. 왜 다른 기술 대신에 RxJS를 써야 할까요? 간략히 비동기를 처리를 해주는 기술을 생각해보겠습니다. Callback : 콜백은 비동기 작업이 완료된 후 다시 호출할 수 있는 함수이지만 중첩된 비동기 작업을 해야 할 때는 콜백을 관리하기가 어려워집니다. Promise : Promise는 비동기 처리가 이뤄진 후 미래의 어떤 시점에 결과 하나를 생성하는 객체입니다. 단일 방출만 처리할 수 있으며 취소할 수는 없습니다. Async/Await : Asunc와 Await를 사용하면 동기적으로 .. 2022. 6. 17.
[RxJS / angular] RxJS 란? 제가 앵귤러를 처음 시작하고 느낀 몇 가지 어려움 중 하나가 RxJS 였던 것 같습니다. 이번 포스트를 시작으로 RxJS에 대해 개념부터 Angular에서의 사용법까지 차근차근 다뤄보도록 하겠습니다. RxJS는 무엇인가? RxJS는 Reactive Extensions for JavaScript의 약자입니다. 처음에 Reactive Extension은 마이크로소프트에서 Rx.NET으로 개발했습니다. 그 이후로 Java, Python, Ruby, JavaScript를 비롯한 여러 다른 언어로 구현되었습니다. RxJS를 이용하는 프레임워크로는 Angular, React, Vue가 있습니다. 물론 JavaScript와 TypeScript와 같은 언어와 함께 RxJS를 쓸 수 있습니다. RxJS의 공식문서에 따르.. 2022. 6. 16.
[플러터] 앱에 맞는 데이터 저장 라이브러리 선택하기 플러터 앱에 로컬 데이터를 저장할 때는 앱의 기능에 맞춰 필요 적합하는 도구를 선택해야 합니다. 어떤 기준과 관점으로 데이터를 저장하는 패키지를 선택해야 하는지 알아보고 알맞은 몇 가지 라이브러리를 소개하겠습니다. 내 앱에 맞는 로컬 데이터 저장 패키지 고르기 도구와 라이브러리 패키지는 시간이 흐름에 따라 변경되기도 하지만 내 앱에 맞는 도구를 선택하기 위해 아래와 같은 질문을 스스로 해볼 수 있습니다. 어느 플랫폼에서 사용하나? 어떤 종류의 데이터를 사용하나? SQL 혹은 NOSQL을 사용하나? 1. 어느 플랫폼에서 사용하나? 우선 플랫폼 관점으로 생각해 보겠습니다. 플러터를 사용하면 안드로이드 및 iOS와 같은 모바일 플랫폼 앱을 만들 수 있을뿐만 아니라 웹 혹은 윈도우, 맥과 같은 데스크톱 앱도 만.. 2022. 6. 16.