contents : complete : 가 무슨뜻인가요?

Question

constents: complete: 가 무슨 뜻인가요? const todoObj = { contents: todoList.children[i].querySelector("span").textContent, complete: todoList.children[i].classList.contains("complete"), };

nwd09074926 · Answer

안녕하세요! 락규 님! contents와 complete은 객체의 key로서, 이름은 우리가 짓기 나름입니다! ㅎㅎ 따라서, qqq, zzz와 같은 이름으로 지으셔도 크게 문제가 되지 않습니다. 그럼에도 불구하고 contents, complete이란 이름을 지은 이유는 contents는 할일 목록의 내용 을 담기 위해서, complete은 완료된 목록 을 담기 위함입니다!

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴이에요. &ldquo;contents: complete&rdquo;는 객체 안에 있는 키(key)와 값(value)을 구분하는 구분자입니다. &ldquo;:&ldquo;는 &ldquo;콜론&rdquo;이라고 부르며, 객체 안에서 각 키와 값의 끝을 나타냅니다. 위의 코드에서는 &ldquo;todoObj&rdquo; 객체 안에 &ldquo;contents&rdquo;와 &ldquo;complete&rdquo; 키가 존재하며, &ldquo;contents&rdquo;에는 &ldquo;querySelector&rdquo;를 이용해 해당 엘리먼트의 &ldquo;span&rdquo; 요소 내용이 할당되고, &ldquo;complete&rdquo;에는 &ldquo;classList.contains&rdquo;를 이용해 해당 엘리먼트의 &ldquo;complete&rdquo; 클래스 여부가 할당됩니다. 이를 통해 &ldquo;todoObj&rdquo; 객체 내부에는 각 항목의 내용과 완료 여부를 저장하게 됩니다. 이해에 도움이 되셨길 바랍니다.