contents : complete : 가 무슨뜻인가... - 인프런

[코드캠프] 훈훈한 Javascript

eventListener를 활용한 태그 삭제

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

해결된 질문

작성

176

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

const todoObj = {
      contents: todoList.children[i].querySelector("span").textContent,
      complete: todoList.children[i].classList.contains("complete"),
    };

javascript

답변 2

노원두

지식공유자

안녕하세요! 락규님!

contents와 complete은 객체의 key로서, 이름은 우리가 짓기 나름입니다! ㅎㅎ

따라서, qqq, zzz와 같은 이름으로 지으셔도 크게 문제가 되지 않습니다.

그럼에도 불구하고 contents, complete이란 이름을 지은 이유는 contents는 할일 목록의 내용을 담기 위해서, complete은 완료된 목록을 담기 위함입니다!

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요.

“contents: complete”는 객체 안에 있는 키(key)와 값(value)을 구분하는 구분자입니다. “:“는 “콜론”이라고 부르며, 객체 안에서 각 키와 값의 끝을 나타냅니다.

위의 코드에서는 “todoObj” 객체 안에 “contents”와 “complete” 키가 존재하며, “contents”에는 “querySelector”를 이용해 해당 엘리먼트의 “span” 요소 내용이 할당되고, “complete”에는 “classList.contains”를 이용해 해당 엘리먼트의 “complete” 클래스 여부가 할당됩니다.

이를 통해 “todoObj” 객체 내부에는 각 항목의 내용과 완료 여부를 저장하게 됩니다.

이해에 도움이 되셨길 바랍니다.

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

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