index.html

HTML 에서 박스를 하나 만들어준다. JS에서 아래와같이 적어준다. function resultFun(x) { var positionLeft = x.clientX; var positionTop = x.clientY; document.getElementById('result').style.left = positionLeft - 10 + "px"; document.getElementById('result').style.top = positionTop - 10 +"px"; } if (document.addEventListener) { document.addEventListener("mousemove", resultFun); } else if (document.attachEvent) { document.att..

학원 안간날에 배웠더라 필요했던건데 ㅠㅠ 아무튼 서칭으로 알아옴 html 문서에는 위와같이 적어줌 스크립트에는 이렇게 적어줬다. 제이쿼리를 이용하면 편리하게 할 수 있다고 한다. 아래는 data.xml 로 사용한 데이터들이다 kim 30 lee 20 결과는 아래와 같다~ 잘 불러왔다. fine()가 data 안의 person을 찾아서 each로 반복적으로 돌면서 데이터를 가져와서 #target에 데이터를 뿌려준다.

자바스크립트의 class는 es6버전에서 사용할 수 있는 문법이다. 하지만 바벨을 통해 컴파일해서 es6를 지원하지 않는 브라우저에서도 동작하게 할 수 있으므로 걱정하지 않아도 된다고 한다. 1. class의 생성 class Person{ constructor(name, first, second){ this.name = name; this.first = first; this.second = second;} } Person 이라는 class 를 생성하였다. 내부의 constructor 는 객체가 만들어짐과 동시에 실행되는 함수이다. 즉 일반 생성자함수와 동일하게 초기값을 세팅할 수 있게 해준다. 2. class 에서의 method class Person{ constructor(name, first, sec..

프로토타입 동영상을 여러번 돌려 보았지만 알듯 말듯 아리송 하다. 이게 맞는것 같은데 아닌것같기도하고.. 일단 내가 이해한것대로만 정리해보려 한다. function Person(name, first, second){ this.name = name; this.first = first; this.second = second; this.sum = function(){ return this.first+this.second; } } var kim = new Person('kim', 10, 20); var lee = new Person('lee', 10, 10); console.log(kim.sum()) console.log(lee.sum()) ㅇ일단 기존의 생성자 함수(constructor)이다. new Pers..

끄아ㅏㅏㅏ 근데 이걸 어떻게 활용해야 할지 모르겠다 뭔진 알겠는데 뭔지 모르겠어. 그게 모르는건가? 아무튼 어떻게 만드는지 알아보자. var kimobject = { name:"kim", first:20, second:30, sum:function score(){ return kimobject.first+kimobject.second } }; var leeobject = { name:"lee", first:10, second:30, sum:function score(){ return leeobject.first+leeobject.second } }; console.log(kimobject.sum()); console.log(leeobject.sum()); //위와같이 작성하면 50과 40을 찍어준다. 일..

요즘 생활코딩 객체지향을 듣고있는데 너무 어려워서 블로그에 정리해보려고 한다.. 그래도 까먹고 잊어버릴것 같지만 안하는것보단 나을것 같으니.. var object = { name:"kim", first:10, second:30; } console.log(object.name)//"kim" 을 출력함. 오브젝트의 생성은 중괄호 안에 프로퍼티와 값을 넣어주고 호출할때는 객체의 이름.프로퍼티 로 작성해서 호출해 준다. 객체를 이용해서 뭔가를 하고 싶을때 작성하는 방법을 알아보자! var object = { name:"kim", first:20, second:30, sum:function score(){ return object.first+object.second } }; console.log(object.su..