[angular] WebSocket in Angular
websocket을 angular 사용하는 방법에 대해 알아봅시다. 모든 내용을 다루기에는 양이 많으므로 이번에는 js에서 제공하는 일반 websocket을 활용하는 방법만 정리하고, 다음 시간에 rxjs의 websocket을 활용하는 방법에 대해 정리하도록 하겠습니다.
websocket을 angular 사용하는 방법에 대해 알아봅시다. 모든 내용을 다루기에는 양이 많으므로 이번에는 js에서 제공하는 일반 websocket을 활용하는 방법만 정리하고, 다음 시간에 rxjs의 websocket을 활용하는 방법에 대해 정리하도록 하겠습니다.
값을 비교할 때, undefined 또는 null을 비교하기 위해 우리는 일반적으로 if 또는 삼항연산자를 활용합니다. ```tsx if (value !== undefined || value !== null) { return value; } return ‘’;
이번 시간은 chrome의 개발자 도구(DevTools)에 Angular 탭을 추가하는 방법과 사용 방법에 대하여 알아보겠습니다.
class의 getter와 setter에 대해 알아보고, 이를 interface에서 구현합니다.
template에서 object의 key와 value를 쉽게 구분하여 사용할 수 있도록 기본 제공되는 keyvalue pipe를 활용할 때, 정렬 순서를 커스터마이징 해봅니다.
dynamic component 기능인 createComponent를 활용하여 Modal 만들어 봅시다.
dynamic component 기능인 createComponent를 활용하여 Tooltip을 만들어 봅시다. 기본 동작
보다 범용적인 버전에서 활용할 수 있는 createComponent를 사용하여 dynamic component를 구현합니다.
ngIf를 활용하여 조건에 맞는 component만 노출하기
Debounce 또는 Throttle Decorator를 만들기 위해 여러 사이트를 검색하였으나, Angular나 Typescript에 적합한 예제를 찾을 수 없어서 직접 만들었습니다. 저와 같이 검색하시는 분들께 도움이 되었으면 좋겠다는 생각을 하며 글을 시작합니다.