Web Storage LocalStorage, SessionStorage 기본 구성 - 키(key)와 값(value)을 하나의 세트로 저장 - 도메인과 브라우저별로 저장 - 값은 문자열로 저장됨 공통 메소드와 프로퍼티 Web Storage - localStorage WebStorage API : LocalStorage - 데이터를 사용자 로컬에 보존하는 방식 - 데이터를 저장, 덮어쓰기, 삭제 등 조작 가능 - 자바스크립트(JavaScript)로만 조작 - 모바일에서도 사용 가능 Cookie와의 차이점 - 유효 기간이 없고 영구적으로 이용 가능 - 단순 문자열외에 (스크립트)객체 정보 저장 가능 - 용량제한이 없음 (쿠키는 도메인당 20개의 쿠키수가 제한되며 4KB까지, 브라우저에 따라 다를 수 있음) ..

JSON (JavaScript Object Notation)? JSON은 속성-값 쌍(attribute-value pairs), 배열 자료형(array data types) 또는 기타 모든 시리얼화 가능한 값(serializable value) 또는 “키-값 쌍”으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷이다. 비동기 브라우저/서버 통신 (AJAX)을 위해 , 넓게는 XML(AJAX가 사용)을 대체하는 주요 데이터 포맷이다. 특히, 인터넷에서 자료를 주고 받을 때 그 자료를 표현하는 방법으로 알려져 있다. 자료의 종류에 큰 제한은 없으며, 특히 컴퓨터 프로그램의 변수값을 표현하는 데 적합하다. 본래는 자바스크립트 언어로부터 파생되어 자바스크립트의..

DOM(Document Object Model) HTML과 XML문서의 구조를 정의하는 API를 제공 DOM은 문서 요소 집합을 트리 형태의 계층 구조로 HTML을 표현 HTML계층 구조의 제일 위에는 document 노드가 있다 그 아래로 HTML 태그나 요소(element)들을 표현하는 노드와 문자열을 표현하는 노드가 있다. DOM - 문서계층 구조 Document는 HTML 또는 XML 문서를 표현 HTMLDocument는 HTML 문서와 요소만을 표현 HTMLElement의 하위 타입은 HTML 단일 요소나 요소 집합의 속성에 해당하는 JavaScript 프로퍼티를 정의 Comment 노드는 HTML이나 XML의 주석을 표현 문서 객체 만들기 문서 객체는 text node를 갖는 객체와 갖지 않는..