브라우저 캐시 저장 기능이 포함된 스티키 메모 UI 구현

function saveNotes() {
  const notes = [];
  document.querySelectorAll('.note').forEach(note => {
    notes.push({
      id: note.dataset.id,
      content: note.querySelector('textarea').value,
      color: [...note.classList].find(c => ['yellow','pink','green','blue','purple'].includes(c) ),
      x: parseInt(note.style.left),
      y: parseInt(note.style.top),
      width: note.style.width.substring(0,note.style.width.length -2),
      height: note.style.height.substring(0,note.style.height.length -2)
    });
  });
  localStorage.setItem(STORAGE_KEY, JSON.stringify(notes));
}

const resizeObserver = new ResizeObserver(() => saveNotes());
resizeObserver.observe(note);