callback 2

[Javascript] map() 함수

오늘은 Javascript에서 사용되는 map 함수를 알아보려고 합니다. 이 map 함수는 주로 언제 사용될까요? 배열의 각 요소들을 변경하여 새로운 배열을 만들 때 많이 사용됩니다 예를 들어, arr1 = [1,2,3,4] 라는 배열이 있습니다. 나는 이 배열의 각 요소들에 2를 곱해주어 새로운 배열을 생성하려고 합니다. 이 map 함수를 알기 전까지, 저는 새로운 변수를 선언한 후 for 문을 돌리면서 arr1의 각 요소에 2를 곱하여 arr2 배열에 추가해주는 방식으로 개발했습니다. 아래와 같이 말이죠. * map 함수를 사용하기 이전 arr1 = [1,2,3,4] arr2 = [] for (let idx in arr1) { arr2.push(arr1[idx]*2) } 하지만, map 함수를 사용한..

[Vue.js] $nextTick 함수란?

오늘은 $nextTick에 대해서 정리해보고자 합니다. 우선 nextTick 함수가 어떤 함수인지 부터 정리해보겠습니다. $nextTick()은, 소스 코드 수정 후 DOM에 완전하게 반영된 후 마지막으로 로직을 수행할 수 있도록 하는 콜백 함수 저는 현재 회사에서 Vue.js 프레임워크를 기반으로 Javascript를 사용한 프론토엔드 개발을 진행하고 있습니다. 그런데, 간혹 작성한 코드가 생각했던 순서대로 동작하지 않아 어려움을 겪었던 적이 많습니다. 그 이유를 보아하니, Javascript 언어를 사용하면 데이터가 비동기 처리되어 UI가 최신화되지 않았음에도 불구하고 DOM에 접근하려고 하여 발생하는 오류였습니다. 이럴 때 Vue.js에서 사용하는 함수가 $nextTick() 이었습니다. 아래 예시..