vanilla javascript(2)
-
[Vanilla JS] - 3. parentNode vs parentElement
parentNode 와 parentElement 전에 node 와 element의 차이점을 먼저 짚고 넘어가자. 1. node와 element 1) node HTML DOM을 node라고 부르며 계층적 단위 정보를 저장. HTML DOM은 이러한 node들을 정의하고, 그들 사이의 관계를 설명해주는 역할. node들의 집합을 node tree(노드 트리) 라고 부름. 자바스크립트에서는 HTML DOM을 이용하여 노드 트리에 포함된 모든 노드에 접근 가능. 2) element HTML Tag를 말함. 3) 예시자료 테스트입니다. 위의 예시 코드를 볼 때, 모든 태그노드와 텍스트노드를 node라 하고, 텍스트노트를 제외한 태그만을 element라 함. 2. parentNode 와 parentElement 1..
2022.01.13 -
[Vanilla JS / Nomadcoders] - 1. localStorage 사용하기
출처 : https://nomadcoders.co/javascript-for-beginners/lobby Watch Now – 노마드 코더 Nomad Coders nomadcoders.co index.html app.js const loginForm = document.querySelector("#login-form") const loginInput = document.querySelector("#login-form input") const greeting = document.querySelector("#greeting"); const HIDDEN_CLASSNAME = "hidden"; const USERNAME_KEY = "username" onLoginSubmit = (event) => { event..
2022.01.11