본문 바로가기
728x90

분류 전체보기71

[javascript] `...` 연산자 / 스프레드(spread) 연산자 ... 연산자 / 스프레드(spread) 연산자 라고 하며 배열과 객체 모두에 사용할 수 있습니다. 배열에 대한 사용:배열에 스프레드 연산자를 사용하면, 배열의 요소들이 개별적으로 분리됩니다. 이는 새로운 배열을 생성하거나 배열을 합치는 데 매우 유용합니다. let arr1 = [1, 2, 3]; let arr2 = [...arr1, 4, 5, 6]; // arr2는 [1, 2, 3, 4, 5, 6]입니다. 객체에 대한 사용:객체에 스프레드 연산자를 사용하면, 객체의 속성들이 개별적으로 분리됩니다. 이는 새로운 객체를 생성하거나 객체를 합치는 데 매우 유용합니다. let obj1 = { a: 1, b: 2 }; let obj2 = { ...obj1, c: 3 }; // obj2는 { a: 1, b: 2,.. 2023. 5. 18.
[javascript] '_' throwaway variable, ignored variable JavaScript에서 _ 변수는 종종 무시되어야 하는 매개변수를 가리키는 데 사용됩니다. 함수의 매개변수 중 어떤 값을 실제로는 사용하지 않지만, 문법적으로는 필요한 경우에 _를 사용할 수 있습니다. 예를들어 아래의 경우 const newData = data.filter((_, index) => !checked[index]); Array.prototype.filter 함수는 현재 요소, 현재 인덱스, 원본 배열의 세 가지 매개변수를 콜백 함수에 전달합니다. 이 경우, 현재 요소 값은 실제로는 사용되지 않고, 인덱스 값만 필요하기 때문에 _로 표현된 매개변수를 사용하여 현재 요소를 무시하고 있습니다. 2023. 5. 18.
[TypeScript] keyof 에 대하여 keyof는 TypeScript의 키워드 중 하나로, 특정 타입의 키들을 나타내는 타입을 생성합니다. keyof는 동적 속성 접근에 유용하며, 런타임 에러를 방지하는데 도움을 줍니다. 아래는 keyof 를 사용하는 예제입니다 interface Person { name: string; age: number; country: string; } // 여기서 keyof Person 은 'name' | 'age' | 'country' 타입을 가집니다. const personKey: keyof Person = 'name'; // 이것은 가능합니다. const invalidPersonKey: keyof Person = 'height'; // 이것은 불가능합니다. TypeScript는 이 코드에 오류를 발생시킵니다. .. 2023. 5. 18.
React 시각화 무료 라이브러리 ( 그래프 라이브러리) 검토 1. 최근까지 업데이트가 되었는지 2. 사용이 용이한지 3. 에니메이션을 지원하는지 기준으로 검토하였습니다 선정한 순위는 다음과 같습니다 1.Chart.js (react-chartjs-2) 2.Recharts 3.Nivo 4.Victory 5.react-vis 각 라이브러리의 장단점은 다음과 같습니다: 1.Chart.js (react-chartjs-2): • 장점: 간단하고 사용하기 쉬운 API를 제공하며, 기본적인 차트 유형을 아름답게 그릴 수 있습니다. 에니메이션 지원이 가능하며, 리소스 사용이 적습니다. • 단점: 다른 라이브러리에 비해 차트 유형과 커스터마이징 옵션이 제한적일 수 있습니다. 2.Recharts: • 장점: React와 D3 기반으로 만들어져 있어 사용이 쉽고, 선언적인 구문을 사용.. 2023. 5. 3.
728x90