FIF's 코딩팩토리

자바스크립트에서 배열을 다룰 때 자주 사용하는 map, filter, some, every 함수에 대한 정리 map()map 함수는 배열 내의 모든 요소에 대해 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.원본 배열은 변경되지 않습니다. 사용법const newArray = array.map(callback); 매개변수callback: 배열의 각 요소에 대해 호출할 함수. 이 함수는 세 가지 인수를 받습니다.currentValue: 처리할 현재 요소index (선택적): 처리할 현재 요소의 인덱스array (선택적): map을 호출한 배열 자체예제const numbers = [1, 2, 3, 4]; const doubled = numbers.map(num => num * 2); console..

클로저란? MDN에서는 클로저를 다음과 같이 정의하고 있다. 클로저는 독립적인 (자유) 변수를 가리키는 함수이다. 또는, 클로저 안에 정의된 함수는 만들어진 환경을 ‘기억한다’. 흔히 함수 내에서 함수를 정의하고 사용하면 클로저라고 한다. 하지만 대개는 정의한 함수를 리턴하고 사용은 바깥에서 하게된다. 말로 설명하면 설명하기가 복잡하니 우선 코드를 보자. function getClosure() { var text = 'variable 1'; return function() { return text; }; } var closure = getClosure(); console.log(closure()); // 'variable 1' 위에서 정의한 getClosure()는 함수를 반환하고, 반환된 함수는 get..

DOM API를 이용하면 다음과 같은 식으로 HTML 엘리먼트의 내용을 변경할 수 있다. DOM 트리 탐색한다. 문서 내에서 특정 엘리먼트를 찾는다. 문서의 내용을 변경한다. 문서에 새로운 내용을 추가한다. 문서 탐색 다음 예제에서는 showTags라는 재귀 함수를 이용해 전체 DOM 트리를 탐색한 다음 모든 엘리먼트의 태그명을 나열한다. This is a sample document: 1 2 3 showTags(document)의 출력 결과는 다음과 같다. HTML HEAD TITLE BODY DIV UL LI LI LI SCRIPT Document 객체는 모든 DOM 트리의 루트이지만 해당 트리 내의 HTML 엘리먼트를 나타내지 않는다. document.documentElement 프로퍼티는 문서의 ..

올해 봄에만 해도 코딩에 대해서 지금보다 더 아무것도 모를때 "자바스크립트는 '자바'라는 글자가 들어가니까 '자바'의 일종(스크립트)인 언어구나!" 라고 오해했었다. 공부한지 시간이 몇 달 지난 지금에서 보면 왜 이름에 자바가 들어가는지 이해가 안된다. 최초 이름은 Mocha 모카였고 단 10일만에 만들어낸 언어라고 한다. 그 당시에 가장 핫한 언어가 자바였기 때문에 어떻게든 연관 시키고 싶어서 그렇게 되었다고 선생님이 말씀해주셨다. 자바스크립트가 처음 출현했을때는 한참 브라우저 별로 각자 다른 기능을 제공하던 시기여서 근본 없는 언어라는 오명을 받았지만 2005년에 Ajax가 발표되고 동적 웹사이트가 인기를 끌면서, 자바스크립트가 다시 뜨게되었고, jQuery, Prototype.js 와 같은 라이브러..