localStorage 관련 질문입니다!

Question

todoList를 하실 때 단어를 추가하면 localStorage에 저장하고 이를 store의 state에서 관리를 하셨는데,

그냥 store에서 관리안하고 바로 localStorage에서만 관리하면 안되는건가요??

만약 test라는 리스트가 있을때, localStorage.setItem('test', test)이런식으로 저장하고 바로 리스트에

localStorage.getItem('test')로 가져와서 뿌려주면 되는데, 굳이 store에서 fetchTestList를 만들어서 test리스트를 관리하는

이유가 있을까요?? (이런 경우 store에서 관리를 안해도 되는지, 다시말해서 다 localStorage에서 관리를 하면 안되는지..)

질문 이해를 하셨을지 모르겠네요ㅠㅠ

Answer

안녕하세요 도현님, 좋은 질문이네요. 로컬 스토리지에 값을 저장하는 이유는 브라우저가 종료 되더라도 이전 데이터를 계속 보존하기 위해서 입니다. 반대로 얘기하면 이 목적이 없는 경우에는 로컬 스토리지에 저장하실 필요는 없습니다.

그리고 JS에 기본적으로 배열, 객체와 같은 자료 구조 타입이 제공되는 이유는 화면에서 좀 더 유연하게 해당 데이터를 가공해서 표현해주기 위해서 입니다. 단례로, 만약 할 일 목록을 배열로 관리하시지 않는 다면 v-for에 연결할 데이터 구조가 없을 겁니다 :)