자바스크립트의 동작원리

자바스크립트란?

Javascript는 HTML과 CSS로 만들어진 웹페이지를 동적으로 변경해주는 언어입니다.

자바스크립트는 객체(Object) 기반의 스크립트 언어로 기본적으로는 웹 브라우저에서 해석되는 인터프리터 언어이며 Node.js와 같은 프레임워크를 사용하면 서버 프로그래밍에도 사용할 수 있습니다.

현재 컴퓨터나 스마트폰 등에 포함된 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있습니다.

 

- 자바스크립트란 객체 기반의 스크립트 언어입니다.

- html로 웹 내용을 작성하고 css로 디자인하며, 자바스크립트를 동적이게 만듭니다.

- 싱글 스레드 언어입니다.

 

 

자바스크립트의 특징 

• 동적이며 타입을 명시할 필요가 없는 인터프리터 언어 이다.
• 객체지향 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다.
• HTML의 내용, 속성, 스타일을 변경 할 수 있다.
• 이벤트를 처리하고 사용자와의 상호작용을 가능하게 함.
• AJAX 기술을 이용해 서버와 실시간 통신 기능을 제공.

 

 

 

Memory Heap
메모리 할당이 일어나는 곳

 

Heap
구조화 되지 않은 넓은 메모리 영역 -> 객체(변수, 함수 등) 들이 담긴다.

 

Call stack (호출스택)
실행될 코드의 한 줄 단위로 할당 되는 것

 

Web apis
비동기 처리를 담당

Callback Queue (Task Queue, Event Queue 등 다양한 형태로 설명 됩니다.)
비동기 처리가 끝난 후 실행되어야할 콜백 함수가 차례로 할당됩니다.

 

Event Loop
Queue에 할당된 함수를 순서에 맞춰 Call Stack에 할당해줍니다.

 

 

 

 

참고

https://www.youtube.com/watch?v=QFHyPInNhbo

 

https://ko.javascript.info/intro#ref-18

자바스크립트란?