본문 바로가기

js

(5)
빅테크 프론트엔드 기술 인터뷰 : JS 편 Front End Interview Handbook의 JS 파트를 번역 및 정리한 글입니다 Meta, Amazon., Google과 같은 미국 빅테크 프론트엔드 면접의 기출 문제라 합니다. 2019년 기준으로 작성된 것들이 꽤 있어서, 몇가지 경험 기반 답변들은 스스로 생각해 보시는 것도 좋은 듯 합니다. 원문 링크 JavaScript trivia questions in front end interviews | Front End Interview Handbook Answers to Front-end Job Interview Questions - JS Questions. Pull requests for suggestions and corrections are welcome! www.frontendinter..
JS와 Lambda Calculus 알아보기.(람다 대수) 원문 : https://glebec.github.io/lambda-talk/ Lambda as JS, or A Flock of Functions λpq.ppq also works because if p is true, it is supposed to select T, but p = T, so we can just reuse it. Notice something interesting here: λpq.ppq behaves exactly like the Mockingbird. It takes a value, p, and self-applies p (producing pp). Well, Mp = p glebec.github.io 앨런 튜링이 창안한 개념인 튜링 머신은 메모리, 명령어 등 기본적인 상태 기계를 ..
JS OOP 시리즈 2 : 프록시를 이용한 vue3 반응형 동작 원리 살펴보며 AOP 이해하기. 해당 게시물은 여기서도 볼 수 있다. JS OOP 시리즈 2 : 프록시를 이용한 vue3 반응형 동작 원리 살펴보며 AOP 이해하기. Reference 이 게시물은 https://ui.toast.com/weekly-pick/ko_20210112 게시물을 학습 목적으로 요약 정리한 내용이다. Vue.js3의 반응형 targetMap은 반응형 객체가 될 target을 저장한다. depsMap은 각 반응형 객체의 값이 되며, 여기엔 target의 key가 저장된다. dep은 각 key가 변경될 때 실행될 코드를 저장하는 컬렉션이다. 참고 : weekMap 예시를 들어 설명하자면 (반응형 객체 {a:1}) 반응형 객체({a:1})를 키로(weekMap은 Primitive Value를 키로 허용하지 않음) 의존성..
JS OOP 시리즈 1 : 메타 프로그래밍과 Proxy, Reflect 간단하게 알아보기 해당 글은 여기서도 볼 수 있다 : OOP 시리즈 1 : 메타 프로그래밍과 Proxy, Reflect 간단하게 알아보기 (velog.io) OOP 시리즈 1 : 메타 프로그래밍과 Proxy, Reflect 간단하게 알아보기 해당 게시물은 아래 글들을 참조하여 작성되었다.https://ko.javascript.info/proxyhttps://ui.toast.com/weekly-pick/ko_20210413Proxy는 메타 프로그래밍을 지원하기 위해 나온 기능이다.메타프로그 velog.io 해당 게시물은 아래 글들을 요약 정리한 내용이다. 정말 엄청나게 핵심만 뽑아냈으므로 언젠간 둘 다 정독하길 추천한다. https://ko.javascript.info/proxy https://ui.toast.com/we..
함수형 자바스크립트 공부 5. 코드를 값으로 다루어 표현력 높이기 인프런 - 함수형 프로그래밍과 JavaScript ES6+ (inflearn.com) 함수형 프로그래밍과 JavaScript ES6+ - 인프런 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com 해당 강의 공부 중....! 코드를 값으로 다루어 표현력 높이기 go args를 함수로 축약하는 함수 인자를 계속해서 전달해나감 // 이전 리듀스... const reduce = (f, acc, iter) => { if (!iter) { // 인자 2개이거나 iterator가 아니면 iter = acc[Symbol.iterator](); acc..