JavaScript

실행 컨택스트는 2가지의 종류를 가지고 있다 Global Execution Context - 스크립트가 처음 실행될때 생성된다. Function Execution Context - 함수가 호출될때 생성된다. 일반적으로 함수를 호출할 때 실행되는 함수 실행구문

이 글은 kwangsunny님의 tistory를 참고해서 작성 한 것입니다.오늘은 클로저를 공부할 때 또는 this를 공부할 때 자주 마주치던 단어 '렉시컬 환경(어휘적 환경)'에 대해서 정리를 해보자 한다.렉시컬 환경이란 무엇일까...1\. 스크립트 전체2\. 코드블

이번에는 자바스크립트의 동작원리를 정리해볼까 한다. 기술블로그를 미루고미루고 미루면서 개발자 경력을 쌓았었는데... 뒤늦게 시작하면서 느끼게 된 건 기술블로그를 작성하면 더 확실하게 내 것이 되는거 같아서 이제라도 열심히 정리를 해볼까 한다. 자바스크립트를 구동시키기

다른 함수의 인자(argument)로 사용되는 함수다른 함수의 반환값으로 사용되는 함수JS는 기본적으로 비동기적 방식을 사용하기 때문에, 작업이 순차적으로 실행되어야 하는 경우 함수가 원치않는 순서로 실행되어 결과가 뒤바뀔 수 있다. 함수는 기본적으로 동기 방식을 사용

Promise 란 “A promise is an object that may produce a single value some time in the future” 프로미스는 자바스크립트 비동기 처리에 사용되는 객체입니다. 여기서 자바스크립트의 비동기 처리란 ‘특정

async await 란 async와 await는 자바스크립트의 비동기 처리를 위한 ES7(ES2017) 문법이다. 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 도와준다. async await 기본구조

예제 1초가 걸리는 a Promise, 3초가 걸리는 b Promise, 2초가 걸리는 c Promise를 만들고 3개의 Promise를 동시에 실행하기 (비동기적 실행) async await를 이용하여 위와 똑같은 작업 구현 (비동기적 실행) sum1 Promis

개발을 한지도 어느덧 3년차... this를 모르는것은 아니지만 그렇다고 완벽하게 아는거 같지도 않아서 한번 정리를 해보려고한다. MDN 공식문서에 나온 this를 바탕으로 작성을 해보자. >JavaScript에서 함수의 this 키워드는 다른 언어와 조금 다르게

프로토타입 자바스크립트는 프로토타입 기반 언어이며 프로토타입이란 원형(유전자)라는 뜻이다. 모든 객체들은 메소드와 속성들을 상속 받기 위한 템플릿으로써 프로토타입 객체(prototype object)를 가진다. 정확히 말하자면 상속되는 속성과 메소드들은 각 객체가 아니

실무경험을 하면서 클로저를 사용한 경험이 많지 않았다. 물론 클로저가 없어도 코드를 작성하는데 큰 무리가 있었던 경험은 없지만 최근 자바를 공부하면서 조금 더 객체지향적으로 코드에 접근하는것이 성장하는데 큰 기여를 할거 같다는 생각이 들었다. 클로저에 대한 경험을 더

Webpack Webpack은 모던 JavaScript 애플리케이션을 위한 정적 모듈 번들러이다. Webpack, Broserify, Parcel 과 같은 도구들이 번들러에 속한다. 이 중 가장 인기있는 번들러는 Webpack이다. Module Bundle 수 많은

ECMAScript > 출처 : https://wormwlrm.github.io/2018/10/03/What-is-the-difference-between-javascript-and-ecmascript.html Ecma 인터내셔널은 정보 통신에 대한 표준을 제정하는