일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- javascript
- IntelliJ
- ubuntu
- elasticsearch
- db
- Oracle
- tool
- 요리
- 맛집
- Design Patterns
- laravel
- Spring Batch
- jsp
- it
- springboot
- linux
- MySQL
- AWS
- jenkins
- JVM
- ReactJS
- Gradle
- Spring Boot
- Git
- devops
- Spring
- Web Server
- java
- php
- redis
- Today
- Total
목록html (8)
아무거나
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 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 함수를 사용하여 전달하면 된다.
회원가입을 할 때 가입폼에서 패스워드 정책이나 아이디 가입정책등이 필요한 경우가 있다. 이 경우 자바스크립트로 구현한 소스를 참고하자. [HTML] [스크립트]var login = { init: function () { }, noSpaceCheck: function (obj) { var str_space = /\s/; if(str_space.exec(obj.value)) { alert("해당 항목에는 공백을 사용할수 없습니다.\n\n공백은 자동적으로 제거 됩니다."); obj.focus(); obj.value = obj.value.replace(' ',''); return false; } }, memberReg: function () { var loginId = $('#loginId').val(); va..