Language/JavaScript

[JavaScript] Document 객체

Document 객체 Document 객체는 웹 페이지 그 자체를 의미한다. 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시 Document 객체부터 시작해야 한다. Document 메소드 Document 객체는 HTML 요소와 관련된 작업을 도와주는 다양한 메소드를 제공한다. HTML 요소의 선택 HTML 요소의 생성 HTML 이벤트 핸들러 추가 HTML 객체의 선택 HTML 요소의 선택 HTML 요소를 선택하기 위해 제공되는 메소드는 다음과 같다. 메소드 설명 document.getElementsByTagName(태그이름) 해당 태그 이름의 요소를 모두 선택함. document.getElementById(아이디) 해당 아이디의 요소를 선택함. document.getElementsByC..

[JavaScript] DOM의 개념

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

[JavaScript] Array 메소드

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

[JavaScript] Array 객체

Array 객체 자바스크립트에서 배열(array)은 정렬된 값들의 집합으로 정의되며, Array 객체로 다뤄진다. Array 메소드 자바스크립트는 사용자가 배열과 관련된 작업을 손쉽게 할 수 있도록 다양한 메소드를 제공하고 있다. Array 메소드는 Array 객체에 정의된 배열과 관련된 작업을 할 때 사용하는 메소드다. Array.isArray() Array.from() Array.of() Array.isArray() 메소드 Array.isArray() 메소드는 전달받은 값이 Array 객체인지 아닌지를 검사한다. Array.isArray([]); // true Array.isArray(new Array()); // true Array.isArray(123); // false Array.isArray(..

[JavaScript] String 메소드

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

[JavaScript] String 객체

자바스크립트에서의 문자열 표현 자바스크립트에서 문자열 리터럴은 큰따옴표("")나 작은따옴표('')를 사용하여 손쉽게 만들 수 있다. var firstStr = "이것도 문자열입니다."; // 큰따옴표를 사용한 문자열 var secondStr = '이것도 문자열입니다.'; // 작은따옴표를 사용한 문자열 var thirdStr = "나의 이름은 '홍길동'이야." // 작은따옴표는 큰따옴표로 둘러싸인 문자열에만 포함될 수 있음. var fourthStr = '나의 이름은 "홍길동"이야.' // 큰따옴표는 작은따옴표로 둘러싸인 문자열에만 포함될 수 있음. 문자열의 길이 자바스크립트에서 문자열의 길이는 length 프로퍼티에 저장된다. var strKor = "한글"; var strEng = "abcABC"; ..