한컴ai아카데미 2

9. State와 useState

[스나이퍼팩토리] 한컴AI - AI개발자 교육 React.js 9차시: State와 useState📌 학습 목표✅ React에서 State의 개념과 역할을 이해한다.✅ useState 훅을 활용하여 상태를 관리하는 방법을 익힌다.✅ State의 비동기적 특성과 올바른 업데이트 방법을 학습한다.✅ State와 Props의 차이점을 이해하고, 적절한 상황에서 활용하는 방법을 배운다.📚 학습 내용1. State란?State는 컴포넌트 내부에서 관리되는 동적인 데이터로, 시간이 지남에 따라 변경될 수 있다.State가 변경되면 해당 컴포넌트가 다시 렌더링되어 UI가 업데이트된다.Props와 달리 State는 컴포넌트 내부에서 직접 관리하고 변경할 수 있다.🔹 Props vs State 차이점    Prop..

8. Props의 이해와 활용

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