화살표 함수(Arrow function) 가독성 좋은 익명함수 화살표함수는 정말 편리한 익명함수 선언 방식이다. 함수형 패러다임이 인기를 끌면서 익명함수를 작성할일이 많은데, 화살표함수은 익명함수를 엄청 간단하게 선언한다. function, return 키워드가 제거된 것을 볼 수 있다. 특히 ES6의 새로생긴 Array의 메서드(map,filter,re...
순서를 갖고 있는 컬렉션 : 배열 js의 배열은 높은 유연성을 가지고 있다. 배열은 순서를 갖는 데이터 컬렉션이다. 순서를 갖기 때문에, 이를 기준으로 값을 추가하거나 제거할수 있고, 모든 위치에 값이 있는지 확인할 수 있다. 그렇지만 배열에는 수많은 메서드가 있으므
자바스크립트 코딩의 기술을 정리한 것이니 좀 더 궁금하면 책을 찾아보자. JS의 함수는 매우 유연하다. 인자 타입을 정의할 수도 없고, 인자의 수를 정하기도 힘들다. 그래서 함수에 예외처리에 매우 까다롭다. 그래서 함수 인수를 변경하는 계획을 세워보고, 간결하면서 유연한 매개변수를 생성하는 방법을 알아보도록 하자. 완벽하진 않지만, 전보다 나은 코드가 ...
프로토타입 기반 객체지향 언어 기존 다른 언어를 사용하던 개발자들은 처음에 js를 접했을 때, class가 없어서 매우 당황했을 것이다. 이런 점 덕분에 객체지향 언어가 아니라고 생각될 수 있다. 하지만 js는 class 기반 객체지향이 아니고 prototype 기반 객체지향 언어라고 할 수 있다. JavaScript에서 class는 ECMAScript ...
객체의 시작 여기서 나오는 객체는 자바스크립트 컬렉션 객체가 아니라 프로그래밍 개념 객체를 다룬다. 자스는 일단 나중에 이야기하자. 객체란 객체지향이란 말은 매우 친숙해서 마치 아는 것 같다. 하지만 이번 자바스크립트를 공부하면서 객체를 더 모르게되었다. 좀 더 객
외부요청 자바스크립트가 최근에 인기를 끌게된 이유 중 하나는, ajax때문일 것이다. 페이지를 한 번 불러오고 이후로는 자바스크립트를 이용해서 서버와 주고받은 모든 통신을 처리할 수 있으면서, 적은 데이터로 페이지를 다시 랜더링할 수 있게되었기 때문이다. 일련의 분리된 페이지들이 아니라 사실상 웹과 같은 사용자 경험을 얻을 수 있게 되었다. 페이지를 매번 ...
for in VS. for of 심볼 심볼의 특징 심볼은 es6의 추가된 원시타입이다. 심볼은 privagte한 프로퍼티를 나타내기 위해 제작되었다고 한다. 아래는 es2020 명세의 심볼소개 문장이다. 심볼 타입은 오브젝트 프로퍼티의 키로 사용될 수 있는 모
익숙하면서 햇갈리는 두 문장을 비교해보자.for ... in 문은 객체의 모든 non-Symbol, enumerable properties을 반복한다.즉, object에 있는 항목들을 반복적으로 반환하여 '무언가'를 할 수 있게 해준다.특이사항은, Symbol은 나타나