노마드 코더 - 바닐라 JS로 크롬 앱 만들기 - TO DO LIST 파트 기록

 console.dir(event.target);

이 코드를 사용하면 event.target의 속성을 알 수 있다. console.log로 하면 안나온다!! 

 

console.log(event.target.parentElement.innerText)

target은 클릭된 HTML element요소를 가리킨다. 그리고 모든 HTML element요소 하나 이상의 property가 있다. 

parentElement 는 클릭된 element의 부모이다. 

 

event.target -> button 

event.target.parentElement -> li

event.target.parentElement.innerText -> 내가 쓴 list text들이 console.log 창에 뜬다. 

 

- JSON.stringify

javascript object 나 array 또는 어떤 javascipt 코드 건 간에 그걸 string으로 만들어준다. 

 

- JSON.parse

평범한 string을 array로 만들어준다. 

 

- forEach() 

array에 있는 각각의 item에 대해 function을 실행시켜준다. 

• forEach는 복잡한 객체를 처리하는데 있어서 유리하다.
• 하지만 forEach문은 구문 밖으로 return값을 받지 못한다.
• 일반 for문보다 가독성이 좋고, 객체형을 다루기가 쉽다.
• for문과 다르게 중간에 끊을 방법이 없다.
• return값을 받지 못한다.

 

- filter()

array에 있는 각각의 item에 대해 function을 실행시켜준다. 

• filter의 가장 큰 특징은 boolean형태의 return값을 갖는다.
• return값이 true일경우, 그 요소를 반환하고 false일경우, 반환하지 않는다. 기본값은 false이다.
• 깔끔하게 원하는 요소들만 필터링할 수 있는 유용한 메서드이다.