지영이의 개발 블로그

map map함수는 callbackFunction을 실행한 결과를 가지고 새로운 배열을 만들 때 사용한다. array.map(callbackFunction(currenValue, index, array), thisArg) filter, forEach와 같은 구문이다. callbackFunction, thisArg 두개의 매개변수가 있고 callbackFunction은 currentValue, index, array 3개의 매개변수를 갖는다. currentValue : 배열 내 현재 값 index : 배열 내 현재 값의 인덱스 array : 현재 배열 thisArg : callback을 실행할때 this로 사용되는 값 MAP을 활용한 예시 array 요소 추가 곱한 값 구하기 for 문으로 사용 곱한 값 ..

ES6(ECMAScript6)는 무엇인가요? ECMAScript 2015로도 알려져 있는 ECMAScript 6는 ECMAScript 표준의 가장 최신 버전입니다. ES6는 새로운 언어 기능이 포함된 주요 업데이트이며, 2009년도에 표준화된 ES5 이후로 언어 기능에 대한 첫 업데이트이기도 합니다. 현재 주요 JavaScript 엔진들에서 ES6 기능들을 구현 중에 있습니다. 1. let, const 키워드 let 변수 선언 키워드와 상수 선언 키워드인 const가 추가되었다. const는 var보다 강력하고 사용되면 다시 변수를 할당할수 없다 .즉, 객체와 함께 사용할 때를 제외하고는 변경불가능한 변수 이다. let은 새로운 값을 가질 수도 있고 재할당할 수도 있습니다. 변경 가능한 변수가 생성됩니다..

인스타그램과 페이스북처럼 스크롤을 할때마다 새로운 피드를 불러오기 위해 서는 어떻게 해야 할까? (특정 위치에 스크롤이 도달하였을 때 미리 정의해 둔 이벤트를 적용하려면 어떻게 해야 할까) 자바스크립트의 intersection observer (인터섹션 옵서버)라는 API를 사용해 간단히 구현할수있다. ​ 인터섹션 옵저버 인터섹션 옵저버 API가 없을 때에는 Scroll 이벤트를 통해서 해당 이벤트를 구현하였다. 하지만 이 방법은 단 시간에 스크롤 이벤트가 매우 많이 호출되고 동기적으로 실행되며 한 페이지에 여러 엘리먼트에 이벤트가 등록되어 있는 경우에는 사용자가 스크롤을 할 때마다 스크롤을 감지하는 이벤트가 끊임없이 동작하게 되며 이는 메인 스레드에 영향을 주며 성능에 매우 안 좋은 영향을 주게 된다...