이 개체는 저것일까 아니면 그것인가
Lexical this 화살표 함수는 function의 키워드의 줄임말로 흔히 언급된다. 하지만 완전히 다른 점으로는 this가 지칭하는 동적 스코프 규칙 대신에 자신과 가장 가까운 함수의 스코프에서 this 값을 받아온다. const person = { weight: 100, getWeight: () => this.weight, }; console.log(person.getWeight()); ...
Lexical this 화살표 함수는 function의 키워드의 줄임말로 흔히 언급된다. 하지만 완전히 다른 점으로는 this가 지칭하는 동적 스코프 규칙 대신에 자신과 가장 가까운 함수의 스코프에서 this 값을 받아온다. const person = { weight: 100, getWeight: () => this.weight, }; console.log(person.getWeight()); ...
유저 스크립트 소개 유저 스크립트는 모던 브라우저 확장browser extension과 비슷한 기능을 갖춘 자바스크립트 코드 스니펫snippet입니다. 브라우저 확장이 광고 차단이나, 다크모드 프로그램 처럼 특정 웹 서비스의 UI를 수정하는 소프트웨어라면, 유저스크립트는 이보다 작은 규모로 1~2줄 정도의 복잡하지 않은 가벼운 수정을 위해 주로 쓰입니다. 본 글은 유저스크립트 사용에 대해서 실제 사례와 함께 예시 코드를 소개합니다. 유저 스크립트를 사용하려면 유저 스크립트 매니저라는 브라우저 확장의 도움이 필요합니다. 하지만 브라우저마다 다른 설치와 사용 방법에 대해서는 약간 주제에 벗어난 내용으로 자세히 다루지 않습니다. ...
나는 map, reduce, filter 와 같은 함수를 통해 부분적으로 FP를 작년부터 시작하고 있다. 그러나 여전히 자바스크립트에서 함수를 작성할 때, 중복된 표현식을 담은 익명 함수를 수고스럽게 작성하고 있었다는 사실을 뒤늦게 깨달았다. 하드 코딩된 표현식을 넘기고 받고 하는 흐름은 순수한 함수를 그대로 넘기고 받는 함수형 패러다임의 의도에 분명히 맞지 않는것 같았다. 익명 함수와 중복된 표현식 내장 함수와 화살표 함수만을 사용해서는 함수형 프로그래밍을 잘 사용할 수 없다고 깨달은 뒤, 그 대안으로 적절히 커스텀한 함수를 같이 사용해봤다. ...