침착하게 Study/Javascript (4) 썸네일형 리스트형 Javascript | var, let, const 알아보기 1. 들어가기 이번에 새롭게 오픈하는 파일럿 서비스에서 같이 일하는 개발자 분과 JQuery를 걷어내자고 이야기가 나와서 순수 스크립트인 '바닐라스크립트'에대해서 공부하면서 프로젝트를 진행해보려고 한다. 아마 전체적으로 프로젝트가 제이쿼리를 사용 중이지만 몇 군대 걷어내고 있어서 조만간 대체가 될 것 같다. 아마 부분적으로는 제이쿼리를 사용하지만 나머지 걷어낼 수 있는 부분들은 걷어내기로 했다. 처음으로 마주한게 var를 대체할 const, let이라는 개념인데 ECMA6부터 사용되고 있는 변수이다. 2. var ECMA6 전 const와 let의 개념이 생기기전에는 우리는 변수를 선언할 때 var를 사용했다. var에서 가장 큰 특징은 중복 선언이 가능하다는 점이다. var는 유연한 변수 선언이라고 볼.. Javascript |자바스크립트 js .bind() 함수 사용법 및 예제 정리 안녕하세요. 오늘은 bind() 함수에 대해서 알아보려고 합니다. 지금 하는 프로젝트에 공통으로 되어있는 소스를 보다가 bind() 함수가 궁금해져서 찾아보고 정리를 해보았습니다. 저희 쪽에서는 ajax 사용 시 콜백 함수를 바인드 하기 위해서 사용했는데요. BIND() 함수란? 자바스크립트 함수를 호출 시에 사용할 수 있는 함수입니다. bind() 사용 시 새로운 함수를 반환하게 됩니다. call(), apply()처럼 this를 지정할 수 도 있고 또한 원하는 인자를 전달할 수도 있습니다. 문법 BIND 함수 예제 바인딩된 함수 생성 bind()의 가장 간단한 사용법은 호출 방법과 관계없이 특정 this 값으로 호출되는 함수를 만드는 것입니다. 초보 js 프로그래머들의 흔한 실수는 객체로부터 메서드를.. [Javascript] Set 객체란? new Set() 예제 정리 및 간단 설명 Set 객체 기본적으로 Set 객체는 value 들로 이루어진 하나의 컬랙션이다. 삽입 순서대로 요소를 조회 할 수 있고, Array와는 다르게 같은 value를 2번 포함할 수 없다. 즉, 중복된 값을 가지지 않는다. 그래서 Array의 값들중에 중복을 제거 하기 위해서 Set 객체로 변환하면, 중복된 값을 제외한 배열을 얻을 수가 있다. Set 기본 문법 var newSet = new Set(); Set 기본 인스턴스 속성들 Set.prototype.add(value) Set 객체에 value를 넣어준다. 추가된 value가 있는 Set 객체를 반환한다. Set.prototype.clear() Set 객체에 있는 모든 value를 제거 한다. Set.prototype.delete(value) valu.. [Javascript] filter() 함수 기본 구분 및 사용법 정리 Array.filter() filter 메서드는 호출되는 배열을 변화 시키지 않고, 주어진 함수의 조건을 만족하는 모든 요소를 모아 새로운 배열을 반환시켜주는 함수이다. 단, 요소가 비어있으면 함수는 실행하지 않는다. 여기서 잘 기억하고 있어야 하는 부분은 새로운 배열을 반환해준다는 점이다. 또한 filter는 중복값을 제거해주지 않는다. 따라서 중복값이 나올 수 있다. filter() 기본 문법 Array.filter(callback(currentValue, index, arr),thisValue) callback : filter할 대상의 배열에 실행할 함수를 정의한다. *필수 값 currentValue : 현재 요소의 값을 넣어줍니다. *필수 값 index 옵션 : 현재 요소의 인덱스이다. arr 옵.. 이전 1 다음
