Category: Js / Ts

throttle(쓰로틀링) 과 debounce(디바운싱)로 성능 향상 시키기

시작하기사이트 퍼포먼스를 향상 시키기위해서 사용하는 방법 중 하나입니다. 스크롤 혹은 인풋 박스에서 너무 많은 이벤트를 호출하여 불필요한 메모리를 소모하여 퍼포먼스를 떨어뜨립니다. 이 문제를 해결하기 위한 방법으로 Throttling(쓰로틀링)과 debouncing(디바운싱)이 있습니다. 기본 개념쓰로틀링은 마지막 함수가 호출된 이후 지정한 시간이 지나기

Deepcopy Shallowcopy 차이 알아보기

시작하기객체를 두번이상 사용할때 원하지 않았는데 원본의 객체가 수정되는 경우가 있습니다.자바스크립트 객체를 안전하게 복사하는 방법을 알아보겠습니다. 기본데이터 저장12345let a = "Javascript";let b = a; // b에 a를 할당b = "Typescript";console.log(b); // "Typescript"console.log(a

Eslint 적용하기(React + Typescript + Prettier)

시작하기기존 프로젝트에서 tslint를 사용해 왔었는데 이번에 tslint는 deprecated 되었습니다.그렇기에 tslint 대신에 eslint로 설치를 하겠습니다.react + typescript + prettier에 eslint를 설정하고, airbnb 규칙을 적용하겠습니다. 1. Eslint 설치 및 설정1npm install -D eslint @

Typescript v3.7 특징

시작하기Kotlin이나 Swift등의 언어에서는 사용중인 문법으로,3.7버전을 통해 타입스크립트에서도 Optional Chaining을 지원합니다. Optional Chaining서버에서 데이터를 가져오는 상황이라고 가정하고 예시를 들어 보겠습니다.data: { animal:{ name: 'dog' } } 를 반환할 예정입니다.data는 un

날짜 라이브러리 moment.js 사용법

시작하기날짜를 손쉽게 다룰수 있는 moment.js의 사용법을 알아보겠습니다. 설치하기라이브러리를 moment.min.js파일로 다운로드를 하거나npm i moment --save로 설치를 할 수 있습니다. 사용하기많이 사용하는 기능위주로 설명하겠습니다. 123import moment from 'moment';moment() // 현재날짜값을 가져옵니다.