새오의 개발 기록

Set 객체를 활용하여 배열의 중복 원소 제거하는 법 Set은 ES6에서 등장한 새로운 데이터 object Set은 unique한 값만 저장할 수 있도록 하기 때문에 Array에 넣게 되면 중복되는 값이 사라진다. const dupArr = [1, 2, 3, 1, 2]; const set = new Set(dupArr); const uniqueArr = [...set]; console.log(uniqueArr) // [1, 2, 3] 중복값이 있는 배열을 Set객체로 만들면 중복이 제거가 되는데, 이를 다시 Spread Oprator를 활용하여 배열로 변환하면 처음 배열에서 중복값이 제거된 상태가 된다. const dupArr = [1, 2, 3, 1, 2]; const set = new Set(dupA..

메모리 관리의 필요성 오버플로우가 될 수 있으니 메모리가 관리되는 것은 중요함 컴퓨터 또는 머신의 운영 체제는 Chrome에 일정량의 메모리만을 할당하고 만약 이를 초과할 경우 Chrome을 종료시키도록 되어 있는데 Chrome이 내부 메모리 관리를 해서 메모리를 많이 차지하기 전에 웹사이트를 종료하기 때문에 실제로 이런 일은 절대 일어나지 않음. 따라서 웬만한 상황에서는 메모리를 우리가 직접 관리할 필요가 없음 가비지 컬렉터 Chrome이 메모리를 관리하는 방식으로 모든 JavaScript 엔진이 갖고 있음 가비지 컬렉터의 역할 사용되지 않은 객체, 즉 참조되지 않은 객체에 대한 힙 메모리를 주기적으로 확인함 참조란 결국에 변수에 저장된 주소이며 가비지 컬렉터는 사용되지 않은 객체를 메모리에서 제거함...

Javascript의 자료형: 원시값 vs 참조값 원시값 참조값 문자열, 숫자, 불리언, null, undefined와 심볼형 모든 객체 적은 메모리가 사용되고 따라서 일반적으로 스택 메모리에 저장됨 (많은 경우 힙으로 관리하기도 함) math 객체와 같은 것으로 문자열 또는 숫자보다 더 많은 데이터를 가지고 있음. 따라서 관리하기 복잡해서 만드는 데 더 오래 걸리고 더 많은 메모리를 차지함 보통 스택으로 관리 보통 힙에서 관리 값을 복사함 변수가 포인터만을 저장하여 즉, 값 자체가 아닌 메모리 공간의 주소만 저장함 원시값 let name = 'Max'; let anotherName = name; console.log(anotherName); // Max name = 'Manual'; console.lo..

자바스크립트 코드의 실행 코드에 어떤 단계가 뒤따르고 이때 사용되는 원리가 무엇인지를 알아봄 코드를 실행하는 주체인 자바스크립트 엔진이며 메모리와 실행 단계에 대한 관리가 이루어짐 자바스크립트 엔진에는 힙과 스택이 포함되어 있음 자바스크립트는 단일 스레드 한 번에 하나의 작업만 수행한다는 의미 한 번에 하나의 함수만을 호출하고 다른 함수는 그 함수의 응답을 기다림(아래 스택 예시에서 확인) 함수의 실행 순서를 보장하고 모든 함수가 어떤 함수와 관련되었는지를 알아볼 수 있게 해 줌 힙 장기 메모리 메모리 할당과 관련 있음 시스템 메모리 데이터를 저장함 브라우저가 하는 작업을 말함 힙을 관리하고 시스템 메모리에 대한 작업을 수행함 Javascript 엔진 쪽을 자세히 살펴보면 브라우저가 바로 메모리 할당 작..