storage

chrome.storage.sync.get( (result) =>{

// console.log(result)

if(result.block != undefined || result.block != null){

if(result.blockMemo ==undefined || result.block == null){

result.blockMemo = []

}

if(result.block.length !== result.blockMemo.length){

// console.log(result.block)

// console.log(result.blockMemo)

concatList(result.block , result.blockMemo)

}

drawGrid(result)

}

})

 

브라우저 쿠키에 저장하는 방식인거같다.

 

Sync와 local 두가지 형태로 저장  조회가 가능하다.

 

Get과 set으로 조회 저장한다.

 

chrome.storage.sync.set( {'interval' : check }, () => {

// console.log('set to ' , check)

})

 

 

콜백 방식으로하기때문에 코딩시 주의해야한다.

 

 

내경우엔 다름과같이 처리함

 

 

processStorage(callBack , member , {member : member , memo : memo })

 

const processStorage = (callback , addMember , memo) =>{

chrome.storage.sync.get( (items) => {

callback('block', items['block'] , addMember )

callback('blockMemo', items['blockMemo'] , memo )

})

}

const callBack = (key, val , addMember ) =>{

if(val == null || val == undefined ) {

val = []

}

val.push(addMember)

if(key == 'block'){

chrome.storage.sync.set( {'block' : val }, () => {

// console.log('set to data :' , val)

})

}else if(key == 'blockMemo'){

chrome.storage.sync.set( {'blockMemo' : val }, () => {

// console.log('set to data :' , val)

})

}

}

 

 

아직 이벤트부분을 사용못해봤따

 

Events

onChanged

Fired when one or more items change.

addListener

chrome.storage.onChanged.addListener(function callback)

 

출처: <https://developer.chrome.com/apps/storage>