Development(7985)
-
드래그 앤 드롭 - draggable 속성, 기본 동작
draggable 속성 · img요소와 href 속성이 마크업된 요소는 원래 드래그할 수 있는 요소로 규정되어 있습니다. · img요소와 href속성이 마크업된 요소들외에 모든 요소를 HTML5에서는 draggable 속성을 true로 지정함으로써 드래그할 수 있도록 규정하고 있습니다. · HTML5에 새롭게 추가된 draggable속성은 true, false, 값 없음 값을 가질 수 있습니다. draggable 속성 지정 · draggable은 드래그 대상이 웹 애플리케이션 안의 요소라면 그 요소에 draggable속성을 지정합니다. · draggable 속성이 true 이면 drag 할 수 있는 것이고, false 면 drag를 하지 못합니다. · 값을 지정하지 않았을 때는 기본 동작을 그대로 사용한..
-
세션 스토리지(Session Storage), Session Storage 접근, 데이터 저장하기, 저장된 데이터 읽기
세션 스토리지(Session Storage)· 하나의 창이나 탭에 한정된 데이터를 보관할 수 있습니다.· 사용자가 같은 사이트를 두 개의 창에서 접속하고 있더라도, 각 창은 자체적인 개별 세션 스토리지 객체를 가지게 되어, 데이터를 별도로 유지하게 됩니다. · 특정 사이트에 접속해서 사용자 세션이 지속되는 동안에만 세션 스토리지도 지속됩니다.· 브라우저가 열려 있는 동안 데이터를 저장하고 사용할 수 있습니다.· 브라우저가 완전히 종료된 후에는 데이터도 소멸됩니다. 브라우저가 닫히면 저장된 데이터는 사라집니다. Session Storage 접근· 같은 도메인더라도 윈도우가 다르면 다른 스토리지를 사용하며 같은 윈도우에 서로 다른 도메인이 존재할 경우 데이터는 별도로 저장됩니다.· 모든 세션이 종료하게 되면..
-
Local Storage 메소드, 데이터 저장하기, 저장된 데이터 읽기
Local Storage 메소드 localStorage.setItem('name', first_value); localStorage.name = first_value; 저장된 데이터 읽기 localStorage.setItem("name", "Hong"); localStorage.name="Hong"; localStorage["name"]="Hong"; getItem(key) localStorage.removeItem("name"); delete localStorage.name; delete localStorage["name"];
-
로컬 스토리지(Local Storage), Local Storage 접근, LocalStorage 활용
로컬 스토리지(Local Storage)· 세션 스토리지와 달리 로컬 스토리지를 이용하면 브라우저를 통해 사용자의 컴퓨터에 데이터를 지속적으로 저장할 수 있습니다. · 브라우저를 통해 사용자 컴퓨터의 로컬스토리지에 데이터를 저장하고 다시 같은 사이트를 방문했을 때 로컬 스토리지에 저장된 모든 데이터를 사용할 수 있습니다.· 즉, 브라우저가 종료된 후에도 데이터는 유지됩니다.· key:value 쌍으로 저장됩니다. Local Storage 접근도메인이 다르면 서로의 Local Storage에 접근할 수 없습니다 다음(DAUM)의 웹 페이지에서 네이버(NAVER) 웹 페이지의 Local Storage에 접근할 수 없습니다. 같은 도메인일 경우 Local Storage를 공유할 수 있습니다. LocalStor..
-
Web Storage 구분, 스토리지 제한, 스토리지 할당량 체크하기
Web Storage 구분Web Storage는 Local Storage와 Session Storage로 구분됩니다. 이들의 차이점은 브라우저가 완전히 종료되고 난 후에도 데이터가 유지 되느냐 유지되지 않느냐의 차이입니다.· 로컬 스토리지(Local Storage)· 세션 스토리지(Session Storage) 스토리지 제한· 인터넷 익스플로러에서는 거의 10MB에 가까운 사용자 데이터를 웹 애플리케이션에서 저장할 수 있습니다.· 크롬, 사파리, 파이어폭스, 오페라에서는 모두 W3C규격에서 제안하는 양인 5MB까지 사용자 데이터를 저장할 수 있습니다. 스토리지 할당량 체크하기브라우저의 스토리지 크기에 따라 스토리지 할당량을 초과했는지 체크하기
-
<menu>, <command> - 목록과 메뉴를 정의하는 태그
태그 목록과 메뉴를 정의하는 태그 HTML4에서는 W3C가 태그를 사용하지 않을 것을 권고 하였으나, HTML5에서는 실제 문서의 메뉴정보를 제공하는 데 사용 현재 IE 12버전과 Firefox에서만 지원됩니다. 태그 사용자가 호출 할 수 있는 명령을 지정하는데 사용하는 명령 지정 태그 태그는 라디오 버튼, 체크 박스 같은 명령 단추를 재설정 하며, 반드시 태그 안에서 있어야 합니다. 주로 사용되고 있는 브라우저 중 해당 태그를 지원하는 브라우저가 아직 없습니다. 태그 속성 속성설명Icon명령을 나타내는 그림을 지정하는 속성label명령의 이름을 지정하는 속성type명령의 종류를 지정 command, checkbox, radio Save