728x90 반응형 JavaScript4 [JavaScript] 얕은 복사, 깊은 복사 전개 구문에 대해서 조사할 때 잠깐 나왔던 얕은 복사와 깊은 복사의 개념에 대해서 알아보고자 한다. #얕은 복사 얕은 복사는 객체의 참조값(주소 값)을 복사하고, 깊은 복사는 원시값을 복사하여 완전한 복사를 하는것을 말한다. let obj1 = { name: 'Yang', age: 25 }; let obj2 = obj1; console.log(obj1); // { name: 'Yang', age: 25 } console.log(obj2); // { name: 'Yang', age: 25 } console.log( obj1 === obj2 ); //true obj2.name = 'Hong'; console.log(obj1); // { name: 'Hong', age: 25 } console.log(obj2.. 2022. 11. 15. [JavaScript] 전개연산자 '...' 프로그래스의 다른 사람 풀이를 보면 종종 보이는 '...variable' 이 보인다. JavaScript에 대한 개념이 아직 부족하다보니 '...'이 무엇인지 궁금하여 알아보게 되었다. 우선 JavaScript에서 처음 보는 '...'은 전개구문(Spread Syntax)이라고 한다. 전개구문은 객체 혹은 배열들을 풀어서 펼칠 수 있게 해주는 기능이 있다. 글로 읽고 이해하려니 어렵게 느껴진다. 다음의 예제를 살펴봤다. function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; console.log(sum(...numbers)); // expected output: 6 console.log(sum.apply(null, numbers));.. 2022. 11. 15. [JavaScript] var, let, const 차이점 프로그래머스 문제를 풀면서 var을 사용하는 사람도 있고 let를 사용하는 사람이 있어 var과 let 추가로 const의 변수 선언 방식의 차이점이 궁금하여 조사했다. # 변수 선언 방식 1. var - 중복 선언 가능 / 재할당 가능 var name = 'first'; console.log(name); // first var name = 'second'; console.log(name); // second var은 동일한 변수명으로 중복 선언이 가능하며, 마지막의 할당된 값이 변수에 저장된다. 위의 코드를 보면 에러가 발생하지 않고 다른 값이 출련된다. 이런 var의 특징은 간단한 테스트, 작은 프로젝트에서는 괜찮을 수 있겠으나, 코드량이 많아지는 프로젝트에서는 기존의 선언한 코드를 잊고 값을 재할당.. 2022. 11. 11. [JavaScript] 동기와 비동기 방식 이번에 진행하는 프로젝트에서 ajax를 사용하여 JavaScript에서의 동기과 비동기에 대한 내용을 조사했다. JS는 대부분 비동기식 절차 비동기 방식을 사용 시 데이터가 아직 도착하지 못했는데 화면에 출력하여 오류 발생할 수 있거나 데이터를 DB에 insert하는 동작을 수행 시 아직 데이터를 넘겨받지 못했는데 insert를 수행하여 데이터가 온전하게 insert되지 않을 수 있다. 그래서 다음과 같은 방법으로 동기절차 형식을 구현하여 사용한다. 1)콜백함수 사용 function getData(cb) { $.get('https://domain.com/products/1', function(res) { cb(res); }); } getData(function(tableData) { console.log.. 2022. 11. 2. 이전 1 다음 728x90 반응형