JavaScript

proxy란 ?구현proxy(대리)proxy는 어떤 객체에 대해 지휘권을 뺏고 그 객체의 접근에 대한 output을 proxy 객체에 정의한 대로 return한다.즉 기본 값은 immutability를 유지한채 값에 대한 접근을 받아낼 수 있다는 것이다.resultPr

TOC shallow copy deep copy 어느 언어에나 shallow copy, deep copy에 대한 이야기는 있을 것으로 생각된다. 요점 JS에서 어떤 객체를 copy하는 경우 JS의 객체는 Primitive value에 대해서는 deep copy

Exponentiation ()The exponentiation operator () returns the result of raising the first operand to the power of the second operand. It is equivalent t

iterable을 사용하는 곳은 생각보다 많다.일반적으로 JS의 array 객체를 많이 사용하지만 Map과 Set이라는 자료형이 존재한다.array(list), Map, Set은 각각이 모두 iterable 한 객체이다.이런식으로 ary가 array 객체로 선언된 그

generator를 생성해보자 generator는 iterator를 생성하게 되는데generator는 무한히 next() 함수를 반환해주지만 next의 값의 변화가 유의미한 변화이길 바란다면반복문 내부에 yield로 원하는 값을 반환해주어야 한다.예를 들어둔 \*inf

이는 set, map, array 등 iterator protocall을 사용하는 경우 모두 해당된다.custom 도 마찬가지

https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest

form tag의 submit을 handling 하자.형태는 아래와 같다.handleSubmit을 작성해보자.던지는건 이제 자유롭게 gql이든 rest이든 던져주면 된다.

종래의 사용법은 아래와 같고 구현물은 아래와 같다 !codesandbox[muddy-smoke-plhyf?fontsize=14&hidenavigation=1&theme=dark] 굳이 이 함수를 구현한 이유는 아래와 같은 함수를 구현하기 위해서이다. 위 코드를

reducer 함수를 직접 제작하였는데 이는 iterator protocall을 따르는 값이 iter인 경우 모두 적용이 된다.go 함수는 reducer 함수에 들어갈 인자들을 받아준다.acc 값이 되어줄 0과 나머지는 보조 함수들을 넣어준다.go = (...args)

겉핥기로 아는 것은 위험해보이는 부분이다.익숙해지도록 노력하는게 제일인 것 같아 복습한 내용을 다시 복기한다.(cf, acc)=>cf(acc) 이 부분이 웃긴데 함수와 인자를 인자로써 넘기고인자로 넘긴 함수에 인자를 넣어 함수를 실행시킨다.이렇게 되면for...of 문

힘들게 go를 이해하였다면 이제 pipe를 이해할 시간이다.(슬슬 함수형 다워지고 있다.)pipe는 reduce, go를 모두 사용한다.pipe는 우선 함수들만을 넘겨받는다.그 부분이 바로 아래의 코드다pipe 함수는 pipeEx에 의해 선언됨과 동시에 인자들을 넘겨받

curry 함수에서 주의할 점은 함수를 리턴하고처음 리턴한 함수에 대한 인자 값을 나중에 받아 넣어줄 수 있다는 개념이다.curry 함수는 함수를 받는다,그리고 함수를 리턴하는데 그 함수는 두 개의 인자를 받는다 = (a, ...\_)이 두 인자는 f 함수의 인자로 사

위 두 함수를 정의하고 어떻게 사용하는지 자세히 살펴보자.우선 go 함수는 인자들(=args)을 받아 reduce 함수(1)에 함수와 args들을 넘겨준다.함수(1)은 (f,acc)=>f(acc)이다.reduce 함수는 2 개의 인자만을 받아들였으므로 args의 첫 인

작동이 끝나지 않은 Promise 함수에 나중에 다시 promise chain을 이어 붙여 나가는 것을 통해 보다 다양한 함수를 제작할 수 있지 않을까?

!codesandboxepic-bartik-fctx9?fontsize=14&hidenavigation=1&theme=dark

value의 값으로 primitive 값이 들어있지 않고log를 찍어보았을 때{"key":"value"} 이러한 값이 찍혀 나오는 경우JSON.parse(localStorage.getItem('key'))를 해주면 object로 parse 된다.

!codesandboxqueries-example-app-final-nrlnl?fontsize=14&hidenavigation=1&theme=dark

복잡하니 주의 yarn을 최신버전으로 설치 npm uninstall yarn -g npm i -g yarn@latest

https://stackoverflow.com/questions/44072750/how-to-send-basic-auth-with-axios

원래는 iron-session을 사용해서 암호화된 cookie를 심었지만amplify에서 원활하게 사용하는건 불가능하다고 판단되었다.nextjs의 ssr은 context를 기본 인자로 받는데context의 내부에는가 들어있다. 이를 이용하여 cookies를 저장할 수