에몽이

안녕하세요. 이번 시간에는 Fetch API에 대해 알아보겠습니다.지난 시간에 배운 XHR 객체에 대해서는 어떻게 생각하시나요? 쓸 만한 것 같나요? 상당히 복잡하고 가독성이 떨어집니다. 그래서 나온 API가 Fetch API입니다. 단, 최신 API이기 때문에 아쉽게도 IE에서는 사용할 수 없습니다.Fetch API를 알기 전에 Promise에 대한 이해가 먼저 필요합니다. 이 강좌에서 개념을 익히고 오셔야 합니다. 왜냐하면 fetch 요청 후에 return 값이 Promise 객체이기 때문이죠. 참고로 Promise 객체는 ES2015 스펙이기 때문에 ES2015 문법을 사용하겠습니다. fetch 함수도 window 아래에 위치합니다.fetch('주소', 설정객체).then(콜백).catch(콜백);..

뜬금없지만 함수는 1급 객체입니다. 자기 자신을 호출하거나 다른 함수의 매개변수가 되기도 하고 다른 함수를 반환할 수도 있습니다. 느낌표로 시작하는 함수문은 자기 호출함수의 형태중 하나입니다. 이 외에 두가지 형태의 자기 실행 함수가 있죠. ! 자기호출 익명함수(Self-invoking anonymous function)이란... 익명함수는 말그대로 함수의 이름이 없는 함수를 말합니다. 자바스크립트는 이름이 없는 함수인 익명형수 형태로 사용이 가능하며 대부분 다른 함수의 매개변수로 사용됩니다. (참고로, 모든 함수는 일단 호출이 되면 어떤 것이든 반환합니다. 그게 undefined라도 말이죠...) 다음에서 익명함수를 살펴보면... function () { ... } 이런식으로 생겨 있습니다. 자기호출 ..

jQuery.extend()원문 링크 http://api.jquery.com/jQuery.extend/jQuery.extend( target [, object1] [, objectN] )Returns : Object개요 : 두개 이상의 객체를 합칩(Merge)니다.jQuery.extend( target [, object1] [, objectN] )target 합쳐지는 추가 객체의 속성을 받을 객체 또는 유일한 인자일 경우 jQuery 네임스페이스로 확장될 객체object1 합쳐질 때 기준이 될 객체objectN 기준 객체에 합쳐질 추가 객체jQuery.extend( [deep], target, object1 [, objectN] )deep true 라면, 깊은 수준 복사가 됩니다.target 합쳐지는 추..

대부분의 프로그래밍 언어에서 trim() 함수는 문자열 앞과 뒤 공백을 제거하는 함수이다. 하지만 javascript 에서는 기본적으로 이 함수를 제공하지 않는데, 이 때문에 jquery의 trim()이 많이 사용된다 var str = ...; var trimmed_str = jQuery.trim(str); 만약 jquery를 쓰기 싫다면 정규식을 사용한 아래 함수를 이용하면 된다 function trim(stringToTrim) { return stringToTrim.replace(/^\s+|\s+$/g,""); } var trimmed_str = trim(str); 출처 ; http://jinolog.com/programming/javascript/2011/03/21/javascript-jquery-..

이번 글에서는 Javascript array method 에피소드의 마지막, reduce 에 대해 적어보려고 합니다. 앞선 글들에서 이미 forEach, map, 그리고 filter, reject, every, some 를 다루었지만, reduce 는 자바스크립트 배열 메서드 중 활용도가 으뜸입니다.먼저 예시코드부터 볼까요?var votes = ["kim", "hong", "lee", "hong", "lee", "lee", "hong"];var reducer = function(accumulator, value, index, array) { if (accumulator.hasOwnProperty(value)) { accumulator[val] = accumulator[val] + 1; } else { a..

안녕하세요. 이번 시간에는 map과 reduce 메서드에 대해 알아보겠습니다. 배열에 있는 바로 그 map과 reduce 맞습니다.많은 분들이 forEach는 사용하시는데 map과 reduce는 잘 안 쓰시더라고요. 그리고 reduce가 뭐냐고 물어보면 덧셈하는 함수 아니냐고 하시는 분도 많이 봤습니다. ㅠㅠ 그래서 오늘은 제가 제일 좋아하는 메서드인 map과 reduce에 대해 알아보겠습니다. 제가 생각하기로는 자바스크립트 내장 메서드 중에서 제일 강력하고, 알아두면 다양한 곳에 활용할 수 있는 것이 바로 map과 reduce입니다. 얼마나 강력하냐면, 맵리듀스라고 이름지어진 프레임워크도 있습니다. (물론 오늘 다루는 내용은 아닙니다.)mapmap 메서드는 다음과 같이 사용합니다. 배열.map((요소,..

이 포스트는 Stack Overflow의 What does “use strict” do in JavaScript, and what is the reasoning behind it?의 질문과 답변을 번역한 내용입니다.자바스크립트에서 use strict는 뭘 하는 것이고, 왜 그걸 써야 하나요?질문:최근에 내가 짰던 자바스크립트 코드를 크록포드의 JSLint를 통해 실행시켰더니 아래와 같은 에러가 나타났습니다:Problem at line 1 character 1: Missing “use strict” statement.검색을 좀 해봤는데, 몇몇 사람들이 "use strict;" 라인을 그들의 자바스크립트 코드에 추가했다는 것을 알아챘습니다. 저도 이것을 따라서 추가해 봤더니, 위의 에러가 더이상 나타나지 않..