DOM 이란? Document Object Model 의 줄임말 브라우저가 HTML 문서를 parsing 하는 과정에서 생겨나는 객체 웹 브라우저가 정적인 웹 페이지를 변경하거나 조작하기 위해 HTML 파일을 자바스크립트 객체로 만들어주는 것 DOM은 을 자바스크립트 객체로 만든 것이다. 자바스크립트로 HTML을 수정, 변경하거나 HTML에 작성된 내용을 자바스크립트 변수에 담아서 사용하는 등에 사용된다. 사용방법 document .getElementById("tagID") .InnerText .value .style .TextContent HTML 파일로 가서 ."tagID"라는 id를 가진 태그를 선택해서 .제어한다.
undefined null 0 "" NaN 이 외의 데이터들은 truthy 한 데이터 if 조건문 안에서 데이터 유무에 따른 조건식 발동에 사용
for-of 배열에 주로 사용 const arr = [1,2,3,4,5] for(let value of arr){ console.log(value) } for-in 객체에서 사용, 객체 프로퍼티들의 key가 담겨져 온다. setInterval() 반복 함수. 소괄호 안에 넣어준 함수를 지정한 시간마다 반복해서 실행 clearInterval() setInterval() 함수를 통해 생성된 interval을 종료해주는 함수. setInterval 함수는 실행될 때마다 고유의 id 값을 반환한다. 해당 아이디를 체크해서 clearInterval 함수를 실행시 인터벌이 종료됨.
느슨한 비교연산자 데이터 값은 비교하지만, 타입은 비교하지 않는다. ( ==, != ) 엄격한 비교연산자 데이터의 메모리 주소를 비교해 두 데이터가 완벽히 일치하는지 판단한다. ( ===, !== ) 자바스크립트 데이터타입 원시타입( Primitive Type ) vs 참조타입 ( Reference Type ) 원시타입 String, Number, Boolean, Bigint, undefined, Symbol, null 불변성 참조타입 가변성 false 값 undefined, null, 0, "", NaN
어떤 기능을 수행하거나 계산을 수행할 수 있도록 하는 도구. onclick 이벤트 해당 속성을 부여받은 태그가 사용자에 의해 클릭 되었을 때, 할당되어 있는 수식 또는 코드를 실행한다. querySelector JavaScript 내에서 HTML의 요소를 참조할 수 있다. 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element를 반환.일치하는 요소가 없으면 null을 반환. id는 "#", class는 "."을 querySelector()의 소괄호 안에 입력되는 id 혹은 class명 앞에 붙여주면 된다. document.querySelector('#id').value new Date() const remain = (new Date('2023-04-11').setHours(0, 0, ..
객체는 키 값을 통해 해당 데이터가 무엇에 대한 데이터인지 명시해줄 수 있다. 객체 안의 데이터들 하나하나를 property라고 한다. { key:value } Property 접근법 Dot nation key 값에 접근시, 점을 이용해서 접근 객체이름.key = value Bracket notation ( 괄호 표기법 ) 객체이름["key"] = value 객체 메서드 Object.keys(객체 이름) 객체의 key 만을 가져와 배열에 담아주는 메서드 Object.values(객체 이름) 객체의 value 만을 가져와 배열에 담아주는 메서드
let array = ["one","two","three"] 배열 메서드 array.push() : 배열의 가장 뒤의 데이터를 추가 array.pop() : 배열의 가장 뒤의 데이터를 삭제 array.includes() : 특정 배열에 주어진 데이터가 포함되어있는지 확인 ( 반환 값 : boolean ) array.indexOf() : 특정 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스 반환 ( 찾을 수 없으면 -1 반환 )
