본문 바로가기

전체 글111

node.js와 npm이란? npm이란? 제이쿼리,bxslider,fontawsome등 라이브러리를 사용할 때 cdn을 이용해서 라이브러리를 가져오곤했었다. 하지만 npm을 이용하면 라이브러리를 다운로드 받기 위해 해당 웹사이트에 방문할 필요 없이 설치 및 관리해주는 프로그램이다. npm을 이용하기 위해서는 node.js를 다운받아야한다. https://www.youtube.com/watch?v=c7RJw701nSg 2021. 11. 8.
마우스클릭,엔터 두개에 이벤트 달기 dd input과 button 엘리먼트를 가져온다. focus()메서드를 사용해서 input에 포커스가 가게 만든다. input에 keydown이벤트를 설정한다.(엔터를 누르면 버튼을 클릭해버리는 기능) click()메서드로 인해 엔터를 눌러도 마치 클릭을 한것처럼 동작하니까 클릭이벤트가 실행된다. 2021. 11. 3.
객체지향 프로그래밍 - 객체와함수,call,bind Call() 과 bind() 를 사용해서 평범한 함수를 객체의 메소드로 사용할 수 있다. call() 메소드로 쓸 함수.call(호출에 제공되는 this의 값,인자1,인자2,..) var kim = {name:'kim', first:10, second:20} var lee = {name:'lee', first:10, second:10} function sum(prefix){ return prefix+(this.first+this.second); } //sum()에 쓰일 this값은 kim console.log("sum.call(kim)", sum.call(kim, '=> ')); // 결과 : sum.call(kim)=>30 //sum()에 쓰일 this값은 lee console.log("lee.call.. 2021. 10. 25.
객체지향 프로그래밍 - __proto__ 와 Object.create() __proto__ 라는 프로퍼티를 사용해서 부모객체를 설정할 수 있다. 객체.__proto__=설정할 부모객체 또한 Object.create() 라는 프로퍼티를 사용해서 부모객체를 설정할 수 있다. var 객체명 = Object.create(설정할 부모객체) 하지만, __proto__보다는 Object.create()를 사용해서 객체와 객체간의 상속관계(proto link)를 지정해 주는것이 더 좋은 방법이라고 한다. https://youtu.be/d38gsOZKoVY 이 부분 모르겠다.. 생성자함수가 있을 때 사용되는 prototype을 프로토타입 오브젝트라고 하고 __proto__ 와 Object.create() 는 프로토타입 링크라고 하는데 Prototype Link 와 Prototype Objec.. 2021. 10. 25.

티스토리툴바