본문 바로가기

JavaScript

(6)

자바스크립트의 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 (템플릿 문자열)..

웹 표준과 웹 접근성 웹 표준은 어떤 환경에서도 이용할 수 있는 웹페이지를, 웹 접근성은 어떤 사람이든 이용할 수 있는 웹페이지를 만들 수 있는 방법을 담고 있다. 웹 표준이란? W3C(Wordl Wide Web Consortium)에서 권고하는 웹에서 표준적으로 사용되는 기술이나 규칙 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹페이지 제작 기법을 담고있다. 웹 개발에 사용하는 언어인 HTML, CSS, JavaScript 등의 기술을 다룬다. 현재는 크롬, 엣지, 사파리 등 최신 웹 브라우저들은 모두 웹표준을 지원한다. 웹 표준에 맞추어 웹페이지를 작성하면 어떤 브라우저를 사용하든 동일한 결과물을 얻을 수 있다. 웹 표준을 준수하는 방법 1. DOCTYP..

모듈 번들러와 Webpack JavaScript 프레임워크인 React, Vue, Svelte, Angular 등을 사용하다 보면 모듈 번들러(module bundler)는 필수적으로 언급되는 내용입니다. 모듈 번들러는 JavaScript 모듈을 브라우저에서 실행할 수 있는 단일 JavaScript 파일로 묶는 데 사용되는 도구입니다. 모듈(Module) 애플리케이션의 기능이 많아질수록 작성해야하는 코드가 길어질 수 있습니다. 모든 코드를 한 개의 파일에 작성하는 대신 기능(변수, 객체, 배열, 함수, 클래스 등)에 따라 별도의 파일에 코드를 분리할 수 있습니다. 코드를 분리하는 기준에 따라 파일이 상당히 많아질 수 있지만, 한 개의 파일에 코드를 작성하는 것보다 체계적이고 유지보수가 쉬워집니다. 결국 모듈은 분리된 파일을 의미합니..

자바스크립트의 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 다음

티스토리툴바