[Vanilla JS] - 4. 배열의 특정 값 삭제하기.

배열안의 특정 값을 삭제하는 방법에 대해 알아봤다. 1. 배열 전체 값 삭제하기. 1) 값이 있던 배열을 빈 배열로 할당하기. let arr = ["a", "b", "c"] arr = []; 2) 값이 있던 배열의 길이를 0으로 할당하기. let arr = ["a", "b", "c"] arr.length = 0; 2. 배열의 첫번째 값 삭제하기. - shift() let arr1 = [1,2,3] arr1.shift(); /* arr1 = [2,3] */ 3. 배열의 뒤에서 삭제하기. 1) 배열의 길이로 삭제하기 let arr1 = [1,2,3,4] arr1.length = 2; /*arr1 = [1,2] */ 2) pop() let arr1 = [1,2,3,4,5]; arr1.pop(); /* arr1..

2022.01.14

[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] - 2. 원하는 문자 앞뒤로 채워넣기 - padStart() , padEnd()

1. padStart(maxLength, "") - String 형태의 변수 뒤에 사용. 최대길이까지 해당 문자를 앞에서부터 채움. - 예시) "1".padStart(2, "0") --> 01 출력. 2. padEnd(maxLength, "") - padStart와 반대. - 예시) "1".padEnd(2, "0") --> 10 출력. ※ 주의사항 : String 형태의 경우에만 사용가능.

2022.01.12

[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