최근 자바스크립트의 인기를 하늘을 치솟고 있ek. 언어랭킹을 볼 수있는 Github에 따르면 Total 1위에 빛나고 있다. 또한 현재 앵귤러를 익히고 있는 저에게 있어서도 최고의 관심사.
TOC
자바스크립트는...
1. 단일쓰레드(single-threaded)
단일쓰레드(싱글쓰레드)는 콜스택이 하나라는 것을 뜻한다.
- 콜스택은 우리가 프로그램의 어디에 있는지를 기록하는 자료구조다.
- 콜스택이 하나임으로 한 번에 하나의 일만을 할 수 있다는 것을 말한다.
- 콜스택의 각각은 스택프레임(Stack Frame) 이라고 부른다.
2. 스택트레이스
스택 트레이스란 기본적으로 예외가 발생했을 때 콜스택의 상태
3. 스택날림(Blowing the stack)
콜스택의 최대 크기에 다다랐을 때 나타난다.
데드락(deadlocks)이라는 것은 무엇일까?
= 우리말로 하면 교착상태라고 하며 멀티쓰레드 기반환경에서 나타는 현상.
= 두 개 이상의 작업이 서로 상대방의 작업이 끝나기 만을 기다리고 있는 상태
자바스크립트 엔진
현재 우리나라 브라우저 순위로 본다면 구글의 크롬이라고 생각된다. 크롬에는 V8 이라는 엔진이 적용되어있다. V8이라는 것이 바로 자바스크립은 엔진 중 하나다. 또한 V8은 NodeJS에서도 사용되고 있다.
- V8은 크게 메모리 힙과 콜스택으로 구성된다.
- 메모리 힙: 메모리 할당이 이루어지는 곳
- 콜스택: 코드가 실행되면서 스택프레임이 쌓이는 곳
자바스크립트에 있어서 엔진도 중요하지만 엔진이외의 웹에서 제공하는 API(DOM, AJAX, setTimeout)들와 이벤트 루프와 콜백큐가 있다.
콜스택내에 수행시간이 긴 함수가 있다면?
위에서 말했듯이 자바스크립트는 싱글쓰레드다. 그래서 한 번에 하나의 일 밖에 하지 못한다. 그러한 상황에서 하나의 일이 길어진다면 어떻게 될까?
- 코드 블로킹(blocking)
이 현상이 바로 블로킹이다. 브라우저는 더이상 렌더링을 할 수도 없고 다른 코드를 수행할 수도 없는 상태가 되어버린다. 또한 브라우저는 콜스택 내의 많은 작업을 수행하면서 긴 시간 동안 응답이 없으면 대부분의 브라우저에서 에러를 일으키고 사용자에게 해당 페이지를 닫을지 물어보기도 한다.
- 비동기 콜백(asynchronous callbacks)과 동시성
이에 해결방안이 비동기 콜백이다. 흔히 웹에서는 Ajax라고 해서 사용이 되고 있다.
자바스크립트는 콜백큐를 이용한다는 말이 맞다는 것을 알 수 있는 부분이다. 자세한건 아래의 링크 영상에 있습니다.
