Mason

1부에 이어서 비동기프로그래밍의 비교를 포스팅하겠습니다. (1부: https://mason-lee.tistory.com/4) callback const first = (input, callback) => { callback(input); }; const second = (input, callback) => { callback(input + "callback의 "); }; const third = (input, callback) => { callback(input + "예제입니다."); }; first("안녕하세요, ", (firstCallback) => { second(firstCallback, (secondCallback) => { third(secondCallback, (thirdCallback) =..

이번 포스트에서는 비동기 프로그래밍의 정의, 목적에 대해 중점을 두고 이야기 해보고 다음포스트에서는 callback, Promise, async/await의 비교 예제를 중점으로 다루겠습니다. 비동기가 있다면 동기도 있겟지?? 자바스크립트는 싱글스레드를 사용하므로써 프로그램을 위에서 아래 순으로 한줄씩 실행이 된다. 즉, 이전줄의 코드가 완료되기 전까지는 완료되기 전까지는 다음줄의 코드가 실행되지 않는다. 장점으로는 에러 발생시 프로그램은 즉각 작동 중지되며 다음줄의 코드가 실행되지 않으며 에러 발생지를 바로 알수가 있다. (*싱글스레드: 단일 프로세스로 하나의 작업을 위해 순차적으로 처리 진행 [다음 혹은 다다음 포스트 예정]) 비동기 프로그래밍은 다른 데이터들과 상호작용 하지않고 간단한 코드들로만 구..

지난 포스트(https://mason-lee.tistory.com/2)의 for와 forEach()에 이어서 forEach()와 map()의 차이 그리고 비동기를 이용하여 병렬처리구조를 알아보겠습니다. forEach()와 map()의 차이점 forEach() map() callback 유무 O O return 허용 X O 속도 비교적 높음 비교적 낮음 둘의 차이점중 제일 크게 눈에 띄는것은 map()의 경우 return값을 반환한다는 것이다. map()사용시 새로운 array로 원하는 값들을 반환할 수 있고 그로인한 메모리할당, 속도저하(forEach와 비교시)로 이어진다. 그래서 맵은 언제써??? 사실 map()과 forEach()보단 map()과 filter()의 비교가 더 필요해 보인다. forEa..

알고리즘을 배우기 시작하면서 반복문중 for와 forEach의 속도차이를 찾아보다 문득 둘의 차이점이 궁금해젔다. for와 forEach의 차이점 const arr = [1, 2, 3, 4, 5] for (let i = 0; i { console.log(i) }) 위의 두 결과값은 같다, 그렇다면 둘의 차이점은??? 찾아보니 for문은 동기식, forEach는 비동기식 처리를 하며 for문을 돌리는중 에러발생시 즉각 코드를 중단한다... 란다. (출처:https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=rlaalsdn456456..