아무거나

indexedDB: WebStorage 로 커버가 불가능한 복잡한 데이터 구조 또는 많은 데이터를 저장하고 관리해야 하는 경우에 사용하며 메일 클라이언트, 할 일 목록 등 작업에 유용특징javascript 기반의 객체지향 데이터 베이스 즉, javascript 가 인식할 수 있는 자료형과 객체를 저장할 수 있다. (localStorage 는 String 형태만 저장 가능)트랜잭션을 사용하며 Key-Value 데이터 베이스이다.비동기 API 이다.색인을 사용하여 복잡한 쿼리를 가능하게 하여 검색 성능을 향상장기 데이터 저장, 브라우저 재 시작 및 시스템 충돌 방지 기능을 제공그 외localStorage 에 비해 속도가 느림(Trade-Off)사용자가 수동으로 삭제하지 않는 이상 데이터가 계속 남아있음사용법..

// html // css ( 숫자입력시 type=password 처럼 변형 시키는 css ) input[type=numeric] { -webkit-text-security:disc; }

[예제] .file_input_textbox { float:left; height:29px; } .file_input_div { position:relative; width:80px; height:36px; overflow:hidden; } .file_input_img_btn { padding:0 0 0 5px; } .file_input_hidden { font-size:29px; position:absolute; right:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer; } ​ 원리를 설명 하자면 텍스트 박스, 첨부파일 박스를 각각 따로두고 참부파일의 찾아보기 그 버튼의 opac..

HTML5 image Access html 4.01

HTML5 Mobile Device Camera Access ex )

태그에 accept 라는 속성으로 사용자가 첨부하려는 파일을 특정지을 수 있다. ex) gif 라는 속성을 주면 파일선택시에 git 파일마 보여지게 한다. 사용방법은 input 태그에 accept 속성만 주면되고. 속성의 값으로 사용 할 수 있는 방법은 특정 확장자를 지정하거나 미디어 타입을 지정하는 방법 또는 audio/*, video/*, image/* 형식의로 정의 할 수 있다. 파일 확장자로 지정하는 것은 .gif, .jpg, .png 와 같이 나열 하면 된다. 구분은 ,(콤마)로 하면된다. 1 audio/* 은 모든 오디오 파일을 보여준다. video/* 은 모든 비디오 파일을 보여준다. image/* 은 모든 이미지 파일을 보여준다. 오디오, 비디오, 이미지 파일의 범위는 사용자 PC의 설정에..

코드실행 결과(콘솔창) void(0); // 입력결과는 아래 undefined 사용하는 이유 ​이유는 undefined를 얻기 위함이다. 즉 링크가 정상적으로 동작하지 않게 만들기 위해서이다.​ ( = a href="#" ) // #을 이용하여도 같은 방식이다.

아래와 같은 코드가 있다. 테스트1 테스트2 테스트3 function test.TestFunction(id, selectVal) { console.log('id: ' + id); console.log('selectVal: ' + selectVal); } 여기서 onChange기능에 test.testFunction 함수를 사용하여 선택한 select box의 값을 해당 함수의 매개변수로 전달하려고 한다. 그러기 위해선 this.value 함수를 사용하여 전달하면 된다.

HTML5에서는 클라이언트측에 저장하는 2개의 객체를 제공한다. 하나의 세션 단위로 데이터를 저장하는 SessionStorage와 만료 기간이 없는 LocalStorage가 있다. 사용법은 아래 코드를 참고하자.- LocalStorage ``` localStorage.setItem('foo', 'bar'); localStorage.getItem('foo'); // "bar"를 출력 localStorage.removeItem('foo'); // "foo" 키를 지운다. localStorage.clear(); // 모두 지운다. localStorage.length; // 저장된 키의 개수 localStorage.key('bar'); // "foo"를 출력 -> 즉, 값으로 키를 찾음 ``` - Session..