본문 바로가기
반응형

JavaScript58

[JS] 비동기 자바스크립트는 싱글 스레드 언어로서, 하나의 작업만을 동시에 처리할 수 있다. 즉, 자바스크립트는 코드를 위에서 아래로 순차적으로 실행한다. 그런데 웹 개발에서는 네트워크 요청이나 타이머 등의 작업이 필요한 경우가 많은데, 이러한 작업들은 시간이 오래 걸리거나 결과가 불확실하다. 그래서 자바스크립트는 비동기(asynchronous) 방식으로 작업을 처리하는 기법을 제공한다. 비동기란 현재 실행중인 작업을 멈추지 않고 다른 작업을 병렬적으로 수행하는 것을 의미한다. 그래서 여러 작업(task)이 있을 때 비동기적으로 수행하면 작업들을 동시에 한번에 수행할 수 있어 위 사진 처럼 결과적으로 최종 작업 수행이 빠르게 처리되게 된다. 그리고 이러한 비동기 방식으로 작업을 처리하는 방법 중 하나가 바로 콜백(ca.. 2023. 10. 24.
[JS] 콜백 함수 콜백 함수 란? 콜백(Callback) 함수는 간단히 말하면 매개변수로 함수 객체를 전달해서 호출 함수 내에서 매개변수 함수를 실행하는 것 function sayHello(name, callback) { const words = '안녕하세요 내 이름은 ' + name + ' 입니다.'; callback(words); // 매개변수의 함수(콜백 함수) 호출 } sayHello("인파", function printing(name) { console.log(name); // 안녕하세요 내 이름은 인파 입니다. }); 즉, 콜백 함수란 파라미터로 일반적인 변수나 값을 전달하는 것이 아닌 함수 자체를 전달하는 것을 말한다고 보면 된다. 또한 어차피 매개변수에 함수를 전달해 일회용으로 사용하기 때문에 굳이 함수의 .. 2023. 10. 24.
[JS] 즉시실행함수(IIFE) 즉시실행함수 (IIFE, Immediately Invoked Function Expression) : 말그대로 정의되자마자 즉시 실행되는 함수를 말한다. 도대체 이게 뭔소릴까? 모든지 즉시 실행되는데?? 즉시실행함수는 선언과 동시에 호출되어 반환되어 재사용 할 수 없다고 한다. 이게 일반 함수와 즉시실행함수에 가장 큰 차이점 같다. (function () { console.log("IIFE"); })(); // 화살표 함수로도 사용 가능하다 (() => { console.log("IIFE"); })(); 즉시실행함수는 다음과 같이 소괄호(())로 함수를 감싸서 실행하는 문법을 사용한다. 즉시실행함수를 왜 사용할까? : 필요없는 전역 변수의 생성을 줄일 수 있다. 즉시실행함수를 어떻게 활용할까? : 단 한.. 2023. 10. 24.
[JS] 매개변수 패턴 1. 매개변수 고정 function multiply(a, b = 1) { return a*b } multiply(5, 2) // 10 multiply(5) // 5 multiply(5, undefined) // 5 : 여기서 신기한 것은 multiply(5, 2)이다. MFC에서 했을 때는 2는 안 먹고, 1로만 고정됐는데… 2. '…'로 나머지 요소 가져오기 let [name1, name2, ...rest] = ["Julius", "Caesar", "Consul", "of the Roman Republic"] alert(name1) // Julius alert(name2) // Caesar // `rest`는 배열입니다. alert(rest[0]) // Consul alert(rest[1]) // of.. 2023. 10. 24.
반응형

티스토리툴바