개발 일반/프로그래밍 언어 ∕ JS & TS 검색 결과
15 개의 검색 결과가 있습니다.
개발 일반/프로그래밍 언어 ∕ JS & TS

[Typescript] 이슈 해결 모음

개요 Typescript로 개발하면서 발생했던 이슈 현상들을 기록하고 원인은 무엇이며, 어디서 도움을 받아 어떻게 해결했는지를 간단하게 기록합니다. 이슈 해결 Typescript 1109 Error : VSCode에서 갑자기 ? 기호가 에러를 뱉음 현상 : Visual Studio Code에서 갑자기 ? 기호가 "식이 없습니다" 라는 오류를 내기 시작했다. 원인 : Optional chaining (the ? operator) is now available on TypeScript 3.7 ? 기호는 3.7 버전부터 지원하는데, VSCode 하단의 Typescript Version이 3.5x로 설정되어 있어 발생하는 문제였다. 해결 방법1 : VSCode 하단의 Typescript Version 숫자를 선..

2023. 1. 19. 21:20
개발 일반/프로그래밍 언어 ∕ JS & TS

[Typescript] 개발 참고자료 목록

개요 이 페이지는 Typescript 언어로 개발하는 프로젝트로 앱/웹을 구현하면서, 검색하여 참고한 사이트 및 정보를 정리해놓았습니다. 참고자료 목록 Typescript 일반 Array가 Empty이거나 undefined, null 체크를 동시에 체크하는 방법 if (array && array.length) { // array and array.length are truthy // ⇒ probably OK to process array } https://stackoverflow.com/questions/24403732/how-to-check-if-array-is-empty-or-does-not-exist How to check if array is empty or does not exist? What'..

2022. 10. 23. 21:53
개발 일반/프로그래밍 언어 ∕ JS & TS

[RxJs] debounceTime(milsec), distinctUntilChanged(), switchMap(), 실시간 검색

# 개요만약 실시간 검색창 또는 실시간 검증 Input이 있다고 하자.검색어가 입력하는 것을 감지해서, 서버에 검색 request 또는 검증 request 를 보내서, 처리한 결과를 업데이트하게 된다.그러나, 검색어 하나가 입력될 때마다 request를 호출하는 것은 굉장히 비효율적이다.그리고, request 주기가 빠르면, 이전에 request가 다 처리되기도 전에 새로운 request의 결과로 덮어씌워야하는 경우도 발생한다.단순히, formcontrol.valueChanges() Observable[또는 keyup event]을 단순히 subscribe함으로 처리를 한다면 한글자마다, request가 발생하게된다. [한글의 경우, '홍길동'이라고 한다면, ㅎ,ㅗ,ㅇ,ㄱ,ㅣ,ㄹ,ㄷ,ㅗ,ㅇ 입력시에 모두..

2020. 11. 12. 11:16
개발 일반/프로그래밍 언어 ∕ JS & TS

[RxJs] unSubscribe() 3가지 기술

# 기본 Observable unSubscribe() 방식import {OnDestroy} from '@angular/core';import {Subscription} from 'rxjs'; export class AutoUnsubscribeComponent implements OnDestroy { protected subscriptions: Subscription[] = []; public ngOnDestroy(): void { for (const subscription of this.subscriptions) { subscription.unsubscribe(); } } protected addSubscriptions(...subs: Subscription[]) { this.subscriptions.p..

2020. 10. 29. 10:41
개발 일반/프로그래밍 언어 ∕ JS & TS

Promise와 Observable 객체의 차이

# Promise 와 Observable 공통점 둘다 async 비동기 함수 호출을 할 때 사용한다. - promise 비동기 함수 호출 const promise = new Promise(resolve => { setTimeout(() => { resolve("Hello from a Promise!"); }, 2000); }); promise.then(value => console.log(value)); // 비동기적인 시점에 약속된 값을 한번 반환하고 끝 - Observable 비동기 함수 호출 const observable = new Observable(observer => { setTimeout(() => { observer.next('Hello from a Observable!'); }, 2000..

2020. 10. 28. 15:40
개발 일반/프로그래밍 언어 ∕ JS & TS

Promise, Async Await에 대한 고찰

# Promise가 무엇인가? Promise가 도입되기 전에는 자바스크립트에서는 비동기 함수를 처리 할 경우 callback함수를 사용하여 비동기함수를 처리하였다. 하지만 코드가 복잡할 경우 callback hell(콜백지옥)에 빠지게 되므로 가독성 및 코드가 복잡해지기 쉽다. 이런 콜백헬을 해결하기위해 ECMA Script2015(ES6)에서 부터 Promise가 도입되었다. 프로미스를 사용하면 비동기 메서드에서 마치 동기 메서드처럼 값을 반환할 수 있습니다. 다만 최종 결과를 반환하지는 않고, 대신 프로미스를 반환해서 미래의 어떤 시점에 특정형태의 결과를 제공합니다. 프로미스 객체란 일종의 약속이다. 예를 들어, async 함수명(id): Promise{ // 처리 // const task: Task..

2020. 10. 28. 15:09