typescript

자바스크립트 수행 시간 측정 방법에 대해 알아보겠습니다.일반적으로는 Date의 getTime()를 사용하여 시간을 계산합니다.결과값은 ms 입니다.만일 간단히 개발과정에서의 처리 속도 확인 용도라면 console.time / timeEnd 기능을 사용할 수 있습니다.t

Typescript에서 외부 js 파일을 가져오는 방법을 몇 가지 알아보겠습니다.5년전 만해도 매우 생소했던 Typescript가 Angular를 필두로 최근 몇 년 사이에 활용 빈도가 급격히 증가하여 React나 Vue.js를 비롯하여 심지어 node.js도 사용할

yield 패턴에 대해서 알아보겠습니다.yield 키워드는 제너레이터 함수 (function\* 또는 레거시 generator 함수)를 중지하거나 재개하는데 사용됩니다.함수 실행 중 yield 를 만나면 결과를 리턴하고 함수는 종료되지 않고 대기 합니다.yield를

Unknown 타입은 Typescript 3.0 부터 적용 되었습니다.any형과 비슷하게 모든 형태의 값에 선언할 수 있으며, any처럼 어떠한 값을 넣어도 허용합니다.그러면 unknown타입의 특징은 무엇일까요?any외의 형 선언된 변수는 unknown 타입의 값을

JAMStack은 기존 용어인 ‘LAMPStack (Linux, Apache, MySql, PHP)’ 혹은 ‘MEANStack (MongoDB, ExpressJS, AngularJS, NodeJS)’ 같은 단어와 비슷한 최근 웹 기술에서 구성해야할 요소의 모음입니다.

함수가 실행 되기 전에 반복적으로 선행되어야 할 명령을 별도의 함수로 구현한 뒤 이를 한줄의 명령어로 쉽게 호출하는 방법 입니다.일반적으로 @Decorator와 같이 앞에 @을 붙여서 호출하며, 클래스, 함수, 변수, 심지어 함수의 파라미터에도 적용할 수 있으나 각각의

Debounce 또는 Throttle Decorator를 만들기 위해 여러 사이트를 검색하였으나, Angular나 Typescript에 적합한 예제를 찾을 수 없어서 직접 만들었습니다.저와 같이 검색하시는 분들께 도움이 되었으면 좋겠다는 생각을 하며 글을 시작합니다.d

class의 getter와 setter에 대해 알아보고, 이를 interface에서 구현합니다. 일반적으로 class는 변수를 private으로 지정하고, 함수를 통해 변수의 값을 설정하거나 가져오는데, 이 때, 해당 함수의 앞에 get과 set을 선언하며 이를 get

값을 비교할 때, undefined 또는 null을 비교하기 위해 우리는 일반적으로 if 또는 삼항연산자를 활용합니다.Typescript는 매번 변수를 비교할 때 undefined와 null을 체크해야 하는 불편함을 줄이기 위해 단축명령어인 '||' 를 제공하며, 이를

우리는 개발하면서 Array의 특정 항목을 제거할 때가 있습니다.그럴 때 filter()를 사용하면 간단하게 원하는 항목을 제거할 수 있습니다.그런데 JSON에서는 filter()를 제공하지 않으므로 골치 아픈 경우가 많습니다.때로는 이를 위해 아래와 같이 새로운 js

deep copy에 대한 내용은 검색을 통해 쉽게 찾아볼 수 있습니다만, 그럼에도 여기에 다시 정리하는 이유는 Deep Copy의 목적에 따라 한계가 있음이 명확히 정리되지 않은 글이 많기 때문입니다.이번 글에서는 Deep Copy란 무엇인지 간단히 알아보고, 여러 방

예제들을 검색하다보면 javascript 또는 jquery로 된 예제들을 볼 수 있는데, 그런 예제들 중에 this로 처리되어 있는 예제들을 간혹 확인할 수 있습니다.하지만 typescript나 angular 에서의 this는 그 의미가 다르므로 그대로 코드를 옮기면

TypeScript에서 typeof, instanceof, keyof, in 연산자는 각각 다음과 같은 역할을 합니다.typeof 연산자는 변수 또는 값의 타입을 반환하는 데 사용됩니다.위 예제에서 myNumber 변수의 타입은 number이므로 number가 출력됩니

이 글에서는 Highchart에서 label을 사용할 때 style을 변경하는 방법에 대해 알아보겠습니다.label의 attribute를 변경하는 것은 일반적인 방법으로는 중간에 값을 변경하기 어려습니다.이를 확인하기 위해 label의 html 구조를 보면 label은

먼저, Highcharts의 툴팁 옵션에 대해 알아봅시다. 툴팁은 데이터 포인트를 가리킬 때 정보를 표시하는데 사용됩니다. 다양한 옵션을 통해 툴팁을 사용자 정의할 수 있습니다.툴팁을 복사하여 여러 개를 표시하는 방법도 있습니다. 이렇게 하면 툴팁을 동적으로 추가할 수

Github Models 는 GitHub의 AI 및 머신 러닝 모델을 쉽게 관리하고 배포할 수 있도록 돕는 기능입니다. GitHub에서 제공하는 모델 저장소나 API를 통해 개발자는 자신만의 머신 러닝 모델을 관리하거나 다른 사람이 만든 모델을 활용할 수 있습니다. 이

개발 중 git push 과정에서 GitHub Push Protection으로 인해 코드 푸시가 차단된 경험이 있으신가요? 이 기능은 중요한 보안 정보(예: Access Key, Token 등)가 저장소에 푸시되는 것을 방지하기 위한 GitHub의 보안 시스템입니다.이

웹 애플리케이션에서 데이터를 클라이언트에 저장하는 방법은 여러 가지가 있지만, 가장 흔히 사용되는 것은 LocalStorage와 IndexedDB입니다. LocalStorage는 사용하기 간편하지만, 대용량의 구조화된 데이터를 다루기에는 한계가 있습니다. 이때 Inde