dev_in 개발 블로그

리액트의 배칭 업데이트(Batching Update)는 여러 상태 업데이트를 하나의 리렌더링으로 그룹화하는 최적화 기법입니다.리액트는 성능 향상을 위해 여러 setState 호출을 일괄 처리하여 불필요한 렌더링을 방지합니다.예를 들어, 하나의 이벤트 핸들러 내에서 여러 번 상태를 업데이트하는 경우, 리액트는 이를 내부적으로 모아서 한 번의 업데이트로 처리합니다.function handleClick() { setCount(c => c + 1); // 첫 번째 업데이트 setFlag(f => !f); // 두 번째 업데이트 setName('리액트'); // 세 번째 업데이트 // 이 세 가지 상태 변경은 배칭되어 단 한 번의 렌더링만 발생합니다} React 18 이전에는 이벤트 핸들러 ..

문제정수 배열 arr가 주어집니다. arr의 각 원소에 대해 값이 50보다 크거나 같은 짝수라면 2로 나누고, 50보다 작은 홀수라면 2를 곱합니다. 그 결과인 정수 배열을 return 하는 solution 함수를 완성해 주세요. 제한사항1 ≤ arr의 길이 ≤ 1,000,0001 ≤ arr의 원소의 값 ≤ 100 고민한 점 & 해결 과정 조건이 50보다 크고 작은지, 그리고 짝수인지 홀수인지 두 가지로 한번에 판단하기 위해 and연산자(&&)를 사용하며 각각의 조건에 따라 결과를 return하는 방법으로 접근했습니다.function solution(arr) { let result = []; for (const i of arr) { if (i >= 50 && i%2 === 0) {..

문제정수 배열 arr와 2차원 정수 배열 queries이 주어집니다. queries의 원소는 각각 하나의 query를 나타내며, [s, e] 꼴입니다.각 query마다 순서대로 s ≤ i ≤ e인 모든 i에 대해 arr[i]에 1을 더합니다.위 규칙에 따라 queries를 처리한 이후의 arr를 return 하는 solution 함수를 완성해 주세요. 제한사항1 ≤ arr의 길이 ≤ 1,0000 ≤ arr의 원소 ≤ 1,000,0001 ≤ queries의 길이 ≤ 1,0000 ≤ s ≤ e arr의 길이 고민한 점 & 해결 과정 먼저 queries의 각 원소가 [s, e] 형태의 구간 정보이기 때문에 구조 분해 할당으로 s와 e로 나누어서 정리했습니다.그 후, for문을 돌면서 arr의 값에 +1를 적..