본문 바로가기

프론트엔드5

자바스크립트 콜백 Callback함수 알아보기 CallBack 함수란? 다른 함수에 전달되는 함수를 이야기한다. 결국, 나중에 실행된다? 어떤 이벤트가 발생했거나 특정 시점에 도달하였을때, 시스템에서 호출하는 함수를 말한다. 즉, 콜백함수는 콜백함수라는 유니크한 문법적 특징을 가지고 있는것이 아니라, 호출방식에 의한 구분이다. 대표적인 콜백함수의 사용예로는 자바스크립트에서 이벤트 핸들러 처리이다. 버튼1 Html에 onclick에 button1_click 함수는 브라우저의 javascript API 에서 DOM 이벤트 핸들러에 전달 (등록) 되고, 해당 버튼에 클릭이벤트가 발생하였을테 이벤트 핸들러가 콜백함수를 호출한다. Callback을 활용한 비동기적 프로그래밍 Callback 함수를 사용하는 이유는, 자바스크립트에서 비동기적 프로그랭을 할수 있.. 2022. 3. 6.
비동기 처리의 시작 콜백 이해하기 callback.js 'use strict' //Synchronous callback function printImmediately(print){ print(); } //Asynchronous callback function printWithDelay(print, timeout) { setTimeout(print, timeout); } //JavaScript is synchronouse. //Execute the code block by orger after hoisting. //hoisting: var, funcition declaration console.log('1'); setTimeout(() => console.log('2'), 1000); //console.log('2'); console.lo.. 2021. 12. 7.
자바스크립트 배열 개념과 APIs 'use strict' //Array //1.Declaration const arr1 =new Array(); const arr2 =[1,2]; //2.Index position const fruits = ['🍎','🍌']; console.log(fruits); console.log(fruits.length); console.log(fruits[0]); console.log(fruits[1]); console.log(fruits[2]); console.log(fruits[fruits.length-1]); //3.looping over an array //print all fruits //a.for for(let i =0; i fruits.forEach((fruit) => console.log(fruit).. 2021. 12. 7.
특수 문자 용어 그레이브,백틱 Backtick, Grave : ` 틸드,물결 표시 Tilde : ~ 엑스클러메인션, 느낌표 Exclamation Mark : ! At sign, 앳 골뱅이 : @ sharp, Number sign 우물정 : # Caret 캐럿 : ^ 엠퍼센트 Ampersand : & Asterisk 에스터리스크, 별표 : * Hyphen, Dash 하이픈, 대시, 마이너스 : - Undersore, Low dash 언더스코어, 로대시, 밑줄 : _ Quotation mark 퀘테이션, 큰 따옴표 : " Apostrophe 아포스트로피, 작은 따옴표: ' colon 콜론 : : Semicolon 세미콜론 : ; Vertical bar : | Parenthesis 퍼렌서시스, 소괄호: ( ) Brace 브레.. 2021. 9. 28.

티스토리툴바