FRONTEND/Javascript29 참조타입 Javascript의 변수는 원시 값과 참조 값 두 가지 타입의 데이터를 저장 할 수 있습니다. 원시 값 : 단순한 데이터 - 값으로 접근 undefined null Boolean Number String 참조 값 : 여러 값으로 구성되는 객체 - 참조로 접근 자바스크립트는 메모리 위치에 직접 접근하지 않고 객체에 대한 참조를 조작합니다. 값은 메모리에 저장된 객체입니다. Array Object 값 복사 원시 값과 참조 값은 저장되는 방식 외에도 특정 변수에서 다른 변수로 값을 복사 할 때도 다르게 동작합니다. 원시 값 : 현재 저장된 값을 새로 생성한 다음 새로운 변수에 복사합니다. const num1 = 5; const num2 = num1; 복사한 값은 기존의 변수와 완전히 분리되어 있습니다. 참조.. 2020. 7. 29. 웹 브라우저의 메모리 관리 - 가비지 컬렉션(Garbage Collection) 가비지 컬렉션 자바스크립트는 실행 환경에서 코드 실행중에 메모리를 관리합니다. C나 C++ 같은 언어에서는 메모리 추적이 매우 중요한데 많은 개발자들이 이 때문에 골치 아파합니다. 자바스크립트는 필요한 메모리를 자동으로 할당하고 더 이상 사용하지 않는 메모리는 자동으로 회수하므로 개발자가 직접 메모리를 관리하지 않아도 됩니다. 자바스크립트의 가비지 컬렉터는 더이상 사용하지 않을 변수를 찾아내어 해당 변수가 차지하고있던 메모리를 회수합니다. 이 프로세스는 주기적으로 실행되는데, 코드 실행중에 특정 시점에서 메모리를 회수하도록 지정할 수도 있습니다. 표시하고 지우기 자바스크립트에서 가장 널리 사용하는 가비지 컬렉션 방법은 표시하고 지우기 'mak-and-sweep' 이라 불립니다. 변수가 특정 컨텍스트 안에.. 2020. 7. 29. LocalStorage & SessionStorage 1. LocalStorage 데이터를 서버에 저장 및 전송하지 않고, 브라우저에 저장합니다. HTML5부터 사용가능 cookie 는 4 kb 가 최고 용량이지만, localstorage는 2.5 ~ 5 mb 까지 저장 가능합니다. localStorage의 storage 이름에 제약은 없습니다. localStorage는 string만 저장할 수 있습니다. JS 객체로 저장할 필요가 있는경우, JSON.stringify() 를 이용합니다. 다시 JSON을 객체로 사용하기 위해서는 JSON.parse() 를 이용하여 변경합니다. // storage에 값을 set 합니다. localStorage.setItem("lastname", "Smith"); localStorage.test = '123'; // stora.. 2020. 5. 9. ES6 문법 (2) 더보기 7. Destructing 1) Array 2) Object 3) JSON parsing 4) Event 객체 전달 8. Template 1) Tagged Tamplate literals 9. Module 1) export 2) import 10. Proxy 7. Destructing 1) Array에서 let data = ["crong", "honux", "jk", "hinny"]; // 기존 ES5 방법 let myname = data[0]; let jisu = data[0]; // ES6 let [jisu,,jung] = data; // jisu = data[0], jung = data[2] console.log(jisu, jung); // "crong", "jk" 2) Object에서 ke.. 2020. 5. 9. ES6 문법 (1) - 수정중 더보기 1. new String Method – ES6 전용 1) starts with, endsWith(), include() 2. Array 1) for of 2) spread operator 와 활용 3) from() 3. Obejct 1) df 2) class 3) Object.assign() - object 제작 4) Object.assign() - immutable 객체 제작 5) setPrototypeOf() 6) prototype chain 활용 4. Function 1) Arrow function 2) Arrow function – this context 3) default parameters 4) rest parameters 5. Set, WeakSet – 특별한 자료구조 1) Set .. 2020. 5. 4. 이전 1 2 3 다음
