Notice
Recent Posts
Recent Comments
Link
250x250
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
Tags
- 협업
- package.json
- 프레임 워크
- useState
- 개발자 도구
- 코딩 테스트
- next.js
- polling
- zustand
- Study
- Context API
- Fe
- github
- 브라우저 동작
- CSS
- react-query
- PullRequest
- prettier
- 개발
- js
- 비제어
- 개발자
- react
- tailwind css
- Pr
- eslint
- frontend
- 오블완
- form
- 티스토리챌린지
Archives
- Today
- Total
목록제어 (1)
ougi FE
[React] 제어 컴포넌트 VS 비제어 컴포넌트
오늘은 얼마 전에 스터디에서 선배님이 오늘 주제에 대해서 질문을 해주셨는데 좀 더 유연하게 대답하지 못한 것 같아 이 둘에 대해서 좀 더 자세히 알아보려고 합니다❓ 제어 비제어? 그게 뭘까?먼저 제어 컴포넌트는 사용자의 입력을 state로 관리하고 업데이트합니다React에서 state 값이며 setState로 업데이트 됩니다import { useState } from "react";export function Example() { const [value, setValue] = useState(""); return ( setValue(e.target.value)} /> );} 비제어 컴포넌트는 DOM을 직접 조작하여 데이터를 관리합니다상태를 가지지 않으며 입력에 대한 DOM ..
React
2024. 11. 23. 01:10