IT 언어 연구소/코드 리뷰 모음집
React - 성능 최적화, 불필요한 렌더링 방지를 위한 코드 리뷰
오늘은 React에서 불필요한 렌더링을 방지하여 애플리케이션의 성능을 개선하는 방법에 대해 알아보려고 합니다. 제가 최근에 받은 코드 리뷰 요청 중에서 이 문제를 잘 보여주는 예시를 하나 골랐습니다. 요청 받은 코드 요청받은 코드는 아래와 같습니다. import React, { useState } from 'react'; function UserProfile({ user }) { const [age, setAge] = useState(user.age); return ( {user.name} {age} setAge(age + 1)}>Increase Age ); } export default UserProfile; 위 코드는 UserProfile 컴포넌트를 정의하고 있습니다. 이 컴포넌트는 user 객체를 ..