새오의 개발 기록

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

1. 코드를 HTML 파일에 임포트 하면 브라우저가 해당 HTML을 읽는 작업을 함 스크립트를 감지하여 임포트 함 브라우저가 스크립트를 HTML 혹은 HTML로 작성된 인라인 스크립트를 실행함 2. 브라우저가 스크립트를 분석(parsing)하고 실행함 2-1. Parsing 단계 parsing(분석): 브라우저가 Javascript 코드를 읽어 들여서 로딩하는 작업. 실행은 실제로 일어나는 과정으로 코드가 영향력을 발휘하는 단계. 브라우저는 Javascript 엔진을 이용하게 되는데 모든 주요 브라우저에는 해당 기능을 지원함. Google 브라우저인 Chrome에서는 v8, Firefox에서는 Spider Monkey와 같은 엔진이 분석과 실행을 도맡음 대부분 interpreter와 compiler의 두..