새오의 개발 기록

01. 상황에 따라 달라지는 this 다른 대부분의 객체지향 언어에서 this는 클래스로 생성한 인스턴스 객체를 의미하지만 자바스크립트에서 this는 상황별로 달라짐. 자바스크립트에서 this는 기본적으로 실행 컨텍스트가 생성될 때 함께 결정 실행 컨텍스트는 함수를 호출할 때 생성되므로, this는 함수를 호출할 때 결정된다고 할 수 있음 즉 함수를 어떤 방식으로 호출하느냐에 따라 값이 달라짐 1-1. 전역 공간에서의 this 전역공간에서 this는 전역 객체를 가리킴 개념상 전역 컨텍스트를 생성하는 주체가 바로 전역 객체이기 때문 전역 객체는 자바스크립트 런타임 환경에 따라 다른 이름과 정보를 가지고 있는데 브라우저 환경에서 전역객체는 window이고 Node.js 환경에서는 global임 전역변수를 ..

메모리 관리의 필요성 오버플로우가 될 수 있으니 메모리가 관리되는 것은 중요함 컴퓨터 또는 머신의 운영 체제는 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 엔진 쪽을 자세히 살펴보면 브라우저가 바로 메모리 할당 작..