아이오닉으로 오프라인 퍼스트 웹 (offline first web) 만들기대시보드

https://drive.google.com/file/d/1WMnmkDlylJs2KAK0IvJFLibrtz3wKqhY/view?usp=sharing

강사님과 똑같은 방법으로 했습니다만 수정과 삭제 부분이 원활하게 이뤄지지 않고 있습니다.수정을 하면 수정전 결과가 그대로 남아있고 수정을 완료한 결과가 화면 최하단부에 추가가 되구요삭제를 하면 리스트 최상단 부분의 항목이 화면에서 사라집니다.이것들은 모두 새로고침을 하면 정상적으로 작동이 되는데요. 수정하면 수정한 항목이 그 자리에 수정한대로 값만 변해있는 (정상적인 수정) 상태로 돼있고, 삭제하면 삭제한 항목이 없어져있고 상단부의 사라졌던 부분은 다시 원래대로 상단부에 있게 됩니다.(정상적인 삭제)왜 이렇게 되는건지 원인하고 해결방안을 알려주셨으면 좋겠습니다.import { Injectable } from '@angular/core';import { DatabaseProvider } from '../database/database';@Injectable()export class ProfileProvider { private userArray : any; constructor(public DatabaseProvider: DatabaseProvider) { console.log('Hello ProfileProvider Provider'); this.DatabaseProvider.db.changes({ live : true, since : 'now', include_docs : true, attachments : true }).on("change",(change)=>{ this.checkChange(change); }) } checkChange(change){ let changed_doc = null; let changed_index = null; this.userArray.forEach((doc, index)=>{ if(doc._id === change._id){ changed_doc = doc; changed_index = index; } }); if(change.deleted){ this.userArray.splice(changed_index, 1); } else { if(changed_doc){ this.userArray[changed_index] = change.doc; }else{ this.userArray.push(change.doc); } } }코드는 이런식으로 돼있구요 오탈자가 있는지 확인은 한 20번은 했습니다. 강사님께서 첨부해주신 첨부파일도 확인했을 때 이것과 차이가 있음을 확인할 수 없었습니다.

설치하시면 couchdb.exe 같은 것들이 안보이실 텐데설치 완료되면 브라우저 실행시키고 http://localhost:5984/_utils/ 로 들어가시면 됩니다.

Failed to load http://127.0.0.1:5984/offlinefirst/: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. 어느 부분 코드를 수정해야 할까요? 도움 부탁드립니다.

pouchDB Database sync를 매우 자주하는 것을 콘솔 창에서 볼 수 있었는데요, Database sync 요청 시간 간격을 12시간이나 하루 정도로 바꿀 수는 없을까요?