문서 객체 모델(DOM)이란? XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공 이러한 DOM은 W3C의 표준 객체 모델이며, 다음과 같이 계층 구조로 표현됨 자바스크립트는 이러한 객체 모델을 이용하여 다음과 같은 작업을 할 수 있음 - 자바스크립트는 새로운 HTML 요소나 속성을 추가할 수 있음 - 자바스크립트는 존재하는 HTML 요소나 속성을 제거할 수 있음 - 자바스크립트는 HTML 문서의 모든 HTML 요소를 변경할 수 있음 - 자바스크립트는 HTML 문서의 모든 HTML 속성을 변경할 수 있음 - 자바스크립트는 HTML 문서의 모든 CSS 스타일을 변경할 수 있음 - 자바스크립트는 HTML 문서에 새로..

Array.prototype 메소드 모든 Array 인스턴스는 Array.prototype으로부터 메소드와 프로퍼티를 상속받음 이렇게 상속받은 Array.prototype 메소드는 크게 다음과 같이 구분할 수 있음 1. 원본 배열을 변경하는 메소드 2. 원본 배열은 변경하지 않고 참조만 하는 메소드 3. 원본 배열을 반복적으로 참조하는 메소드 원본 배열을 변경하는 Array.prototype 메소드 다음 메소드는 원본 배열을 직접 변경하는 메소드 1. push() 2. pop() 3. shift() 4. unshift() 5. reverse() 6. sort() 7. splice() push() 메소드 하나 이상의 요소를 배열의 가장 마지막에 추가 원본 배열은 추가한 요소의 수만큼 길이(length)가 ..

Array 객체 정렬된 값들의 집합으로 정의됨 Array 객체로 다뤄짐 자바스크립트 배열 표현에 대한 더 자세한 사항은 자바스크립트 배열 수업에서 확인 자바스크립트 배열 수업 확인 => Array 메소드 자바스크립트는 사용자가 배열과 관련된 작업을 손쉽게 할 수 있도록 다양한 메소드를 제공 Array 메소드는 Array 객체에 정의된 배열과 관련된 작업을 할 때 사용하는 메소드 1. Array.isArray() 2. Array.from() 3. Array.of() Array.isArray() 메소드 전달받은 값이 Array 객체인지 아닌지를 검사 예제 Array.isArray([]); // true Array.isArray(new Array()); // true Array.isArray(123); // ..

String 메소드 String 메소드는 String 객체에 정의된 문자열과 관련된 작업을 할 때 사용하는 메소드 1. String.fromCharCode() 2. String.fromCodePoint() String.fromCharCode() 메소드 쉼표로 구분되는 일련의 유니코드에 해당하는 문자들로 구성된 문자열을 반환 예제 String.fromCharCode(65, 66, 67); // "ABC" String.fromCodePoint() 메소드 쉼표로 구분되는 일련의 코드 포인트(code point)에 해당하는 문자들로 구성된 문자열을 반환 예제 String.fromCodePoint(65, 66, 67); // "ABC" String.fromCodePoint(0x2F804); // "\uD87E\u..

자바스크립트에서의 문자열 표현 큰따옴표("")나 작은따옴표('')를 사용 예제 var firstStr = "이것도 문자열입니다."; // 큰따옴표를 사용한 문자열 var secondStr = '이것도 문자열입니다.'; // 작은따옴표를 사용한 문자열 var thirdStr = "나의 이름은 '홍길동'이야." // 작은따옴표는 큰따옴표로 둘러싸인 문자열에만 포함될 수 있음. var fourthStr = '나의 이름은 "홍길동"이야.' // 큰따옴표는 작은따옴표로 둘러싸인 문자열에만 포함될 수 있음. 문자열의 길이 length 프로퍼티에 저장 예제 var strKor = "한글"; var strEng = "abcABC"; strKor.length; // 2 strEng.length; // 6 코딩연습 ▶ 아..

Date.now() 메소드 1970년 1월 1일 0시 0분 0초부터 현재까지의 시간을 밀리초(millisecond) 단위의 정수로 반환 예제 var nowMiliSec = Date.now(); nowMiliSec; // 1970년 1월 1일 00:00:00부터 현재까지의 밀리초 new Date(nowMiliSec); // new Date()와 같은 결과를 반환함. new Date(); /* 1672985940677 Fri Jan 06 2023 15:19:00 GMT+0900 (한국 표준시) Fri Jan 06 2023 15:19:00 GMT+0900 (한국 표준시) */ 코딩연습 ▶ Date.prototype getter 메소드 모든 Date 인스턴스는 Date.prototype으로부터 메소드와 프로퍼티..