용테크

주기적으로 이미지가 바뀌는 기능을 setInterval 로 처리를 하였더니 다른탭에서 작업 후 다시 해당화면으로 돌아왔을때 쌓아두었던 스택이 한번에 처리되는 현상을 발견하였다.(1번탭에서 setInterval로 주기적으로 이미지를 호출하다가 다른 탭으로 이동하여 작업 후, 다시 1번탭으로 돌아왔을 때, 이미지가 정해진 주기에 따라 바뀌는것이 아닌, 이제까지 쌓여놓았던 스택을 한번에 호출하는 바람에 이미지가 클럽마냥 반짝거리면서 호출됨) 해당 현상을 window.addEventListener('focus'), window.addEventListener('blur') 이벤트를 사용하여 해결하였다. Focus를 준 화면에 접근하였을 때 window.addEventListener('focus', function..

포탈 개발중 댓글기능이 필요하다는 요구사항에따라 화면내 댓글기능 개발.. 이미 어느정도 화면이 개발된 후 댓글기능이 추가되는 상황이라 별도의 HTML 파일을 사용하지않고 js 소스 안에 html5 문법을 작성하여 JQuery로 붙여넣는 방식을 사용하였다. 댓글의 입력 혹은 삭제시 댓글 입력 양식의 height값이 총 댓글의 개수에 따라 정해진다. Table 구조는 REPLYID,SEQ가 PK이며, SEQ가 0이면 부모 댓글(최상위 댓글), 아니면 자식 댓글(대댓글)로 구분한다. 댓글 기능(댓글 등록, 수정, 삭제, 대댓글) function initComment() { var commentEmpty = $('div[ux-name="commentEmpty"]'); var comment = $this.find..

매번 까먹고 다시 검색하는 Javascript replace, replaceAll [replace] var atr = "a,b,c,d"; str.replace(',','-'); //결과 : a-b,c,d : 처음으로 나온','만 치환된다 [replaceAll] 자바스크립트에서 replaceAll은 없다. 정규식을 이용하여 대상 스트링에서 전체 부분을 치환해주자. str = "a,b,c,d"; str.replace(/,/gi, "-"); //결과 : a-b-c-d [정규식의 gi 설명] g : 발생할 모든 pattern에 대한 전역 검색 i : 대/소문자 구분 안함 m: 여러 줄 검색

프로젝트에서 사용했던 Kendo Chart의 hover이벤트를 직접 만들어보았다. hover 되었을 때, 그리드의 x,y좌표를 계산하여 두 좌표가 교차되어 만날 수 있도록 특정 색으로 focus를 주고 hidden처리되어있는 div요소에 데이터를 바인딩 후 display 하는 기능이다. 프로젝트 오픈이 얼마 남지 않은 시점에서 해당 기능을 개발한 터라 하드코딩 요소도 들어가 있고 이것저것 엉망일 테지만, 추후 다시 사용할 일이 있을 수도 있으니.. 정리해둔다. function matrixGridInit(data) { var mgTarget = $('.bmp-idea-main-matrix-grid td'); var lsite; var tsite; mgTarget.hover(function(e) { if (..

var는 function-scoped이고, let, const는 block-scoped이다. var(function-scoped) // var는 function-scope이기 때문에 for문이 끝난다음에 i를 호출하면 값이 출력이 잘 된다. // 이건 var가 hoisting이 되었기 때문이다. for(var j=0; j

Javascript는 웹 페이지의 복잡한 것들을 구현할 수 있는 프로그래밍 언어입니다. 웹페이지는 단순히 변하지 않고 정적인 정보들만 보여주는 것 이상의 일을 합니다. 시간의 흐름에 따라 업데이트 되는 콘텐츠, 동적인 지도와 움직이는 2D/3D 그래픽, 또는 스크롤 가능한 비디오 쥬크박스들과 여러 가지들을 보여줍니다. Javascript는 객체(object) 기반의 스크립트 언어입니다. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있습니다. 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있습니다.현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 ..