적축 기계식 키보드가왔는데 키감이 너무 좋아서 뭔가 코딩을 너무 하고싶었다, 그래서 만들고싶었던걸 한번 만들어 봤는데 이게 되네 싶었다. const moveBox = document.querySelector('div'); let bool = false; let offsetleft; moveBox.addEventListener('mousedown', (e)=>{ moveBox.style.background = "red" let where = e.offsetX; offsetleft = where; bool = true boxmovement(e, where) }) document.addEventListener('mousemove', (e)=>{ if(bool){ offsetleft boxmovement(e, ..
document.addEventListner('mousemove', function(e){ let mouseLocated = e.clientX; console.log(mouseLocated) }) ㄱ위 이벤트는 마우스가 움직일때마다 마우스의 X좌표값을 mouseLocated 에 저장하고 콘솔로그로 그 값을 확인 할 수 있는 이벤트이다. 여기서 너무 궁금했던게, 보통 function하고 뒤에 매개변수를 주면 함수를 호출할때 알규먼트로 대입을해서 사용했는데(아래와같이) function sum(a,b){ console.log(a + b) } sum(3, 2) // 5 이게 이벤트로 들어가면 파라미터 자리에 e가 무슨 역할을 하는지 당최 모르겠는거였다. 따로 알규먼트를 안줬는데 저게 실행되니까.. 그래서 생활코..
var kim = {name:'kim', first:10, second:20} var lee = {name:'lee', first:10, second:10} function sum(){ return this.first+this.second } //sum.call(); //이렇게만 작성하면 sum이라는 함수를 실행시켜주는것이랑 같음.( sum(); ) console.log(sum.call(kim)); //call(kim)이라고 작성해줌에 따라서 this는 kim이 됨. // 만약 parameter가 있다면? function sump(prefix){ return prefix+(this.first+this.second) } console.log(sump.call(kim, "합계 = > ")) //결과는 합계 ..
1. __proto__ var superObj = {superVal:'super'} var subObj = {subVal:'sub'} subObj.__proto__ = superObj; //__proto__ 로 sub가 super의 자식이라고 지정해줌. console.log(subObj.subVal) console.log(subObj.superVal) subObj.superVal = 'sub' console.log(superObj.superVal) //객체 자체를 바꾼것일 뿐 proto를 바꾼건 아니기때문에 부모의 객체는 그대로임. ㄱ객체를 다른객체의 자식으로 만드는? 원형을 가지게 하는 방법으로 __proto__가 있다. subObj 의 __proto__로 superObj 를 지정함으로써 sub가 su..
a b 이건 뭐냐 a가 b보다 같거나 크다. 가 아니라 함수랜다!!!!!!!!!!!!!!!!!!! //기존 문법 function aa(c, d){ return c + d } console.log(aa(2, 3)) // 5를 반환 아래와 같이도 쓸 수 있다. //기존 문법 var aa = function(c, d){ return c + d } console.log(aa(2, 3)) // 똑같이 5를 반환 아래는 화살표함수를 사용해본것 //기존 문법 var aa = (c, d) => c + d; console.log(aa(2, 3)) // 똑같이 5를 반환 와 쯘다.. https://youtu.be/uhS3Z-oQrbk