MyTutorials MyTutorials

Web Dev/1. JS 문법 관련

• [함수형 프로그래밍] 섹션11. 비동기:동시성 프로그래밍 3(QnA)

  Web Dev/1. JS 문법 관련 2021. 2. 13. 00:23

  해당 Repository를 clone 하신 후, http-server ./section11 을 통해서 확인하실 수 있습니다 async/await JavaScript에서 비동기 상황을 더욱 동기처럼 다루기 위한 도구 비동기적으로 일어나는 일을 동기적인 문장으로 다루게 해줌 결국에는 promise를 다루기 위해서는 promise를 잘 알아야한다. 왜냐하면 await하는건 결국 promise 객체이기 때문 1. Array.prototype.map이 있는데 왜 FxJS의 map 함수가 필요한지? array.map은 비동기처리를 직접해주지않는다 2. 이제 비동기는 async:await로 제어할 수 있는데 왜 파이프라인이 필요하..

  Read More
• [함수형 프로그래밍] 섹션10. 비동기:동시성 프로그래밍 2

  Web Dev/1. JS 문법 관련 2021. 2. 11. 21:10

  해당 Repository를 clone 하신 후, http-server ./section10 을 통해서 확인하실 수 있습니다 지연 평가 + Promise - L.map, map, take Klesili composition - L.filter, filter, nop, take reduce에서 nop 지원

  Read More
• JavaScript forEach 의 뭔가 특이한 용법?? 뭔지는 모르겠는데 되는 것

  Web Dev/1. JS 문법 관련 2021. 2. 11. 20:28

  let r = (arr.forEach((a) => a), arr); 이렇게하면 arr에 새로 만든 arr이 들어간다.

  Read More
• Iterator 사용

  Web Dev/1. JS 문법 관련 2021. 2. 11. 18:41

  하나의 iterator는 iterator의 iterator도 같이 동작한다. next를 통해서 두 이터러블의 value를 next로 가져온다.

  Read More
• Promise reject 의 처리 방법

  Web Dev/1. JS 문법 관련 2021. 2. 11. 17:23

  developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/reject Promise.reject() - JavaScript | MDN The Promise.reject() method returns a Promise object that is rejected with a given reason. The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://githu developer.mozilla..

  Read More
• Promise then은 Promise 객체를 반환한다

  Web Dev/1. JS 문법 관련 2021. 2. 11. 17:07

  developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/then Promise.prototype.then() - JavaScript | MDN The then() method returns a Promise. It takes up to two arguments: callback functions for the success and failure cases of the Promise. The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive developer.m..

  Read More
• [함수형 프로그래밍] 섹션9. 비동기:동시성 프로그래밍 1

  Web Dev/1. JS 문법 관련 2021. 2. 10. 23:45

  해당 Repository를 clone 하신 후, http-server ./section9 을 통해서 확인하실 수 있습니다 자바스크립트에서 비동기 프로그래밍을 하는 방법 Callback, Promise, async/await Callback과 Promise의 가장큰 차이는 Promise는 비동기 상황을 일급값으로 처리한다는 것 Promise는 비동기 상황에 대해 대기/성공/실패라는 값을 만들어서 반환한다. 그래서 비동기 상황을 변수에 담거나 할 수 있다. 일급 일급 활용: Promise가 비동기 값을 일급(값)으로 다루는 성질을 활용하자! Composition: f(g(x)) - 상황에 따라 안전하게 함수를 합성하기 위해 모나드라는 개념이있다. 즉, 모나드는 함수합성을 안전하게 하기 위한 도구 - 이런 구..

  Read More
• 1. Thread of Execution, Functions, and Call Stack

  Web Dev/1. JS 문법 관련 2021. 2. 4. 11:45

  1. Thread란 [여기] - main thread: 브라우저가 유저 이벤트, 렌더링, 페인팅 등을 하기 위해서 사용하는 것. 웹 페이지나 앱에서 사용하는 것이다. 한 thread에서 일어나기 때문에 스크립트가 느리면 브라우저가 멈출 수 있다. - web workers: modern javascript는 추가적인 thread를 생성할 수 있다. 서로와 통신할수도 있으면서 각자 실행할 수도 있는 이 기술을 web worker라고 부른다. main thread와 동시에 실행된다. 이를 통해서 multi-core processors의 이점을 이용할 수도 있다. - service worker: 특별한 종류의 워커로, 유저의 권한이 있다면 사이트가 꺼져있을때도 실행되면서 notification 같은 것을 보내준..

  Read More