2022-01-04 TIL

해야할 것

1. 노마드코더 바닐라JS #7 TO DO LIST #7.4까지 하기 - ⭕️
2. 백준 단계별 문제풀기 - ❌
3. 지원서 쓰기 - ⭕️

TIL

#javascript

1. target은 이벤트가 클릭이라면 클릭된 HTML 요소이다. parentElement는 클릭된 요소의 부모요소를 보여줌.
2. localStorage에 값을 저장하면 단순 문자열로 저장되는데 localStorage에 배열 형태의 문자열로 저장하고 싶으면 javascript 객체 나 배열이나 어떤 것이든 문자열로 바꿔주는 기능인 JSON.stringify(객체or배열)를 사용하면 된다.

localStorage.setItem("todos", JSON.stringify(toDos));

3. 저장한 배열 형태의 문자열을 localStorage에서 가져와서 쓸 수 있는(살아있는) 배열로 만들고 싶다면 JSON.parse()를 사용하면 됨.

JSON.parse(localStorage.getItem("todos"));

4. 자바스크립트에선 배열의 각각 item들에 대해 함수를 forEach메서드로 실행시킬 수 있다.(화면에 뿌려주거나, 텍스트를 변형하거나) 대신 item들에 대해 한 개의 함수만 실행가능.

const arr = ["a", "b", "c"];

function sayHello(arr) {
	console.log("Hello", arr);
}

arr.forEach(sayHello);

// Hello a, Hello b, Hello c 가 출력됨.

arr.forEach((arr) => console.log("Hello", arr));

// function을 따로 안만들고 forEach 인자에 화살표함수로 한번에 위처럼 할 수도 있음. 결과는 같음.