TWIL 2021-9 (2)

1. 즉시 실행 함수(Immediately invoked function expression)

---

(function shuffle () {
  cards.forEach(card => {
    let randomPos = Math.floor(Math.random() * 12)
    card.style.order = randomPos
  })
})();

• 카드 뒤집기 게임에서 첫 화면에서 카드가 랜덤으로 섞여있도록 하려면 어떻게 해야할까? 리액트에서 useEffect를 활용하여 처음 한 번만 실행시키듯이 바닐라 JS에서는 즉시 실행 함수를 사용할 수 있다.

2. SheetJS로 엑셀 파일 읽기

---

import xlsx from "xlsx";

// const { files } = _thisState;
const reader = new FileReader();
reader.onload = () => {
  const data = reader.result;
  const workbook = xlsx.read(data, { type: "array" });
  const sheetName = workbook.SheetNames[0];
  const sheet = workbook.Sheets[sheetName];
  const sheetData = xlsx.utils.sheet_to_json(sheet, { header: 1 });

  const newList = sheetData
    .filter(row => row[0])
    .map(row => ({
      MATNR: row[0],
      MENGE: row[1],
      MEINS: row[2]
    }));

	// http request...
};
reader.readAsArrayBuffer(files[0]);

🔗 xlsx