TIL150 비동기, 서버요청, this 비동기, 서버 요청, this 등의 JavaScript 심화 개념을 익힙니다. 이제 막 초보 개발자의 기준에서 "심화"일 뿐이지, 개발자가 되기 위해서는 반드시 알아두어야 할 중요한 개념이니 꼭 익혀두세요. this, 함수 메소드의 경우에는 JavaScript를 좀 더 깊에 알고 싶은 사람들에게 도움이 됩니다. 과제 진행이 빠른 경우, 해당 부분도 확인 후 공부해보세요. Achievement Goals Review: 함수형 프로그래밍의 특징을 이해할 수 있다 함수를 인자로 넘기는 방법에 대해 이해할 수 있다. callback 이라는 용어에 대해 이해할 수 있다. callback을 실행하는 함수를 만들 수 있다. 비동기 호출 비동기 호출의 code 패턴을 작성할 수 있다 setTimeout 등의 비동기 호.. 2020. 2. 23. createElement, instance in JS const image = new Image(); This creates a new Image Instance in JavaScript. It is functionally equivalent to document.createElement('img') => const image = document.createElement("img") const IMG_NUMBER = 4 const number = Math.floor(Math.random() * IMG_NUMBER); Math. random ( ) => 0부터 시작한다. image.src = `images/${imgNumber + 1}.jpeg`; => 0부터 시작해서 (0, 1, 2, 3) + 1 해서 데이터를 불러온다. 2020. 2. 18. event.target VS event.currentTarget *event.target ( 해당 element. ) event.target은 이벤트 버블링 최말단 요소 반환: 클릭된 요소를 기준으로 사용하는 경우 사용 *event.currentTarget ( 상단 element. 이벤트가 바인딩된 요소 반환) /* 1 2 test 3 4 function checkTarget(event) { 5 console.log(event.target); 6 console.log(event.currentTarget은); 7 } */ span을 클릭 했을때 target은 span을 currentTarget은 div를 출력 한다. http://wiki.simuruk.com/index.php/javascript_event.target%EC%99%80_event.currentTarget.. 2020. 2. 17. prev 1 2 3 4 5 6 ··· 50 next