코딩애플

로그인하세요 전송 닫기 Navbar An item A second item A third item A fourth item And a fifth one Shirts on Sale 로그인 번외 태그에서 발생하는 이벤트들이 있습니다. input이벤트와 change 이벤트인데 안에 뭔가 입력할 때 발생합니다. 내용을 입력할때나 변화가 생길때 쓸수 있는 이벤트리스너입니다 document.getElementById('email').addEventListener('input', function(){ console.log('안녕') }); document.getElementById('email').addEventListener('change', function(){ console.log('안녕') });

async / await async / await 는 프로미스 대신 요긴하게 쓸수 있다 async 를 function 앞에 붙이면 함수 실행후에 Promise 오브젝트가 남습니다 같이 쓰이는 await는 프로미스가 성공할때까지 기다려주며, 항상 async 함수 안에서만 씁니다 async function 더하기(){ //new Promise()어쩌구~ 디자인 안해도 'async'를 함수 앞에 붙이면 함수가 프로미스기능 return 1+1; } 더하기().then(function(결과){ //.then()사용가능! 왜? async 함수가 있으면 프로미스를 뱉어내니까 console.log(결과) }) // async 는 성공만 판정가능 //return Promise.reject() 실패판정하면, 에러를 일으킴..

Promise() 프로미스 = 성공/실패 판정기계! -3가지 상태- 성공실패 판정전 성공 후엔 실패 후엔 var 프로미스 = new Promise(); 프로미스.then(function(){ }).catch(function(){ }); // 콜백함수와 다르게 '실패시 특정 코드를 실행해주세요~' 가능함 1. Promise기계 안에는 아무거나 다 집어넣을 수 있습니다 var 프로미스 = new Promise(function(성공,실패){ var 어려운연산 = 1+1; 성공(); }); 프로미스.then(function(){ console.log('연산이 성공했습니다') }).catch(function(){ console.log('연산이 실패했습니다') }); //참고로, 연산결과같은걸 then안에서 활용하..

Prototype이란? 자바스크립트에는 constructor(객체 찍어내는 기계)말고도 상속을 해주는 장치가 하나 더 있다! 바로 prototype 이다. 기계를 만들면, 우리가 모르게 prototype 이라는 게 생성된다. function 기계(){ this.name = 'Kim'; this.age = 15; } var 학생1 = new 기계(); var 학생2 = new 기계(); console.log(기계.prototype); '기계.prototype' 은 기계의 부모유전자입니다. 기계.prototype 에 변수나 함수가 들어있다면 기계로부터 생성되는 오브젝트(자식)들은 모두 그것들을 물려받아 쓸 수 있습니다. function 기계(){ this.name = 'Kim'; this.age = 15; ..