일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- jvm
- spring file download for path
- spring
- docker
- SpringBoot
- url 파일 다운로드
- docker 설치
- CentOS6
- java8
- memcached
- JavaScript
- k6 gui
- grafana 설치
- 도커
- Java21
- k6 granafa influxdb
- spring file download for url
- spring boot
- grafana local
- 그라파나 설치
- java 버전별
- Java
- java file download for url
- java9
- MySQL
- java file download for path
- windows grafana 설치
- 리눅스
- grafana windows
- React
- Today
- Total
목록2. JS (88)
개발자의 길
쿼리 변환 상단에 변환할 쿼리입력 하단에 변환할 StringBuffer 변수 넣어서 변환 소스 ------------------------------------------------------------------------------------------
test 변환(유니코드 -> 한글) 변환(한글 -> 유니코드) 소스 -------------------------------------------------------------------------------------------------------------------------변환(유니코드 -> 한글) 변환(한글 -> 유니코드)
익스플로러 11 : Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; InfoPath.3; rv:11.0) like Gecko 익스플로러 edge : Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586 크롬 : Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chr..
브라우저에서 개발자 모드(F12)로 볼 때, 로그 찍는 방법이다. var console = window.console || {log:function(){}}; console.log("로그!!!");
보통 $("#aaaa").click(function(){ --실행 )}; or $("#aaaa").bind("click",function(){ --실행 )}; or $("#aaaa").on("click",function(){ --실행 )}; 을 많이 쓰는데, 스크립트 상에 innerHTML로 추가된 개체를 접근하는 경우는 위에 이벤트로 접근이 안된다. html이 로딩 후에, 변경 추가 된 태그에 이벤트를 걸 경우는 $(document).on("click","#aaaa",function(){ --실행 )}; 으로 접근 해야 제대로 된다.
jquery 의 셀렉터 접근 시에, 아이디나 name 이 유동적일 때, 접근하는 방법 $("input[name='aaa']") =>'aaa' 란 name 접근 $("input[name^='aaa']") =>'aaa' 로 시작하는 name 접근 DB에서 like 'aaa%' 와 동일 $("input[name*='aaa']") =>'aaa' 가 포함된 name 접근 DB에서 like '%aaa%' 와 동일 $("input[name$='aaa']") =>'aaa' 로 끝나는 name 접근 DB에서 like '%aaa' 와 동일 생각보다 유용하다. 여러개의 name을 접근할때 많이 쓰고, 유동적인 ID일 경우 $("input[id^='aaa']") 로 많이 쓴다. ID 뒷부분에 유동적인 key 값을 많이 붙이는..
앵귤러(Angular) JS 입문 요즘 2013년도부터 이슈인 앵귤러(Angular)JS에 대하여 공부해보자 (공부한 앵귤러JS는 버전 1.X기준으로 작성되었다. 2.X부터 많은 변화를 겪는다고 들었는데 그 부분은 나중에 추가적으로 덧붙이도록 할 예정이다.) 먼저 앵귤러(Angular)JS란 구글이 개발한 클라이언트 측 프레임워크이다. 압축된 제이쿼리(jQuery)라이브러리와 마찬가지로 자바스크립트로 작성된 프레이워크다. 본질적으로 앵귤러 JS를 사용하는 이유는 잘 설계된 좋은 구조의 웹 페이지와 애플리케이션을 구현할 수 있는 프레임워크를 제공하자는 것이 앵귤러 JS의 기원이다. 앵귤러 JS와 유사한 자바스크립트 프레임워크로는 BackBond.js, Ember. Meteor 등과 있으나 현재 앵귤러JS는..
username /^[a-z0-9_-]{3,16}$/ Match되는 스트링 : my-us3r_n4m3 Match되지 않는 문자열 : th1s1s-wayt00_l0ngt0beausername (너무 김) password /^[a-z0-9_-]{6,18}$/ Match되는 스트링 : myp4ssw0rd Match되지 않는 문자열 : mypa$$w0rd (달러($)표시가 포함되어 있음) hex value /^#?([a-f0-9]{6}|[a-f0-9]{3})$/ Match되는 스트링 : #a3c113 Match되지 않는 문자열 : #4d82h4 (h 가 포함되어 있음) slug /^[a-z0-9-]+$/ Match되는 스트링 : my-title-here Match되지 않는 문자열 : my_title_here (..
.attr() .prop() 왜 나누어졌는가 jQuery 1.6/1.6.1에서 무었이 있었나? .attr()에서 같이 하던 처리를 .attr()와 .prop()로 나누었다 그래서 지금까지 움직였던게 움직이지않아 다시 수정하였다지금까지 .attr()만으로 가능하던 처리를 버전1.6의 업데이트로 인하여 .attr()과 .prop()으로 나누어졌습니다. 버전업을 하면 그대로 움직이는 코드도있고 움직이지않는 코드가 있어 많은 혼란이 발생합니다. 많은 혼란으로 결국 버전업데이트 1.6.1에서 .attr()을 예전처럼 움직일수있도록 다시수정되었습니다. 왜 .attr()을 .prop()으로 나누었는가? 원래 따로해야할 문제였다. 같이 사용하는 문제로 버그가 많아져버렸다.이건 jQuery개발자의 사정입니다. 원래Jav..
textarea 에서 글자수를 제한할 일이 생겼다. 그런데 해당 내용이 submit() 할 때 체크하는 것이 아니라, 사용자의 입력에 따라 계속 체크되어야 한다. 그래서.. 로 onKeyUp 이벤트를 잡아본다. 사용자가 입력할 때마다 체크하겠다는 얘기다. 그리고 자바스크립트로 function checkLength(comment) { if (comment.value.length > 10 ) { comment.value = comment.value.substring(0, 10); return false; } } 10자까지 입력받고, 11자를 입력하면 마지막 글자가 삭제되면서 10자로 고정 시켜 함수이다. 이렇게 만들었더니.. 영문과 숫자, 특수문자에서는 잘 동작한다. 그랬는데, 문제가 있다. 한글에서 11번..