자바스크립트 위클리 정리 페이지 Javascript A new tool for teams & individuals that blends everyday work apps into one. zerodice0.notion.site 몇 주 전부터 Javascript Weekly를 받아보긴 하는데 바빠서 전부 정독하기에는 시간이 없길래, 대충대충 훑어보고 나중에 좀 천천히 읽기 위해 노션에 글을 정리하고 있습니다. 도움이 될 것 같진 않지만 뜨ㅡ이따에 올려보니 리트윗이 좀 되고 있길래, 혹시 몰라서 블로그에도 공유. ' ㅁ')/ 노션 아이콘은 노티콘에 업로드 된 것을 링크로 사용하고 있습니다. 노션 정리하실 때 아이콘이 필요하다!싶으시면 노티콘을 사용해보시는 것도 좋을 것 같네요. ​음식 정리 페이지 물론 위클..

최근 트위터에서 이런저런 계정이나 토픽을 구독할 수 있다는 걸 알게되서, 여기저기 기웃거리던 도중 JavaScript Quiz이라는 글을 발견했다. JsBin과 같은 사이트에서 동일하게 코드를 입력한 후 콘솔창에 출력되는 결과를 보면, 다음과 같다. [object Object] { isDeveloper: true, name: "Faheem" } 잘 보면 키값을 명시하지 않았는데, Object에 변수명이 키값으로 들어있는 것을 볼 수 있다. 이는 ES6에서 추가된 문법적 설탕으로, 다음의 글(ECMAScript 6 and Object Literal Property Value Shorthand)에 잘 설명되어 있다. ES5에서 아래와 같은 방식으로 작성해야했던 것을 생각해보면, 꽤나 간소해진 셈이다. 같은 ..

[Javascript] 배열 초기화 시 new Array()보다는 []를 사용하자 The Javascript Handbook을 읽던 도중 new Array()를 사용하여 배열을 초기화하는 것은 권장하지 않는다는 내용을 발견했는데, 그 이유에 대해서는 따로 기술하지 않고 있었다. 다른 분들께 질문을 해보니 직관성 및 일관성과 관련된 내용과, ECMA문서의 22.1.1.2 Array(len)항목의 내용을 볼 수 있었다. 아래는 해당 내용을 정리한 내용이다. (사실 서문에 모든 내용이 다 들어가있다' ㅅ';) The Javascript Handbook의 Arrays챕터에 기재되어있는 Initialize array항목을 보면, typed array를 초기화하는 게 아닐때는 new Array()로 ..

응용형 함수 함수를 인자로 전달받아서, 원하는 시점에 호출하는 함수를 응용형 함수라고 하며, 응용형 함수를 이용해서 코드를 작성하는 방식을 적응형 프로그래밍이라고 한다. var users = [ {name: a, age: 23}, {name: b, age: 31}, {name: c, age: 24}, {name: d, age: 32}, {name: e, age: 25} ] 위와 같은 배열이 있을 때, 아래와 같은 응용형 함수들을 작성할 수 있다. _filter 배열의 요소 중 특정 조건을 만족하는 요소만 반환하는 함수 _filter를 작성해보자. function _filter(array, predict) { var filteredArray = [], index; for(index=0; index= 30;..

이 글은 인프런에서 게재되어있는, 유인동 님의 자바스크립트로 알아보는 함수형 프로그래밍을 수강하면서 정리한 노트입니다. 제가 잘못 이해하거나 정리한 내용이 있다면 댓글로 알려주세요. 확인하는대로 수정하도록 하겠습니다. :) "함수형 프로그래밍은 어플리케이션, 함수의 구성요소, 더 나아가서 언어 자체를 함수처럼 여기도록 만들고, 이러한 함수 개념을 가장 우선순위에 놓는다." by 마이클 포거스, 클로저 프로그래밍의 즐거움. "함수형 사고방식은 문제의 해결 방법을 동사(함수)들로 구성(조합)하는 것" by 마이클 포거스, 클로저 프로그래밍의 즐거움. 데이터(객체) 기준의 코드는 아래와 같다. duck.moveLeft(); duck.moveRight(); dog.moveLeft(); dog.moveRight(..

이 글은 인프런에서 게재되어있는, 유인동 님의 자바스크립트로 알아보는 함수형 프로그래밍을 수강하면서 정리한 노트입니다. 제가 잘못 이해하거나 정리한 내용이 있다면 댓글로 알려주세요. 확인하는대로 수정하도록 하겠습니다. :) 일급 객체(First Class) 자바 스크립트에서는 함수가 일급 객체(First Class)이다. 일급 객체는 다음과 같은 특성을 지닌다. 리터럴에 의해 생성된다. 변수나 배열의 요소, 객체의 프로퍼티 등에 할당이 가능하다. 함수의 인자로 전달이 가능하다. 함수의 리턴 값으로 반환이 가능하다. 동적으로 프로퍼티를 생성하거나, 할당하는 게 가능하다. add_maker() 다음의 예제를 살펴보도록 하자. function add_maker(a) { return function(b) { r..