**배열(Array)**은 JavaScript에서 여러 개의 값을 하나의 변수에 저장할 수 있는 자료구조입니다.JavaScript의 배열은 동적 크기(dynamic size) 를 가지며, 다양한 데이터 타입을 저장할 수 있습니다. ✅ 1. 배열 선언 및 초기화📌 배열 선언 방법// 방법 1: 대괄호([])를 사용한 배열 선언(가장 많이 사용)let arr1 = [1, 2, 3, 4, 5];// 방법 2: Array() 생성자 사용let arr2 = new Array(1, 2,3, 4, 5);// 방법 3: 빈 배열 선언 후 값 추가let arr3 = [];arr3[0] = 1;arr3[1] = 2;📌 배열 요소(Elements) 접근console.log(arr1[0]); // 1console.log(..
웹개발
자바스크립트에서 객체나 배열을 복사할 때 **"얕은 복사(Shallow Copy)"**와 "깊은 복사(Deep Copy)" 개념을 정확히 이해하는 것이 중요합니다. 이를 제대로 이해하지 않으면 예상치 못한 버그를 만들 수도 있습니다! 😱오늘은 얕은 복사와 깊은 복사의 차이점과 실전에서 유용한 복사 방법을 정리해 보겠습니다. 🚀 🧐 1. 얕은 복사(Shallow Copy)란?얕은 복사는 객체의 1차원 프로퍼티(기본값)는 복사하지만, 중첩된 객체(참조 타입)는 주소값만 복사하는 방식입니다.✅ 얕은 복사 예제const original = { name: "Alice", skills: ["JS", "React"] };const copy = { ...original }; // 얕은 복사copy.name = ..
🔥 1. == vs ===의 충격적인 차이점자바스크립트에서 동등 연산자(==)와 일치 연산자(===)는 다르게 동작한다console.log(0 == "0"); // true (자동 형변환)console.log(0 === "0"); // false (자료형까지 비교)console.log(false == "0"); // true (자동 형변환)console.log(false === "0"); // false📌 왜 그럴까?== 연산자는 자동 형변환(coercion)을 수행하여 false와 "0"을 둘 다 숫자 0으로 변환하여 비교한다.=== 연산자는 자료형까지 엄격하게 비교하므로 false !== "0"이 된다.✅ 실전 팁: 가능하면 항상 ===를 사용하여 예기치 않은 버그를 방지하자! 🧐 2. [] ..
