Now or Never

es-toolkit의 PR을 구경하다가bench: remove import overhead 라는 PR을 보게 됐다. 해당 PR에는 아래와 같은 수정이 있는데 이게 import의 overhead를 어떻게 줄일 수 있지라는 궁금증이 생겼다.그리고 gpt에게 물어봤다.첫 번째 질문1번에서 2번으로 코드를 수정했는데 import overhead가 줄었어 어떤 차이야?1번import { after as afterToolkit } from 'es-toolkit';import { after as afterLodash } from 'lodash';2번import { after as afterToolkit_ } from 'es-toolkit';import { after as afterLodash_ } from 'loda..

javaScript에서 for...of와 일반적인 for 루프의 성능 차이는 사용하는 용도에 따라 다르지만 보통 for의 성능이 좋다1. for동작 방식: for 루프는 인덱스를 기반으로 배열이나 반복 가능한 객체에 직접 접근한다.성능: 배열의 길이가 크고 단순히 인덱스를 사용해 값을 순회할 때, 최적화가 잘 되어 있기 때문에 성능 면에서 이점이 있다.const arr = [1, 2, 3, 4]; for (let i = 0; i 2. for...of동작 방식: for...of는 반복 가능한 객체(iterable)에서 값 자체를 순회한다. 배열 외에도 Map, Set 같은 다른 이터러블 객체에도 사용할 수 있다.성능: for...of는 내부적으로 이터레이터를 생성하고 그 값을 가져오기 때문에, 단순 배열 ..

자바스크립트에서 for in과 for of의 차이점. 자바스크립트에서 for in과 for of는 둘 다 데이터 구조를 루핑하는데 쓰이는 문법이다. 1) for in : 객체(object)가 갖고 있는 property의 key들을 순환한다. 2) for of : array, string, nodeList와 같은 반복가능한 객체(iterable object)의 value를 순환한다. for of와 in의 사용 예제 let list = [4, 5, 6]; for (let i in list) { console.log(i); // "0", "1", "2", } for (let i of list) { console.log(i); // "4", "5", "6" } 즉, 자바스크립트에서 for of와 in의 구분은 ..

Goal - Typescript에서 interface와 타입별칭으로 타입을 정의한 변수의 프리뷰비교. - 프리뷰가 다른 이유 탐구. Typescript에서는 타입을 선언하는 두 가지 방식이 있다. 타입별칭과 인터페이스인데, 타입별칭으로 선언한 객체의 타입의 경우는 프리뷰를 보여줄 때 해당 객체 프로퍼티의 타입들을 보여주는 반면 인터페이스는 그렇지 않다. ex) 타입별칭 ex) 인터페이스 인터페이스의 확장성으로 인해 업무시에 인터페이스로 타입을 선언하는 경우가 대부분인데, 다른 개발자분들이 선언한 인터페이스의 타입을 프리뷰로 볼때 프로퍼티의 타입들을 볼 수 없어서 불편한 적이 많았다. 근데 그렇게 하지 않는 이유가 궁금했고 검색해보았는데 다음과 같은 글이 있었다 ( https://stackoverflow...