export const getItem = (key, defaultValue) => {
try {
const storedItem = window.localStorage.getItem(key)
return storedItem ? JSON.parse(storedItem) : defaultValue
} catch (e) {
console.log(e.message)
return defaultValue
}
}
export const setItem = (key, value) => {
try {
window.localStorage.setItem(key, JSON.stringify(value))
} catch (e) {
console.log(e.message)
}
}
혼자 무언가 만들때 아쉬웠던 점은 구현되게 만들었을때 사실상 서버가 없어서 기능을 온전하게 하는 페이지를 만들지 못했다는 것이다. 예전에 친구들과 여행 계획을 세웠을 때 계획차 재미차 웹을 만들었는데 비용관리 프로그램을 만들다가 localStorage를 쓰려고 했던 기억이 있다. 그리고 이렇게 본격적으로 사용해본 경험은 이번이 처음..!!
key
값을 사용할 수 있었는지 이번 과제를 진행하며 처음 알게되었다. 앞으로 나의 토이 프로젝트에 유용하게 써먹어보아야겠다.
'custom event'를 만들어보았다. 연습차 과제에 사용하라고 하셨던것 같은데 아직 그 목적과 쓰임에 부합하는 느낌이 딱 오지는 않는다.
스코프에 대해서 공부했다. map(()=>())
과 map(()=>{})
의 차이를 정확히 알기위해서였다. 후자는 블록스코프를 생성하며 전자는 값을 바로 반환단다.