devLog[08022] Caching

HardValue Constant 들을 뺐다.

맞게 잘 한 건지 의문이 든다? 라이브러리들을 몇 개 안 살펴보았지만 1, -1 이런 거는 그냥 들어 있는 것 같아서 ??? 이런 계산에 필요하거나 indexing에 바로 적용되는 애들은 보통 그냥 쓰는 것 같기도 하고 ...

이런거 뭔가 빼야 되나 말아야 되나 고민 된다. 일단 빼긴 했는데 이름 짓기도 힘들고 

const UP = 'up';
const DOWN = 'down';

const DEBOUNCE_TIME = 200;

export const ARROW = {
  UP,
  DOWN,
}



export const EVNETIME = {
  DEBOUNCE_TIME,
}

Number는 Constant이렇게 관리하나???

// Number.js 궁금 ???
export default {
  ZERO: 0,
  ONE: 1,
  FIVE: 5,
}

class

// AjaxHelper.js 
기존에 Class 였던 부분을 함수로 빼고 필요한 send부분만 export해주었다. 
요청하는 친구마다 새로운 Instance에 접근해줘야 된다고 생각해서 

import { $on } from './helper.js';

const AjaxHelper = (function (){
  
 const init = function(){
  if (window.XMLHttpRequest) return new XMLHttpRequest();
  else return ActiveXObject('Microsoft.XMLHTTP');
 } 
  
  
  const reqListener = function(httpRequest){
    return JSON.parse(httpRequest.responseText)
  }
  
  
  const sendReq = function({method, url, successCallback}){
    const httpRequest = init();
    $on(httpRequest, 'load', ()=>successCallback(reqListener(httpRequest)));
    httpRequest.open(method, url);
    httpRequest.send();
  }

  return {
    sendReq,
  }
  

})();

export default AjaxHelper

Question

import / export 문법을 아직 잘 모르나 export const AjaxHelper 로 하고 받는 쪽에서 {}

캐싱 전략