개발자의 끄적끄적

[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

[javascript & jquery] vimeo.js 비메오 동영상 플레이어 [링크] 프로젝트 요구사항중 vimeo 동영상을 연동하고 컨트롤 해야하는 이슈가 발생해서.. 한참을 찾던중 그럭저럭 해결이 된듯해서 참고들 하시라고 링크 2개 올릴께요! 1. VIMEO 공식 사이트 https://vimeo.com/ko Vimeo: HD 및 4K 동영상을 광고 없이 시청, 업로드 및 공유 웹에서 가장 풍부한 지원을 제공하는 창작가 커뮤니티와 함께하여 광고 없는 멋진 HD 및 4K 동영상을 호스팅, 공유 및 스트리밍할 수 있는 고품질 도구들을 만나보세요. vimeo.com 2. VIMEO API 및 Javascript 사이트 https://github.com/vimeo/player.js/ vimeo/player...