NULL

getElementsByClassName은 배열로 요소를 가지고 오기때문에 인덱싱이 필요하다. 사용할 때 인덱스 0번을 붙여서 사용한다. getElementsByClassName("dom").[0].style.display = "none"; // 예시

동등 / 일치 비교 연산자 비교 연산자 의미 사례 설명 == 동등 비교 x == y x와 y의 값이 같음 === 일치 비교 x === y x와 y의 값과 타입이 같음 != 부등 비교 x != y x와 y의 값이 다름 !== 불일치 비교 x !==y x와 y의 값과 타입이 다름 동등 비교 (==) 연산자는 피연산자를 비교할 때 암묵적 타입 변환을 통해 타입을 일치 시킨 후 같은 값을 갖는지 비교한다. 따라서 동등 비교 연산자는 피연산자가 타입은 다르더라도 암묵적 타입 변환 후 같은 값이라면 true를 반환한다. // 동등 비교 5 == 5 // true // 타입은 다르지만 암묵적 타입 변환을 통해 타입을 일치시키면 같은 값을 같는다. 5 == '5' //true 5 == 8 // false 하지만 동등 ..

동적 타이핑 JS는 C, JAVA와 다르게 변수 선언할때 미리 타입을 정하지 않는다. 변수에 할당된 값에 의해 타입이 결정된다.

var text1 = ' test '; var text2 = '\ttest\t'; var text3 = '\ntest\n'; text1.trim(); // test text2.trim(); // test text3.trim(); // test 위 코드는 모든 앞 뒤의 공백을 제거할 수 있는 예제입니다. 문자열 앞 뒤에 공백이 중복되어 여러 개가 있어도 모두 제거됩니다.

const id = document.getElementById("id"); const pwd = document.getElementById("ps"); const login = document.getElementById("login"); const form = document.querySelector(".login__container__input"); form.addEventListener("submit", function(event) { // form submit 이벤트 발생 시 if (id.value.trim() == "") { // 만약 id값이 공백이라면 alert("아이디를 입력해주세요."); // 경고창 출력 event.preventDefault(); // form submit 함수 실행중지 ..

keydown 키를 눌렀을 때 작동한다. keyup 키를 눌렀다가 땠을 때 작동한다. keydown, keyup와 는 달리 input이벤트는 방향키가 먹히지 않는다.

.push() 배열의 맨 뒤에 인자를 추가한다. .unshift() 배열의 맨 앞에 인자를 추가한다. .pop() 맨뒤 인자값을 지운다. .isArray() 배열인 경우 true 아닌 경우 false를 반환한다. .indexOf() 는 배열안의 특정 값이 몇번째 인덱스에 있는지 반환해준다. .splice(0, 2) 라면 0번째 인덱스부터 2번째 인덱스까지 뺀 나머지 값을 반환한다. (배열 자체를 바꿈) .slice() 마찬가지로 .slice(0, 2)라면 0부터 2인덱스까지 짤린 값만 반환받는다. 배열을 바꾸지 않고 값만 반환해서 값을 저장할 변수가 필요하다. (배열을 바꾸지는 않고 값만 반환)

let fruits = "사과, 딸기, 포도, 참외"; fruits = fruits.split(", "); console.log(fruits); 특정값을 .split()값으로 짤라서 배열에 저장한다. fruits.split(", ")는 변수 fruits의 문자열안의 값을 ", " 단위로 짤라서 배열에 저장한다. 따라서 결과물은 "사과, 딸기, 포도, 참외" 문자열에서 ", "단위로 짜른 "사과" "딸기" "포도" "참외" 값이 각각 배열의 0번째 인덱스부터 저장된다.

콜백함수는 함수에 파라미터로 들어가는 함수다. 순차적으로 실행하고 싶을 때 쓴다. function callback(){ console.log("callback function is called"); } setTimeout(callback, 3000); // ( 최초 1회만 ) 3초 뒤에 callback함수를 실행 setInterval( callback, 3000 ); // 3초마다 callback함수를 실행 setinterval을 종료시키려면 clearTimeout()을 해주면 종료된다. 사진에서 setInterval( callback, 3000 )을 실행시켰을 때 140의 값이 반환되었는데 그 값을 clearTimeout()안에 넣어주고 실행하게 되면 해당 함수가 종료된다.

.createElement()를 사용하면 해당 엘리먼트태그가 생성되서 반환된다. hr이라는 변수에 .createElement()를 이용하여 hr태그를 넣어서 사용해보겠다. hr = document.createElement("hr"); // hr변수 = hr태그 생성 그리고 hr변수로 예제들을 실행 해보겠다. document.body.appendChild(hr); // 해당요소 맨 마지막에 추가됨 원하는 곳에 넣으려면 document.body.insertBefore를 사용한다. document.body.insertBefore( hr, document.body.children[0]); // ( 넣을 값, 해당요소.위치 입력); 엘리먼트를 복사하고 싶을땐 .cloneNode()를 사용한다. hr2 = hr.c..