<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div><span style="color: #9cdcfe;">methods:</span> {</div>
<div><span style="color: #dcdcaa;">toggleComplete</span><span style="color: #9cdcfe;">:</span> <span style="color: #569cd6;">function</span>(<span style="color: #9cdcfe;">todoItem</span>, <span style="color: #9cdcfe;">index</span>){</div>
<div><span style="color: #9cdcfe;">todoItem</span>.<span style="color: #9cdcfe;">completed</span> = !<span style="color: #9cdcfe;">todoItem</span>.<span style="color: #9cdcfe;">completed</span>;</div>
<div><span style="color: #9cdcfe;">localStorage</span>.<span style="color: #dcdcaa;">removeItem</span>(<span style="color: #9cdcfe;">todoItem</span>);</div>
<div><span style="color: #9cdcfe;">localStorage</span>.<span style="color: #dcdcaa;">setItem</span>(<span style="color: #9cdcfe;">todoItem</span>.<span style="color: #9cdcfe;">item</span>, <span style="color: #4ec9b0;">JSON</span>.<span style="color: #dcdcaa;">stringify</span>(<span style="color: #9cdcfe;">todoItem</span>))</div>
<div>}</div>
<div>이 부분에서 <span style="color: #9cdcfe;">localStorage</span>.<span style="color: #dcdcaa;">removeItem</span>(<span style="color: #9cdcfe;">todoItem</span>);에 todoItem.item</div>
<div>을 해주지 않아도 제대로 작동하는데 todoItem.item이라고 작성하신건 왜</div>
<div>그런걸까요??? 어떤 의미인지 모르겠어요ㅠㅠ</div>
</div>

<p>네 removeItem이 없어도 작동이 잘되요!!...</p>

<p>안녕하세요 효진님, removeItem API의 대상은 할 일 아이템의 이름이 적힌 값 todoItem.item 입니다. removeItem API의 대상으로 할 일 아이템의 이름이 아닌 객체를 넣으면 정상적으로 동작을 안할텐데 잘 되나요?</p>

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

질문이요ㅠㅠ

[리팩토링] 할 일 추가 기능

과도한 CSS 충돌로 인한 스타일 문제

컴포넌트 간 데이터 변경사항 불일치

인프런 커뮤니티 질문&답변

질문이요ㅠㅠ