javascript 12 페이지

javascript

전체 96건 12 페이지

NVM(Node Version Manager) 이용한 NodeJS 설치방법

nodejs 현재 안정적인 버전이 뭔지 알아보기https://nodejs.org/ko/#sudo yum install gcc-c++ makehttps://github.com/nvm-sh/nvmcurl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash/etc/bashrc 파일 최 하단에 아래를 추가해 준다.export NVM_DIR="$HOME/.nvm"[ -s …
요소 셀렉터(ID)값을 변경 하는 방법

● 속성 값 변경 하기$clone.$('#invo99').attr("id", "newID");$('#'+cidname).attr("id", cidname + '_new');console.log('변경확인: ', document.getElementById(cidname + '_new'));위와 같이 요소 셀렉터(ID)값을 변경 하는 방법이 있는데요. 변수를 사용해서 동적으로 변경이 가능 합니다.여기서 주의할것은 위에 id 라고 되어 있는것은 상수…
데이터를 시각적으로 보여주는 라이브러리

D3.js 는 데이터를 시각적으로 보여주기 위한 JavaScript 라이브러리입니다. D3 는 HTML, SVG 및 CSS를 사용하여 데이터에 생명을 불어넣는 데 도움이 됩니다. 웹 표준에 대한 D3의 강조는 강력한 시각화 구성 요소와 DOM 조작에 대한 데이터 중심 접근 방식을 결합하여 독점 프레임워크를 유연하게 최신 브라우저에 모든 기능을 제공합니다.● 데이터를 시각적으로 보여주는 라이브러리 사이트https://d3js.org/
jQuery 여러개의 박스 겹치지 않게 만들기

id 값을 다르게 하여 만드는 샘플 입니다.jQuery 여러개의 박스 겹치지 않게 만들기 할때 글로벌 변수를 하나 생성하고 이 값을 만들때 마다 변경하는 방식을 사용하여 서로 다른 선택자가 되게 생성을 하는 방식 입니다.<!DOCTYPE html><head> <meta charset="UTF-8"> <title>여러개 만들기</title> <link rel="styles…
jQuery 이미지 리사이즈(resize) 샘플

이미지 리사이즈 샘플 입니다.특이점은 이미지를 직접 resize 하는 것이 아니라 밖에 감싸고 있는 div를 이용해서 리사이즈 하면서 크기가 변경 되면 실시간으로 img 태그의 이미지의 크기를 변경 처리 합니다.이미지 resize 시작할때와 마무리(멈춤 - 끝났을때) 테두리를 변경해 줍니다.<!DOCTYPE html><head> <meta charset="UTF-8"> <title>apply…
jQuery 이미지를 마우스 드레그(draggable) 하는 샘플

테스트 할때 잘 발생하는 문제는 버전이 서로 맞지 않아서 생기는 문제 입니다.샘플도 중요하지만 각 프러그인에 서로 호환되는 버전을 사용 했는지 jQuery 사이트에서 확인하는 습관이 중요 합니다.아래는 간단하게 마우스 드레그 하는 샘플 입니다. 아래 예제의 특징은 이미지를 움직이는데 이미지를 직접 움직이는 것이 아니라 밖에 감싸고 있는 DIV를 사용 한다는 것입니다.<!DOCTYPE html><head> <met…
하위 노드,요소(엘리먼트) 전체 확인하여 ID값 출력하기

간혹 특정 ID(선택자)에 속한(하위) 전체를 확인하고 싶을 때가 있습니다.동적으로 생성되는 경우 더더욱 그렇습니다.<script>function getNextNodesIn(node, includeWhitespaceNodes){ var textNodes = [], nonWhitespaceMatcher = /\S/; function getNextNodes(node) { /* 1: 요소-엘리먼트 2: 속성 …

게시물 검색