개발자의 끄적끄적

[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...

[javascript & jquery] swiper - index 설정 [펌] >> swiper 해당 index를 처음에 보여지고 싶다 - class값으로 처리함 ** test http://unida.co.kr/html_mobile/election_news_main.html var swiper = new Swiper('.sec_region_swiper', { scrollbar: { el: '.swiper-scrollbar', hide: true }, slidesPerView: 7, spaceBetween: 5, //centeredSlides: true, freeMode: true }); swiper.slideTo(getSlideIndexByClass('on')); function getSlideIndex..

[javascript & jquery] input에 입력 후 enter쳐서 submit하기 [펌] 별거 아닌거 같지만 ㅎㅎ 개발할때 항상 엔터쳐서 검색되거나 로그인되게 해달라는 요청이 기본적입니다 ㅎㅎ 그럴때 수정해서 쓰시면 되는 코드를 공유하고자 퍼왔습니다! 출처는 맨 아래 명시했습니다! 참고들하세용!! input 박스가 하나일경우 submit 버튼을 마우스로 클릭하지 않고 enter를 쳐도 submit버튼을 누른 효과를 낼 수 있다. 하지만 input창이 2개 이상이 되었을 경우Enter효과는 먹히지 않는다. 요번엔 ID와 PW찾는 페이지를 수정하면서 input이 2개이상있는 페이지를 만들었는데 마케팅팀에서 input창에 텍스트 입력후 enter로 안간다고 귀찮으니깐Enter로 넘어갈수 있도록 수정해..

[javascript] 누구나 한 번쯤은 띄워본 JavaScript 에러 TOP 10 [펌] 오늘도 역시나 프로젝트 진행중 javascript 에러가 발생해서 검색하던 중 너무 공감가고 유용한 정보라고 생각되는 글이 있어서 쭉 읽어보고 퍼왔습니다! 출처는 맨 아래 남겨놨습니다!! 참고들 하세요!! 안녕하세요 Meeta 매니저 아몬드🤴입니다. 오늘은 해외의 서비스 기술블로그에서 JavaScript와 관련된 재밌는 글이 있어서 직접 번역해봤습니다. JavaScript 개발자라면 흥미롭게 읽어보실 수 있을 것 같습니다!!! * 이 글은 Rollbar의 기술블로그에 포스팅된 글을 번역한 글입니다. (https://rollbar.com/blog/top-10-javascript-errors/) 커뮤니티의 개발자들에..