[JavaScript] 콜백함수를 활용한 비동기 작업 처리
·
개발새발개발/JavaScript
콜백함수를 활용한 비동기 작업 처리    sum의 값을 add 함수 밖에서도 이용할 수 있게 하는 방법 - 비동기 처리의 결과 값을 사용하고자 하는 콜백함수를 전달해주면 됨     실행 순서 1.  add 함수 호출2. setTimeout 함수 호출3. 3초 뒤 callback 함수 호출4. sum 값 계산5. 매개변수로 받은 콜백함수를 sum 값으로 호출6. console.log에 출력   function add(a,b,callback) { setTimeout(()=> { const sum = a+b callback(sum) }, 3000)}add(1,2,(value) => { console.log(value)})      예제 - 비동기 작업의 결과를 또다른 ..
JavaScript - 콜백함수(Callback Function)
·
개발새발개발/JavaScript
콜백함수- 자신이 아닌 다른 함수에 인수로써 전달된 함수  - main의 인수로 sub 함수가 전달됨- 그렇기 때문에 main 내에서 매개변수를 호출하면 인수로 전달된 sub 함수가 호출됨  - 실행 결과 console.log("sub") 이 실행되어 콘솔 창에 sub이 출력된 것을 확인할 수 있음   - 이렇게 다른 함수에 인수로써 전달된 함수를 콜백함수라고 함 - 이전 함수에서 살펴봤던 것과 같이 호출이 아닌 매개변수 자체를 출력하면- 매개 변수 안에 담겨있는 함수가 그대로 출력되는 것을 확인할 수 있음   - 호출하면 sub 함수가 실행되어 콘솔에 "i am sub"이 출력됨  - 콜백함수는 메인함수가 원하는 언제든지 실행시킬 수 있다는 장점이 있어 많이 활용됨  - 이렇게 함수 표현식으로 쓰는 것..
React - 컴포넌트 반복(map, callback, key, list, 값 추가 삭제)
·
개발새발개발/React
자바스크립트 배열의 map() 함수map() : 파라미터로 전달된 함수를 사용하여 배열 내 각 요소를 원하는 규칙에 따라 변환한 후 그 결과로 새로운 배열을 생성arr.map(callback, [thisArg])arr.map(name, index, array, [thisArg])callback : 새로운 배열의 요소를 생성하는 함수. 3가지의 파라미터를 받음currentValue : 현재 처리하고 있는 요소index : 현재 처리하고 있는 요소의 index 값array : 현재 처리하고 있는 원본 배열thisArg(선택 항목) : callback 함수 내부에서 사용할 this 레퍼런스const numbers = [1, 2, 3, 4, 5];const processed = numbers.map(functi..