강의

keywords : [app-like, .min.js, infinite scroll, drag&drop, debounce, throattling, fetch]

• app-like 환경에서 쓰이는 animation도 고려해야함 (flick vs click 어떻게 구분?)
• ~~.min.js 개발자 환경에서 타 사이트 파일보면 .min 같은 파일들이 있는데 여기서 ‘min’은 minification을 뜻함

Minification (also minimisation or minimization), in computer programming languages and especially JavaScript, is the process of removing all unnecessary characters from source code without changing its functionality. These unnecessary characters usually include white space characters, new line characters, comments, and sometimes block delimiters, which are used to add readability to the code but are not required for it to execute.

• infinite scroll 구현할 때 노드를 무한으로 생성할 것인가? 어떻게 하면 최적화 할 수 있을까?
  • 노드 갯수를 정해놓고 스크롤이 내려갈때마다 노드 내의 데이터를 갈아끼운다.
  • 스크롤을 올릴 땐 다시 예전 데이터로 갈아끼운다. (말은 쉬운데 어떻게 구현할 지..)
  • 코코아가 슬랙에 아래 짤을 올림..

  

• drag&drop animation을 어떻게 구현할 수 있을지 고민해보자.
  • Simple Javascript Drag & Drop

• fetch

    XHR.addEventListener("load", () => {
        XHR2.send();
        WHR2.addEventListener()
    })
  
    // 위 코드는 아래와 같다
    fetch().then().then()
  

  • fetch === XHR + promise // promise 객체 반환

    const result = fetch().then()...  // X 
    result.then((result) => {...})  // O