k1212gh 님의 블로그

[스나이퍼팩토리] 한컴AI아카데미 - React.memo()를 활용한 성능 최적화1. React.memo()란? 🤔React에서 컴포넌트의 불필요한 리렌더링을 방지하는 방법 중 하나로 React.memo()를 사용할 수 이다.이는 컴포넌트가 동일한 props를 받을 경우, 이전 렌더링 결과를 재사용하여 성능을 최적화하는 기법이다.✅ React.memo()를 사용하면 불필요한 리렌더링을 방지하여 성능을 최적화할 수 있다.2. React.memo() 기본 사용법 🏗️✅ 기본적인 React.memo() 적용 예제import React from "react";function ChildComponent({ count }) { console.log("ChildComponent 렌더링!"); return Co..

[스나이퍼팩토리] 한컴AI - AI개발자 교육 React.js 8차시: Props의 이해와 활용📌 학습 목표✅ Props의 개념과 역할을 이해한다.✅ 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 방법을 학습한다.✅ Props를 활용하여 재사용 가능한 컴포넌트를 만든다.✅ Props 사용 시 주의해야 할 점을 익힌다.📚 학습 내용1. Props란?Props (Properties) 는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 수단이다.읽기 전용(Read-Only) 으로, 자식 컴포넌트에서 변경할 수 없다.State와 다르게 컴포넌트 내부에서 변경할 수 없으며, 부모 컴포넌트에서 값을 변경해야 한다.함수형 컴포넌트와 클래스형 컴포넌트에서 모두 사용 가능하다.2. Props 사용 방법🔹 ..