hotamul의 개발 이야기

익숙하게 들어봤을 AJAX, setTimeout, DOM 조작 API들은 모두 비동기적으로 작동한다. Javascript는 싱글쓰레드인데 어떻게 비동기적으로 작동할 수 있을까? 아래 영상을 참고하면 Javascript의 비동기적인(비동기적인 것처럼) 작동 방식과 Javascript의 Event Loop, Call Stack, Callback Queue, Web APIs에 대해 이해할 수 있다. What the heck is the event loop anyway? 아래 이미지는 영상에서의 Javascript 런타임 환경에 대한 이해를 돕기 위한 이미지이다. 요약하자면 Javascript는 Call Stack에 있는 function call들을 우선적으로 처리하고 Call Stack이 비어 있을 때 Cal..

JavaScript Hoisting refers to the process whereby the interpreter appears to move the declaration of functions, variables or classes to the top of their scope, prior to execution of the code. Javascript에서 호이스팅(hoisting)이란 변수, 함수가 선언되기 전 사용될 때를 대비해서 사용하려는 scope 맨 위에 선언한 것과 같은 효과를 보이는 것을 말한다. 링크에 좋은 예시와 자세한 설명이 있으니 참고하자. 위 링크의 글을 읽다 보면 TDZ(Temporal Dead Zone)에 대한 내용도 찾아볼 수 있다. TDZ가 발생하는 이유는 let, c..

자바스크립 관련 메뉴얼 ECMA-262 명세서(specification) : 자바스크립트와 관련된 가장 심도 있고 상세한 정보를 담고 있는 공식 문서 MDN JavaScript Reference : 특정 함수나 메서드에 대한 깊이 있는 정보를 얻을 수 있음 MSDN : Microsoft가 운영하는 자바스크립트 관련, IE 관련 정보 사이트 호환성 관련 http://caniuse.com : 브라우저 특정 기능 확인 http://caniuse.com/#feat=cryptography : 암호화 관련 기능 cryptography를 특정 브라우저 사용 가능 여부 https://kangax.github.io/compat-table : 자바스크립트 기능 특정 엔진 지원 여부 ref: https://ko.javasc..

Javascript 엔진이란? 자바스크립트는 브라우저 뿐 아니라 서버에서도 실행할 수 있다. 이 외에도 자바스크립트 엔진 (JavaScript Engine) 이라 불리는 특별한 프로그램이 들어 잇는 모든 디바이스에서 동작할 수 잇다. 엔진의 종류는 다양한데, 엔진마다 쓰이는 코드네임이 있다. V8 - Chrome, Opera SpiderMonkey - Firefox Microsoft Edge - ChakraCore Safari - SquirrelFish 엔진은 어떻게 동작하는가? 1. 엔진이 스크립트를 읽는다 (파싱) 2. 읽어 들인 스크립트를 기계어로 전환 (컴파일) 3. 기계어로 전환된 코드가 실행된다 (기계어로 전환되어 실행 속도가 빠르다). 이러한 프로세스 단계마다 엔진은 최적화를 진행하고 컴파일..