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

최락규

작성한 질문수

[코드캠프] 훈훈한 Javascript

eventListener를 활용한 태그 삭제

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

해결된 질문

작성

251

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

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

javascript

퀴즈

51%나 틀려요. 한번 도전해보세요!

HTML 요소에 특정 이벤트(예: 클릭)가 발생했을 때 실행될 함수를 연결하는 가장 일반적인 자바스크립트 메서드는 무엇일까요?

attachEvent

addEventListener

linkEvent

setEventHandler

답변 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” 객체 내부에는 각 항목의 내용과 완료 여부를 저장하게 됩니다.

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

최락규

작성한 질문수

전체 Q&A

질문하기