๋ค์ฃฝ๋ฐ์ฃฝ ์ฌ๋ผ๊ฐ๋ ๋ฆฌ์คํธ ์์๋ฅผ ๋๋นํด sort() API๋ฅผ ์ฌ์ฉํ๋ผ๊ณ ์ ์ด์ฃผ์
จ๋๋ฐ ๋์ ํ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค..!
์..ํด๊ฒฐํ์ต๋๋ค.const storage = { fetch() { const arr = []; if(localStorage.length > 0){ for(let i = 0; i b.key){ return 1; } if(a.key element.item == todoItem)){ state.todoItems.push(obj); state.num++ //num๊ฐ ํ๋์ฉ ํ๋ฌ์ค }else{ alert('์ด๋ฏธ ๊ฐ์ ๋ด์ฉ์ด ์์ต๋๋ค!๐
'); } }, removeOneItem(state, payload){ localStorage.removeItem(payload.todoItem.item); state.todoItems.splice(payload.index, 1); state.num-- //num๊ฐ ํ๋์ฉ ๋ง์ด๋์ค }, toggleOneItem(state, payload){ state.todoItems[payload.index].completed = !state.todoItems[payload.index].completed; //๋ก์ปฌ ์คํธ๋ฆฌ์ง์ ์๋ก์ด ๋ฐ์ดํฐ๋ฅผ ๊ฐฑ์ localStorage.removeItem(payload.todoItem.item); localStorage.setItem(payload.todoItem.item, JSON.stringify(payload.todoItem)); }, clearAllItems(state){ localStorage.clear(); state.todoItems = []; state.num = 1; //num๊ฐ 1๋ก ์ด๊ธฐํ } }, });state์ num์ ๋ง๋ค์ด ์ซ์ 1์ ์ถ๊ฐํ๊ณ addOnItem์ด ์คํ๋ ๋ ์ถ๊ฐ๋๋ obj์ key๊ฐ์ ์ถ๊ฐํ ๋คadd๋ฅผ ์๋ฃํ ํ์๋ num++,remove๋ฅผ ์๋ฃํ ํ์๋ num--,๋ชจ๋ ์ง์ธ ๊ฒฝ์ฐ์๋ num = 1๋ก ์ด๊ธฐํ์์ผ์ฃผ๋์๋ก๊ณ ์นจ์ ํด๋ ์ฒ์ ์์ฑํ ์์ ๊ทธ๋๋ก ๋์ค๋ค์. (์ฌ์ฉ์๊ฐ ์์ฑํ ์์๊ฐ ๋ฐ๋์ง ์์์ผ๋ฉด ํ๊ฑฐ๋ ์..)devํด Application์ ํ์ธํ๋ฉด key ๊ฐ์ ์์๋ ์ฌ์ ํ ๋ค์ฃฝ๋ฐ์ฃฝ์ด์ง๋ง (์ด ๋ถ๋ถ์ ๋ธ๋ผ์ฐ์ ์์ ๋ฐ๊พธ๋ ๊ฑฐ๋ผ ์ ํฌ๊ฐ ๋ชปํ๋ ๋ถ๋ถ์ด๋ผ๊ณ ํ์ ๊ฑธ๋ก ๊ธฐ์ตํ๋๋ฐ ๋ง์ฃ ?)๋ง์ํด์ฃผ์ sort API๋ฅผ ํ์ฉํ๋ ๊ตฌํํด๋์ต๋๋ค..!2์๊ฐ ๊ฐ๋ ๊ฑธ๋ ธ์ง๋ง ์ค์ค๋ก ํด๊ฒฐํ๋ ์ ๋ง ๋ฟ๋ฏํ๋ค์..๐