함께 성장하는 프로독학러

안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 자바스크립트 배열의 메서드 중 map 메서드에 대해서 알아보겠습니다. 표현식은 다음과 같습니다. var new_array = arr.map(function callback(currentValue[, index[, array]]) { // new_array의 새 요소 반환 }[, thisArg])map메서드의 첫 번째 인자로는 콜백함수가 옵니다.콜백함수의 첫 번째 인자는 배열의 각 원소(item)가, 생략이 가능한 두, 세 번째 인자는 해당 원소의 index값과 전체 배열이 들어옵니다. map메서드의 두 번째 인자는 callback함수를 실행할 때 this로 들어오는 값을 지정하는 것입니다. 생략 가능하며, 기본 값은 Window객체 입니다. map메서드를..

안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 ES6의 새로운 기능인 arrow function에 대해서 알아보겠습니다. arrow function은 익명함수를 기존 자바스크립트 문법보다 좀 더 간단하게 표현할 수 있는 방식입니다. 표현식은 다음과 같습니다. const (혹은 let) 변수명 = (파라미터) => { ... 함수 내용 ... } 비교를 위해 기존 자바스크립트에서 익명함수를 변수에 할당하는 것과 비교해 보겠습니다. 123var _addFunc = function(a, b){ return a+b;}cs 다음은 같은 예제를 arrow function을 이용해 만든 것입니다. 123const _addFunc = (a, b) => { return a+b;}cs 훨씬 간단하게 표현할 수 있는 것..

안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 자바스크립트에서 비동기적 처리를 진행하는 과정, 방식에 대해서 제가 이해한 부분을 이야기 해 볼까 합니다. * 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 는 비동기..

안녕하세요, 프로독학러 입니다. 모던 자바스크립트라고 불리우는 ES6 (ECMAScript 6)에 대해서 차근차근 공부해 봅시다. * 공부에 도움이 된 자료들은 아래에 링크로 첨부하도록 하겠습니다. 오늘은 그 첫 번째 시간으로 ES6의 변수의 선언에 대해서 알아보도록 하겠습니다. 기존의 자바스크립트에서는 변수의 선언을 'var' 을 이용하여 하였습니다. 기존의 var 를 이용한 변수선언은 function scope입니다. function scope 란, 함수 안에서 변수에 접근할 수 있는 것을 뜻합니다. 이해를 돕기위해 아래 예제를 보겠습니다. 12345678function outter(){ var out = 'outter 함수 안에 사는 변수'; function inner(){ console.log(o..

안녕하세요, 프로독학러 입니다. 이 항목의 하위 카테고리에는 프로그래밍을 공부하며 나름대로 정리한 자료들을 포스팅 할 예정입니다. 문과출신의 비전공자로, 저와 같은 처지에 놓인 분들이 이해하기 쉽도록 최대한 풀어서 포스팅 하겠습니다. 너무 구구절절하다 느끼실 수도 있겠지만 저와 같은 사람들을 위해 적는 글이니 이해 부탁 드립니다. 고수님들. 그리고 혹여 제가 이해한 것이나 설명한 것 중 잘못된 것이 있다면 언제든지 덧글로 알려주시면 감사하겠습니다. 함께 성장하는 프로독학러가 되겠습니다. 감사합니다.