얕은 복사겉만 복사하고 속은 참조 공유중첩된 객체/ 배열은 같은 메모리 주소를 가리킨다. JavaScript에서 얕은 복사를 만드는 방법은 아래와 같다. 1. Object.assign()const original = { name: '철수', info: { age: 20, city: '서울', }};const copy = Object.assign({}, original);copy.name = '영희'; // ✅ 독립됨 [ name은 기본형 ]copy.info.city = '부산'; // ❌ 원본도 같이 바뀜 [info는 참조형] console.log(original.info.city); // '부산' 2. spread 연산자const copy = {…origin..
Frontend/Java Script
== 와 ===은 자바스크립트에서 사용되는 두 가지 비교 연산자이다.==는 동등연산자이고, ===는 일치 연산자이다.== 동등 연산자== 동등연산자는 값을 비교할 때 , 타입 변환을 수행한다.따라서 타입이 다른 두 값의 비교를 할 때 타입 변환이 일어난다.10 == '10'; // truenull == undefined; // true false == '0' // true === 일치 연산자=== 일치연산자는 값과 타입을 모두 비교한다.타입 변환을 수행하지 않고 엄격하게 비교한다.10 === '10'; // falsenull === undefined; // false false === '0' // false따라서, 타입과 값의 정확한 일치성을 확인해야하는 경우에는 === 일치 연산자를 사용하는 것이 좋고..
화살표함수const add = (a, b) => { return a + b;};console.log(add(1, 2)); function 키워드 대신 => 문자를 사용해서 함수를 구현한다. 화살표의 좌측에는 함수의 파라미터, 화살표의 우측에는 코드 블록이 들어온다. 객체 객체는 우리가 변수 혹은 상수를 사용하게 될 때 하나의 이름에 여러 종류의 값을 넣을 수 있게 해준다.const dog = { name: '멍멍이', age: 2};console.log(dog.name);console.log(dog.age); 객체를 선언 할 때에는 이렇게 { } 문자 안에 원하는 값들을 넣어주면 된다. 값을 집어 넣을 때에는키: 원하는 값 형태로 넣고, 키에 해당하는 부분은 공백이 없어야한다. 만약에 공백이 있어야..
변수 변수는, 바뀔 수 있는 값을 말한다.한번 값을 선언하고 나서 바꿀 수 있다. let value = 1;console.log(value); 상수상수는, 한번 선언하고 값이 바뀌지 않는 값을 말한다. 즉 , 값이 고정적이다. const a = 1; 데이터 타입 숫자 (number)그냥 값을 대입해주면된다. let value = 1; 문자열 (string) 텍스트 형태의 값은 작은 따옴표 혹은 큰 따옴표로 감싸 선언한다. let text = 'hello';let name = '자바스크립트'; 참/ 거짓 (Boolean)let good = true;let loading = false; null 과 undefined null은 이 값이 없다! 라고 선언할 때 사용한다. undefined는 아직 ..