본문 바로가기

Javascript

(4)

자바스크립트의 ES6 ~ES2014 ECMAScript(ECMA-262) 는 Javascript 명세 또는 스펙을 의미합니다. ECMA-262 : ECMA인터내셔널(표준기구)은 ECMAScript 언어의 공식 사양인 ECMA-262 표준을 만들었습니다. 즉, ECMAScript는 자바스크립트의 표준이며 뼈대(core)를 구성하는 스크립트 언어입니다. 자바스크립트는 ECMAScript 명세 또는 스펙을 따르는 스크립트 언어라고 할 수 있습니다. ECMAScript 6 (2015) ES6에는 다음과 같은 새로운 기능이 추가 되었습니다. - arrows (화살표 함수) - classes (클래스) - enhanced object literals (object 메소드 선언 및 속성(동적) 선언) - template strings (템플릿 문자열)..

자바스크립트의 Promise와 await/async Promise 자바스크립트 Promise 객체는 비동기 작업의 최종 완료 또는 실패를 나타내는 독자적인 객체이다. 비동기 작업이 끝날 때까지 결과를 기다리는 것이 아니라, 결과를 제공하겠다는 '약속'을 반환한다는 의미에서 Promise라 명명 지어졌다고 한다. Promise 객체를 생성하려면 new 키워드와 Promise 생성자 함수를 사용하면 된다. 이때 Promise 생성자 안에 두개의 매개변수를 가진 콜백 함수를 넣게 되는데, 첫 번째 인수는 작업이 성공했을 때 성공(resolve)임을 알려주는 객체이며, 두 번째 인수는 작업이 실패했을 때 실패(reject)임을 알려주는 오류 객체이다. const myPromise = new Promise((resolve, reject) => { // 비동기 작업..

자바스크립트의 호출 스택과 이벤트 루프 자바스크립트 런타임 환경 Call stack과 Event loop는 자바스크립트의 동작 원리를 이해하기 위해 꼭 숙지해야하는 개념이다. 자바스크립트가 실행되는 환경을 의미하는 자바스크립트 런타임 환경은 다음과 같이 구성되어 있다. 크게 Memory heap, call stack, web apis, callback queue, event loop가 있다. Call Stack 호출 스택은 함수의 호출을 스택 방식으로 기록하는 자료구조다. 프로그램에서 요청이 들어올 때마다 순서대로 스택에 담고, 가장 나중에 들어온 작업을 먼저 처리하는 LIFO(Last In First Out) 구조이다. 자바스크립트는 싱글 스레드 기반 언어이기 때문에 하나의 호출 스택만을 가지고 있고, 한 번에 하나의 task만 처리할 수 ..

자바스크립트의 비동기 자바스크립트는 싱글 스레드 언어이기 때문에 한 번에 하나의 작업만 수행할 수 있다. 이전 작업이 완료되어야 다음 작업을 수행할 수 있다. 이러한 코드 순차 실행을 동기(Synchronous)라고 한다. 그러나 작업이 오래 걸리거나 응답이 늦어지는 경우에 전체적인 성능에 영향을 줄 수 있다. 예를 들어 서버에 데이터를 요청하고 응답을 받아야 하는 작업이 있다면, 응답이 올 때까지 대기해야 한다. 이러한 문제를 해결하기 위해 도입된 개념이 비동기(Asynchronous)이다. 비동기는 특정 작업의 완료를 기다리지 않고 다른 작업을 동시에 수행할 수 있게 한다. 비동기는 메인 스레드가 작업을 다른 곳에 인가하여 처리되게 하고, 그 작업이 완료되면 콜백 함수를 받아 실행하는 방식으로, 쉽게 말해 작업을 백그라운..

이전 1 다음

티스토리툴바