[React] useEffect에 대한 고찰
평생 vue.js만 써오던 사람이라, react.js는 언제 봐도 어렵다. 간단하게 useEffect에 대해 설명하자면, 마운트될 때, 언마운트될 때, 값이 변경될 때 재실행되도록 돕는 함수라는 것이다. useEffect( ()=> { console.log(a, b, c) } )위와 같은 형태로 사용한다.이 예시에서는 a,b,c 값이 변경되거나, 마운트될 때, 언마운트될 때 useEffect 내의 콜백함수가 실행된다. useEffect(() => { console.log('count 상태가 변경될 때마다 실행됩니다.'); }, [count]);위와 같은 형태로 두번째 매개변수(배열)를 넣게 되면 매개변수값이 변경될 때에만 useEffect 내의 콜백함수가 실행된다. useEffect의 기본 동작은 모든 ..
[map] JavaScript 유용한 함수 map
예를 들어 다음과 같은 배열 요소가 있다고 가정해 보자. let arr = [3, 4, 5, 6]; 이제 배열의 각 요소에 3을 곱해야 한다고 상상해 보자. 원초적인 판단으로는 다음과 같이 for 루프 사용을:할 수 있다. let arr = [3, 4, 5, 6]; for (let i = 0; i < arr.length; i++){ arr[i] = arr[i] * 3; } console.log(arr); // [9, 12, 15, 18] 그러나 사실 Array.map() 메소드를 사용한다면 이런 동일한 결과를 얻을 수 있다. let arr = [3, 4, 5, 6]; let modifiedArr = arr.map(function(element){ return element *3; }); console.l..
