전체 글
-
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..
-
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..
-
[함수형 프로그래밍] 섹션9. 비동기:동시성 프로그래밍 1Web 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)) - 상황에 따라 안전하게 함수를 합성하기 위해 모나드라는 개념이있다. 즉, 모나드는 함수합성을 안전하게 하기 위한 도구 - 이런 구..
-
DOM 이란?Web Dev/8. 메모 2021. 2. 8. 21:02
developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction Introduction to the DOM - Web APIs | MDN The Document Object Model (DOM) is the data representation of the objects that comprise the structure and content of a document on the web. In this guide, we'll briefly introduce the DOM. We'll look at how the DOM represents an HTML or XML document in memo developer.mozilla.org DO..
-
HTTP 완벽 가이드 10장 HTTP/2.0Web Dev/7. 네트워크 2021. 2. 6. 16:15
HTTP/1.1과 HTTP/2.0의 가장 큰 차이점 HTTP1.1은 커넥션 하나에 한 요청과 한 응답밖에 못받았다. 그래서 지연되는 문제때문에 여러 커넥션을 열고 이전에 보낸 요청에대한 응답이 안와도 다음요청을 했는데, 이것도 열수있는 커넥션 수가 제한 되어 있기때문에 지연성 문제를 완전히 해결하지는 못했다. 2.0에서는 하나의 커넥션에 여러개의 스트림이 동시에 열릴수있다. 즉 하나의 HTTP/2.0 커넥션을 통해 여러개의 요청이 동시에 보내질 수 있어서 HTTP1.1에서 겪던 문제를 쉽게 해결 할 수 있다. 모든 스트림은 31비트의 무부호 정수로 된 고유한 식별자를 가진다 스트림이 클라이언트에 의해 초기화 되었다면 이 식별자는 홀수, 서버라면 짝수이다. ㄷ새로 만들어지는 스트림의 식별자는 이전에 만들어..
-
HTTP 완벽 가이드 9장 웹 로봇Web Dev/7. 네트워크 2021. 2. 6. 15:55
웹 로봇이란? 사람과의 상호작용 없이 연속된 웹 트랜잭션들을 자동으로 수행하는 소프트웨어 프로그램 얘네도 http 프로토콜을 따른다 이런 로봇들은 스스로 마음이 있는것처럼 행동하고, 크롤러,스파이더,웜,봇 등으로 불린다 크롤러와 크롤링 웹 링크를 재귀적으로 따라다니는 로봇을 크롤러 혹은 스파이더라고 부르는데 HTML 하이퍼링크를따라다니기 때문이다 따라다니기때문에 순환에 빠질수도있다. 로봇의 HTTP 로봇은 다른 HTTP 클라이언트 프로그램이랑 비슷하다. 요청을 보내고, 응답을 받는다 User-Agent에 무슨로봇인지 말을 해줘야한다(요청 보낼때) User-Agent 타기팅 웹 관리자들은 많은 로봇이 그들의 사이트를 방문하게 될것임을 명심하고, 로봇들로부터의 요청을 예상해야한다. 로봇 차단하기 로봇이 와가..
-
React Code splitting with lazy and suspenseWeb Dev/3. React 관련 2021. 2. 4. 15:27
Code Splitting in React [공식 문서] React.lazy를 통한 dynamic import // Before import SomeComponent from './SomeComponent' // After const SomeComponent = React.lazy(() => import('./SomeComponent')) function MyComponent() { return ( ); } Lazy를 통해서 실제로 컴포넌트가 렌더링 될때, 동적으로 파일을 import 할 수 있다. 이렇게 나뉜 부분은 번들링이 따로되서 네트워크 탭을 확인하면 다른 js 파일로 load 되는 것을 확인 할 수 있다. Lazy component 는 항상 Suspense Component 내에서 렌더링 되어야..