web developer👩🏻‍💻

1. touchEnabled : (navigator.maxTouchPoints > 0) $('.slider').bxSlider({ ... touchEnabled : (navigator.maxTouchPoints > 0), }); 2. touchEnabled : false $('.slider').bxSlider({ ... touchEnabled : false, });

FormData는 단순한 객체가 아닌 XMLHttpRequest 전송을 위해 설계된 특수한 객체 형태라 문자화 할 수 없다. console.log로 확인 불가능. 아래의 방법으로 key value확인 가능. // FormData의 key 확인 for (var key of formData.keys()) { console.log(key); } // FormData의 value 확인 for (var value of formData.values()) { console.log(value); }

com.google.code.gson gson 2.8.6 JsonObject json = new JsonObject(); json.addProperty("url", "/fileupload/"+savedFileName); json.addProperty("responseCode", "success"); json["url"] 이런식으로 값을 출력 할 수 있다. success : function(data) { var json = JSON.parse(data); console.log("json" + json); console.log("json[url]" + json["url"]); console.log("json[responseCode]" + json["responseCode"]); }, error : funct..

tiff.min.js 추가 http://seikichi.github.io/tiff.js/tiff.min.js js 출처 : https://am0900.tistory.com/159

우클릭 방지 contextmenu="return false" 선택 방지 onselectstart="return false" 드래그 방지 ondragstart="return false" 간혹가다 티스토리에 마우스클릭, 드래그, 선택방지 막기가 되어있는 경우가 있다. 이런경우 푸는법도 간단하다. F12(개발자모드) 클릭 후 - 설정 - Debugger - Disable JavaScript 클릭

location.href 전체 URL 문자열 location.protocol 마지막 ':'를 포함한 프로토콜 정보 location.host URL의 호스트 정보 URL에 포트번호가 있으면 ':'과 포트번호를 포함 location.hostname URL의 호스트명 location.port URL의 포트 번호 location.pathname hostname 뒤의 '/'문자 뒤의 경로 location.search '?' 뒤의 쿼리 스트링 참고 : https://hianna.tistory.com/464

* JSON 객체의 parse String -> Object : String 객체를 json 객체로 변환 who, loginVO.getId()는 인자값으로 값이 담겨있다. JSON 객체는 중괄호({})로 둘러쌓아 표현 또한, JSON 객체는 쉼표(,)를 사용하여 여러 프로퍼티를 포함 TextMessage tmpMsg = new TextMessage("{\"code\" : \""+ who +"\", \"id\" : \""+ loginVO.getId() +"\"}"); var msg = JSON.parse(event.data); console.log("msg :::::::::::",msg); * JSON 객체의 stringify Object -> String : json 객체를 String 객체로 변환 wh..

1. oninput 이벤트, 정규식, replace() 함수 활용 oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" 연락처 - - 2. input type "number" 연락처 - - 3. 입력된 keycode 체크하기 function checkNumber(event) { if(event.key === '.' || event.key === '-' || event.key >= 0 && event.key

$('input[name="file_path"]').change(function(){ setImageFromFile(this, '#preview'); }); function setImageFromFile(input, expression) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $(expression).attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } input file 에서 파일이 선택되면 onchange 가 동작 file 객체를 담아서 filereader 를 호출 및 이미지를 계산

[DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq) ​ 태그에 자동완성 기능을 해제하는 autocomplete="off" 추가 ​ autocomplete="off" = 자동완성을 금지한다. * 단, 크롬이나 사파리 등에서 나타나는 [구글/애플/삼성 계정에 이 계정 저장하기]를 통해 저장된 정보는 금지되지 않는다. 이 또한 금지시키려면 아래에 나오는 new-password 값을 사용