WebFactory

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

제어 1

[React] 5일차: 리액트로 사용자 입력(Input) 처리하기 (제어 컴포넌트)

리액트에서 사용자가 입력하는 값(Input, Textarea 등)을 어떻게 관리할까요?HTML에서는 브라우저가 입력값을 들고 있지만, 리액트에서는 "모든 데이터는 리액트의 상태(State)가 관리한다"는 원칙을 따릅니다. 이를 제어 컴포넌트라고 합니다.1. 제어 컴포넌트(Controlled Component)란?입력창에 타이핑을 할 때마다 리액트의 state를 업데이트하고, 그 state를 다시 입력창의 value로 보여주는 방식입니다. 즉, 데이터의 신뢰 가능한 단일 출처(Single Source of Truth)를 리액트 상태로 두는 것입니다.2. 단일 입력창 관리하기가장 기본적인 방식은 onChange 이벤트와 useState를 조합하는 것입니다.JavaScript import { useState ..

컴퓨터일반/프로그래밍 2026.04.05
이전
1
다음
더보기
프로필사진

WebFactory

기록은 기억을 지배한다!!!

  • 분류 전체보기 (59)
    • 컴퓨터일반 (33)
      • AI (14)
      • 프로그래밍 (11)
      • DB (7)
      • OS (1)
    • 기타지식 (26)
      • 영어 (16)
      • 바둑 (8)
      • 운동 (2)

Tag

영어회화, oracle, 리액트, 회화, 사활, react, 바둑, AI와 대화하는 기술, 웹개발, MSSQL, 업무의 패러다임을 바꾸는 도구, 단어, 프렌즈, AI, 어감차이, 오라클, 영어, 프로그래밍, 포석, 흑선백사,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/04   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

  • [내꺼]컴쟁이의 하루하루
  • [내꺼]사진속에 담는 세상

티스토리툴바