#JavaScript

ES6부터 ES2023까지 버전별 추가 기능 정리

ES6(2015)부터 ES2023까지, 버전별로 추가된 주요 기능을 정리했다. ECMAScript(ECMA-262) 는 Javascript 명세 또는 스펙을 의미한다. ECMA-262 : ECMA인터내셔널(표준기구)은 ECMAScript 언어의 공식 사양인 ECMA-262 표준을…

웹 표준, 크로스 브라우징, 웹 접근성 정리

웹 표준은 어떤 환경에서도 이용할 수 있는 웹페이지를,웹 접근성은 어떤 사람이든 이용할 수 있는 웹페이지를 만들 수 있는 방법을 담고 있다. W3C(World Wide Web Consortium)에서 권고하는 웹에서 표준적으로 사용되는 기술이나 규칙 사용자가 어떠한 운영체제나…

모듈 번들러가 필요한 이유와 Webpack의 번들링 방식

JavaScript 프레임워크인 React, Vue, Svelte, Angular 등을 사용하다 보면 모듈 번들러(module bundler)는 필수적으로 언급되는 내용이다. 모듈 번들러는 JavaScript 모듈을 브라우저에서 실행할 수 있는 단일 JavaScript 파일로 묶는…

Promise와 async/await 사용법 정리

지난 글에서 다룬 비동기 처리를 코드로 다루는 방법인 Promise와 async/await를 정리했다. 자바스크립트 Promise 객체는 비동기 작업의 최종 완료 또는 실패를 나타내는 독자적인 객체이다. 비동기 작업이 끝날 때까지 결과를 기다리는 것이 아니라, 결과를 제공하겠다는…

호출 스택과 이벤트 루프로 본 자바스크립트 실행 순서

자바스크립트는 싱글 스레드인데도 비동기 작업을 처리할 수 있다. 그 비밀은 호출 스택과 이벤트 루프에 있다. 자바스크립트 런타임 환경의 구성 요소와 이벤트 루프가 작업을 처리하는 순서를 정리했다. Call stack과 Event loop는 자바스크립트의 동작 원리를 이해하기 위해…

싱글 스레드 자바스크립트가 비동기를 처리하는 방법

자바스크립트는 싱글 스레드 언어이기 때문에 한 번에 하나의 작업만 수행할 수 있다. 이전 작업이 완료되어야 다음 작업을 수행할 수 있다. 이러한 코드 순차 실행을 동기(Synchronous)라고 한다. 그러나 작업이 오래 걸리거나 응답이 늦어지는 경우에 전체적인 성능에 영향을 줄…