목록reactmemo (1)

connecting dots

React | React Profiler로 성능 측정하기, React memo를 이용한 성능 최적화, 얕은 비교(shallow equal)

React Profiler로 성능 측정하기App.js A.js모든 요소를 하나의 컴포넌트에 코드 설명posts 배열을 순회하며 각 post 객체를 기반으로 리스트 항목()을 생성{posts.map((post) => { return ( {post.title} );})} 1. posts 배열:• posts는 객체 배열입니다. 각 객체는 블로그 포스트와 같은 데이터 항목을 나타내며, id와 title 속성을 가집니다.2. map 메서드:• map 메서드는 배열의 각 요소를 순회하며 콜백 함수에서 반환된 결과로 새로운 배열을 만듭니다.• posts.map((post) => { ... })는 posts 배열의 각 요소에 대해 콜백 함수를 실행합니다.3. 콜백 함수:• post는 post..
Online Class/DevCamp 2024. 8. 2. 12:55
이전 Prev 1 Next 다음