<img src="https://cdn.inflearn.com/public/files/posts/7fe160b4-d3cb-4294-930a-f0cec5c5ee32/after.png" title="after.png" width="1010" height="488" alt="" />1,2,3,4,5 순서대로 입력했음에도 새로고침시에 5,2,4,1,3으로 나옵니다.&nbsp; 코드 상의 문제인줄 알고, 캡틴 판교님의 mutations 브랜치에 있는 코드를 클론해서 실행해도 마찬가지인데요...&nbsp;
fetch() 함수에서 for문으로 localstorage에서 데이터를 read할때, 애초에 저장이 1,2,3,4,5 순서로 안되어 있다는 것을 확인하였고, add를 하면서 확인해본결과 순서대로 localstorage에 들어가지 않는다는 것을 확인했습니다.&nbsp; 
제가 생각할때의 문제점은, localstorage는 순서가 없는 hashmap과 같은 구조인데 이걸 list로 만들어 내기 위해서 read할때 for문을 사용한 것이 문제인거 같은데... 해결 방법이 있을까요?&nbsp;

안녕하세요 pius712님, 좋은 내용 질문해주셔서 감사합니다 :) 말씀하신 것처럼 로컬 스토리지에서 데이터를 꺼내올 때 사용하는 localStorage.key() API는 순서를 보장해주지 않습니다. 따라서, 불러온 데이터를 특정 기준으로 정렬하시고 싶다면 sort() 같은 API로 데이터를 정렬해서 표시하는 것을 추천드립니다 :)

Inflearn Community Q&A

브라우저 새로고침시 문제.