본문 바로가기

JavaScript

(7)
JSON 1. JSON - JavaScript Object Notation : 자바스크립트의 객체 표현식으로 사람이나 기계 둘다 이해하기 쉽게 만들어져있다. 데이터 용량도 작아서 요즘에는 XML대신 JSON을 사용하여 데이터를 전송하거나 옵션을 저장하는 용도로 쓴다. #JSON에 대한 자세한 설명 - http://www.json.org/json-ko.html 2. JSON 사용방법 위와 같이 { } (중괄호)를 이용해 선언하게 되면 객체가 생성된다. 객체들로 배열을 생성하고 싶다면 다음과 같이 사용하면 된다. 대괄호 안에 객체들을 넣어주면 객체 배열을 생성할 수 있다 배열안에는 객체의 참조값이 저장된다. 3. 사용자 정의 객체 : 함수를 이용해 생성자를 선언하고 객체를 생성할 수 있다. 메소드를 만들 때에는 속성..
Node interface #Attribute 속성을 사용할땐 노드명.속성명 으로 사용한다 parentNode : 현재 노드의 부모의 참조값 childNodes : 현재 노드의 자식들을 NodeList로 가지고 있음. firstChild : 첫번째 자식노드의 참조값 lastChild : 마지막 자식노드의 참조값 previousSibling : 현재 노드 이전의 형제의 참조값 nextSibling : 현재 노드 다음에 있는 형제의 참조값 # Method 1. appendChild(childNode) : 자식 노드를 추가하는 메소드. 매개변수로 받은 노드를 자식 노드로 추가한다. 이미 자식노드가 있다면 순서대로 추가된다. appendChild modified in DOM Level 3 Adds the node newChild to t..
HTML DOM 함수 - document interface # Document interface 1. getElementById(id) : Id를 이용해 Element에 접근할 때 사용하는 함수이다. 태그의 id를 매개변수로 받아서 id에 해당하는 element를 반환해준다. getElementById introduced in DOM Level 2 Returns the Element that has an ID attribute with the given value. If no such element exists, this returns null. If more than one element has an ID attribute with that value, what is returned is undefined. The DOM implementation is exp..
DOM # DOM (Document Object Model) 문서(Document)란 HTML이나 XML문서과 같이 부분적 요소나 내용이 관련된 것들끼리 묶여서 존재하는 구조화된 것 이렇게 구조화된 문서에 접근할 때에 구조적으로 표현하는 방식을 제공하는 것이 DOM이다 W3C의 표준이며 3가지로 나뉜다. Core DOM - 모든 문서 타입을 위한 표준 모델 XML DOM - XML 문서를 위한 표준 모델 HTML DOM - HTML 문서를 위한 표준 모델 웹페이지가 로드될 때 브라우저는 이 페이지의 DOM을 생성하며, 생성된 DOM은 아래와 같은 계층형 트리 구조. 계층형 구조이기 때문에 각 노드에는 부모와 자식이 존재한다. Element가 같은 동등한 위치면 형제(Sibling)이며, 자신보다 상위 계층이면 ..
내장 객체 - String 자바스크립트에서 문자열을 저장하고 싶을 때에는 다음과 같이 문자리터럴을 변수에 담아주면 string 타입의 변수가 된다. var str = "java"; 또한, 문자열을 다음과 같이 선언할 수 있다. var str = new String("java"); new 키워드를 통해 변수를 생성하게 되면 실행속도가 느리기 때문에 사용하지 않는 것이 좋다. var str1 = "java";// string var str2 = new String("java");// object if(str1 == str2){// 내용 비교 document.write("true"); } else{ document.write("false"); } if(str1 === str2){// 내용 및 자료형 비교 document.write("t..
Array 자바스크립트 내장 객체 - Array Array 자바의 배열은 생성할 때, 배열의 크기를 고정적으로 정해줘야하지만 자바스크립트의 배열은 배열의 길이가 가변적이라 정해줄 필요X - 기본 배열 생성 방법var 배열명 = new Array(); - 배열 초기화 var colors = new Array(4, 2, 3); // 생성과 동시에 초기화 colors = [1, 2, 3, 4, 5];// 생성후, 초기화 var colors = ['red', 'blue', 'green', 'gray', 'purple']; // 생성과 동시에 초기화2 - 배열의 함수1. join(구분자)- 배열의 값들을 사이에 구분자를 붙여 하나의 문자열을 만든다- default : ", "2. sort(), reverse()- sort(..
변수 지역성 - 자바스크립트에서 변수를 사용하기 위해서는 var 변수명 (var을 붙이지 않으면 전역 변수) - 함수 내에 변수를 선언할 경우에만 지역변수(local), 나머지는 전역변수(global) 변수의 스코프 num1은 전역 변수로 선언. num2는 지역 변수로 선언 주석으로 처리된 num2는 var 키워드가 없으므로 전역 변수