JS Dev Blog

배열 내장 고차함수중 대표적으로 filter, map, reduce가 있다. 배열 내장함수를 사용하면 for문이 가진 순회를 별다른 코드를 작성하지 않고도 사용할 수 있기 때문에 매우 유용하디. filter 모든 배열의 요소 중에서 특정 조건을 만족하는 요소를 걸러내는 메소드. const numbers = [1, 2, 3, 4, 5]; const result = numbers.filter((number) => number < 3); console.log(numbers); // [1, 2, 3, 4, 5]; console.log(result); // [1, 2] map 주어진 배열의 값들을 callback function을 통해 새로운 값으로 정의하고 신규 배열을 만들어 반환함 const numbers =..

프로그래밍 언어에서 특정언어의 일급 객체(first-class object)란 보통 다른 객체들에게 적용 가능한 연산을 모두 지원하는 객체를 말한다. 대표적인 특징으로는, 변수에 할당 할 수 있다. 다른 함수의 인자로 전달될 수 있다. 다른 함수의 결과로서 리턴될 수 있다. 자바스크립트에서는 함수를 일급객체로 다룬다. 즉 함수를 string, number, boolean ,array, object 처럼 다룰 수 있다는 것이다. 함수를 일급객체로 다루면 할 수 있는 일은? 대표적으로 고차함수와 콜백함수가 있다. 고차함수 함수를 인자로 받거나 함수를 결과로 리턴하는 함수 콜백함수 인자로 받는 함수를 말한다. //일반 함수 const func = function(a) { return console.log(a)..

호이스팅 자바스크립트 Parser가 함수 안에 있는 변수나 함수를 맨위로 '끌어올린다' 호이스팅은 선언된 위치에 관계없이 어디서든 함수를 사용할 수 있도록 한다. 코드가 실행되는 과정에서 함수 선언부를 코드의 최상단으로 끌어올리는 것처럼 보이게 함. 호이스팅 이유 자바스크립트의 변수 생성(Instantiation)과 초기화(Initialization)작업이 분리돼서 진행되기 때문이다. 호이스팅의 대상 var, 함수 선언문이 대상 (함수를 선언하기 전에 함수를 선언하면 코드의 구조를 엉성하게 만들 수 있기 떄문에 함수 표현식을 사용하는 것을 권장한다고 한다.) console.log(func1()); //함수 선언식이기 때문에 호이스팅 됨. 정상 실행. console.log(func2()); //var fu..

DOM(Document Object Model)은 HTML을 Javascript가 이해할 수 있게 객체로 인식하는는 모델을 말한다. 조금 더 자세히 설명하면 나 같은 html문서의 태그들을 javascript가 이용할 수 있는 객체(Object)로 만드는 것을 의미한다. DOM을 사용하면 Javascript를 통해 웹페이지를 동적으로 제어(생성, 수정 삭제)할 수 있다. DOM의 특징 - 트리구조로 되어있다 (*트리구조 : 부모가 자식을 여러 개 가지고, 부모가 하나인 구조가 반복됨) - 자바스크립트를 이용해서 엘리먼트의 속성값을 얻어내거나 변경할 수 있다. - document라는 전역변수로 접근 가능하다. 자주 사용되는 메소드 // Create document.createElement('div') co..