index.html

let list = [0, 1, 2, 3, 4, 5, 6]; for(let newlist of list){ console.log(newlist) // 0 부터 6까지가 순차적으로 찍힌다. } for of 문의 기본 구성은 for(variable(저장할변수) of iterable(반복할수있는 객체)){할일} 반복할 수 있는 대상(객체)을 반복하며 새로운 변수에 저장한다. let list = [0, 1, 2, 3, 4, 5, 6]; let newlist for(lnewlist of list){ //꼭 이 안에서 새로운 변수를 선언하지 않아도 미리 선언해놓은 변수를 가져다가 variable 자리에 놓을 수 있다. console.log(newlist) }

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을 찍어준다. 일..