map 3

객체 배열 비교 및 동기화 최적화: Lodash vs Vanilla JS vs includes

📌 목차 1. 목표 개요 및 문제 정의 2. Lodash를 활용한 구현 방식 3. 순수 JavaScript (Map) 방식 4. includes + forEach 방식 5. 성능 비교 및 결론 ">📌 목차1. 목표 개요 및 문제 정의 2. Lodash를 활용한 구현 방식 3. 순수 JavaScript (Map) 방식 4. includes + forEach 방식 5. 성능 비교 및 결론1. 목표 개요 및 문제 정의">1. 목표 개요 및 문제 정의두 배열 간의 동기화 작업이 필요할 때, 효율적인 구현 전략이 중요하다. 본 사례에서는 다음과 같은 두 배열이 존재한다.state.tmpSelectedDataList: 일부 객체에서 isChecked 값이 true로 설정되어 있음state.dataList: 위 ..

FrontEnd 2025.05.30

List, Set, Map 인터페이스

Collection 인터페이스 (List, Set의 조상)  Collection 인터페이스의 메서드메서드설명boolean add(E e)지정된 요소 e를 컬렉션에 추가.boolean addAll(Collection c)주어진 컬렉션 c의 모든 요소를 현재 컬렉션에 추가.void clear()컬렉션의 모든 요소를 제거.boolean contains(Object o)컬렉션이 특정 객체 o를 포함하고 있는지 여부를 반환.boolean containsAll(Collection c)컬렉션이 주어진 컬렉션 c의 모든 요소를 포함하고 있는지 여부를 반환.boolean isEmpty()컬렉션이 비어 있는지 확인.Iterator iterator()컬렉션을 순회할 수 있는 Iterator를 반환.boolean remove..

컬렉션 프레임워크

컬렉션 프레임워크에 대한 이해 프레임워크란? 프로그램 설계 구조와 규칙을 제공하는 일종의 체계를 의미 즉, 개발자들에게 어떻게 코드를 구조화하고, 어떤 규칙을 따라야 하는지에 대한 지침을 제공하는 것. 프레임워크는 일반적인 문제를 해결하기 위한 코드나 구조를 제공하여, 개발자는 이미 만들어진 기능을 재사용 할 수 있다. 일반적으로 프레임워크는 확장 가능한 구조로 설계되어 있어, 필요에 따라 기능을 추가하거나 변경이 가능함. 컬렉션 프레임워크란? 데이터를 저장, 관리 및 처리하기 위한 다양한 "자료 구조"와 "메서드"를 제공하는 라이브러리의 집합. 즉, 자료 구조와 메서드를 제공함으로써 데이터를 보다 효율적으로 다루고 처리하는 데 도움을 주는 도구. 데이터를 다루는 데 필요한 여러 인터페이스와 그 인터페이..