[Vanilla Js] To do list

#07 To do list

• target

이벤트가 발생한 요소 가리킨다

 

• parentElement()

현재 요소의 부모 요소 가리킨다

 

• JSON.stringify()

js 객체나 배열을 문자열로 변환

 

< JSON.stringify() 사용 x 코드 >

function saveToDos(){
    localStorage.setItem("todos", toDos);
}

localStorage 저장

 

 

< JSON.stringify() 사용한 코드 >

function saveToDos(){
    localStorage.setItem("todos", JSON.stringify(toDos));
}

localStorage 저장

 

• JSON.parse()

JSON 문자열을 JS 객체로 변환

 

• forEach()

array에 있는 각각의 item에 대해 function 실행

 

+ arrow function

() => 으로 나타낸다

function sayHello(item){
    console.log(`this is the turn of ${item}`);
}

 

↓

parsedToDos.forEach((item)=> console.log(`this it the turn of ${item}`));

 

위 코드 실행 ( forEach )

 

 

• filter()

원본 배열을 변경하지 않고, 조건을 만족하는 요소들만 포함하는 새로운 배열을 반환 

 

- true return : item을 유지

true return

 

 

- false return : item은 새 array에 포함하지 않는다

false return

 

---

 

#7 Login 전 페이지

 

#7 Login 후 페이지