mobssie

여러가지 아코디언액션을 적용하는 방법이 잇는데 CSS 클래스로 컨트롤 하는 방식이 가장 좋은 방법인 것 같다. [html] onclick="toggleClass( this.parentNode, 'fold')" 클릭시 부모에 fold라는 클래스를 토글하고 싶을때 (추가/제거) this에 parentNode 붙여준다. [vanilla javascript] // 아코디언 var toggleClass = function (element, tClass) { tClass = tClass.replace(/\s/g, ""); var classes = element.className; element.className = classes.indexOf(tClass) !== -1 ? classes.replace(" " + t..

Array.prototype.slice.call 이해하기 우선,slice() 메서드는 어떤 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열객체로 반환한다. (원본 배열은 수정되지 않는다.)Array는 new Array()에서 새 배열을 만드는 객체이다. Array는 프로토타입에 모든 원시 배열 메서드가 있는 객체.이러한 새로운 배열에는 slice와 같은 메서드와 속성이 전달되며, 이러한 메서드는 [Class].prototype 개체에 저장된다. var arr = new Array(); Array으로 인스턴스를 만든다. 이것은 기본적으로 arr 객체가 프로토타입 체인에 Array의 프로토타입을 추가한다는 것을 의미한다. 인스턴스를 만드는 대신 Array 프로토타입에서 's..

Node.js as a File Server Node.js file system module을 사용하면 컴퓨터의 파일 시스템을 사용하여 작업 할 수 있다. 파일 시스템 모듈을 포함하려면 require() 을 사용할 것. var fs = require('fs'); - fs는 file system의 약자 파일 시스템 모듈의 일반적인 사용 : 파일 읽기 파일 만들기 파일 업데이트 파일 삭제 파일 이름 바꾸기 [파일 읽기] fs.readFile()방법은 컴퓨터 파일을 읽는데 사용된다. Node.js와 같은 폴더에 HTML 예시 demofile.html My Header My paragraph. HTML 파일을 읽고, 내용을 반환하는 Node.js 파일 만들기 var http = require('http');va..

[vanilla javascript] 기초이미지 찾아서 경로 바꾸기 if (document.getElementById('imgThumb').getAttribute('src') == "pictures/imgThumb.png") 배열에 SRC 값을 추출 해서 넣기 var imgFind = function(){ var imgs = document.getElementsByTagName("img"); var imgSrcs = []; for (var i = 0; i