일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- 프론트엔드
- Fetch
- webdevelopment
- js
- REACT
- 클래스
- CSS
- 객체지향프로그래밍
- typeScript
- OOP
- 패스트캠퍼스
- 투두앱만들기
- 리액트
- JavaScript
- 웹개발
- 자바스크립트
- frontend
- 노마드코더
- 불변성
- 추상화
- Props
- 캡슐화
- Zustand
- 논리연산자
- github
- 타입스크립트
- 부트캠프
- 상속
- 자바스트립트
- Hooks
Archives
- Today
- Total
목록defaultvalue (1)
connecting dots

제어 컴포넌트과 비제어 컴포넌트1. 제어 컴포넌트리액트 상태로 입력 값을 관리하며 상태를 업데이트하여 입력 값을 제어함 1. 설명: • 상태(state)가 컴포넌트 내에서 관리됩니다. • 사용자가 입력 필드에 입력하는 모든 변화는 useState로 관리되는 상태를 통해 반영됩니다. • 예제 1에서 value={title}와 onChange 핸들러가 이를 관리합니다. 2. 장점: • 컴포넌트의 상태를 React에서 완전히 제어할 수 있습니다. • 입력 값에 대한 즉각적인 유효성 검사나 다른 로직을 쉽게 추가할 수 있습니다. 3. 단점: • 상태 업데이트가 빈번하게 일어나므로 더 많은 리소스를 소모할 수 있습니다. --> 제어 컴포넌트에서는 value와 onChange를 사용하여 상태를 관리합니다.사용자..
Live Class/Beginner
2024. 7. 31. 23:58