목록Programming/javascript (14)
함께 성장하는 프로독학러
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 직관적으로 이해하기 힘든 'this'란 녀석에 대해서 알아보도록 하겠습니다. 자바스크립트에서 this란 함수의 현재 실행 문맥을 의미합니다. 실행 문맥이란 단어가 익숙하지 않으신 분들을 위해 첨언 하자면, '함수가 실행되는 객체'라고 이해하시면 될 것 같습니다.전역에서 실행되고 있는 함수라면 전역객체 Window의 메소드가 실행 되는 것이므로 이때 함수의 this는 Window 객체 입니다. this가 현재 함수의 실행 문맥이라 했는데, javascript에는 4가지의 함수 실행 타입이 있습니다. 함수 실행 : alert('Hello world') 메소드 실행 : console.log('Hello world') 생성자 실행 : new RegExp("\d"..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 배열의 여러 메서드 중 reduce 메서드에 대해서 알아보겠습니다. 배열에는 매핑을 위한 map 메서드라든지, 하나의 조건을 만족하는 요소를 찾기 위한 some 메서드라든지, 여러 메서드가 있습니다.현재 map 메서드에 대해서는 포스팅이 돼 있는 상태입니다만, 다른 여러 매서드들에 대해서도 차근차근 포스팅하도록 하겠습니다. 그럼 본격적으로 reduce메서드에 대해서 알아보도록 하겠습니다.reduce메서드는 배열의 요소들을 하나씩 돌며 이전 콜백의 리턴값과 현재 콜백의 리턴값을 가지고 어떤 작업을 하는데 유리한 메서드 입니다. 표현식은 다음과 같습니다. arr.reduce(callbackFunction(accumulator, currentValue[, cu..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 자바스크립트 배열의 메서드 중 map 메서드에 대해서 알아보겠습니다. 표현식은 다음과 같습니다. var new_array = arr.map(function callback(currentValue[, index[, array]]) { // new_array의 새 요소 반환 }[, thisArg])map메서드의 첫 번째 인자로는 콜백함수가 옵니다.콜백함수의 첫 번째 인자는 배열의 각 원소(item)가, 생략이 가능한 두, 세 번째 인자는 해당 원소의 index값과 전체 배열이 들어옵니다. map메서드의 두 번째 인자는 callback함수를 실행할 때 this로 들어오는 값을 지정하는 것입니다. 생략 가능하며, 기본 값은 Window객체 입니다. map메서드를..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 자바스크립트에서 비동기적 처리를 진행하는 과정, 방식에 대해서 제가 이해한 부분을 이야기 해 볼까 합니다. * Phlilp Roberts의 What the heck is the event loop anyway? 영상을 참고 했습니다.Phlilp Roberts : What the heck is the event loop anyway? | JSConf EU 2014https://www.youtube.com/watch?v=8aGhZQkoFbQ 자바스크립트는 내부적으로 stack, webapis, task queue, event loop 를 가지고 있습니다. stack 은 코드를 실행하는 작업장으로, 해당 작업은 스코프 단위로 수행합니다.wepapis 는 비동기..