개발자의 끄적끄적

[JQuery] 요소(element) 찾기[펌] Id, name, class로 찾기 // id로 접근시 $("#id") $("#form_id") // class로 접근시 $(".class") $(".section") // name으로 접근시 $("tag_name[name=name]") $("input[name=search_value]") => 태그이름 뒤 대괄호안에 [ ] 태그가 갖고있는 속성을 명시해서 엘리먼트를 찾을 수 있다. => name뿐아니라 $("input[value='TEST']") 이런식도 가능하다. // tag이름으로 접근시 $("tag_name") $("input") 그렇다면 특정 폼안에 있는 요스를 찾고싶을 땐? $('#form [name="param"]').val(); // sele..

[javascript] 팝업창에서 부모창의 함수 호출 방법 자식창 스크립트 function aaa() { opener.view_alert(); } 부모창 스크립트 function view_alert() { alert('test'); }

[javascript & jquery] array.pop() 사용법 pop() 메서드는 배열에서 마지막 요소를 제거하고 그 요소를 반환합니다. const plants = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato']; console.log(plants.pop()); // expected output: "tomato" console.log(plants); // expected output: Array ["broccoli", "cauliflower", "cabbage", "kale"] plants.pop(); console.log(plants); // expected output: Array ["broccoli", "cauliflower", "cabba..

[javascript] foreach 반복문 const array1 = ['a', 'b', 'c']; array1.forEach(element => console.log(element)); // expected output: "a" // expected output: "b" // expected output: "c" 출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

[javascript] childElementCount 프로퍼티 예제보기 [펌] 만약 아래와 같은 div 엘리먼트가 존재하는 경우 자식 요소의 전체 개수를 구할 수 있겠죠. web is all free 이제 자바스크립트로 개수를 콘솔 영역에 출력해볼까요? var ele = document.getElementById('myTest'); var eleCount = ele.childElementCount; console.log(eleCount); 코드를 실행하면 아래와 같이 출력됩니다. 3 // 자식의 총 개수가 출력 간단하죠? 여기서 두 번째 span태그에서는 b라는 태그가 안에 있지만 자식의 자식 요소가 포함되지는 않으므로 알아두시기 바랍니다. 작 바로 아래의 자식요소의 개수만 반환합니다. ! 브라우저 호..

[javascript / java] JS(자바스크립트) 에서 JSP 변수 사용하기 [펌] Spring + JSP로 개발을 하다보면 Spring의 ModelAndView 에서 전달 받은 Attribute와 JSP 변수를 자바스크립트에서 사용해야 되는 경우가 있습니다. 이 경우 손쉽게 자바스크립트에서 JSP 변수와 Spring의 ModelAndView 에서 전달받은 Attribute를 사용할 수 있습니다. 사용 방법은 첫번째- 자바스크립트에서 Spring ModelAndView의 Attribute를 사용하는 방법 var text = '${helloText}'; or var test = "${helloText}"; (여기서 helloText는 Spring의 ModelAndView 에서 전달해준 Attribut..

[javascript / java] javascript 에서 jstl 사용하기 기본적으로 JSTL은 자바 코드를 다루기에 적합한 커스텀 태그 라이브러리이고 Javascript는 웹 브라우저에서 사용되는 스크립트 프로그래밍 언어이고 내장객체에도 접근이 가능하다는 장점이있다 웹개발을 하다보면 두가지를 같이 써야할상황도 있고 이부분에 헷갈려 하기 쉽다 일단은 두가지를 같이 사용할수있는 예제가 있어서 가져와보았다 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 6..

[javascript & jquery] 동적으로 meta tag (opengraph) 설정하기 [펌] 출처 : http://www.webpaper.kr/show/92