WebFactory

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

입력 폼 처리 1

[React] 6일차: 입력 폼 처리와 useRef – 사용자와 상호작용하기

리액트 공부 6일차입니다! 오늘은 사용자가 입력하는 데이터를 어떻게 관리하고, 리액트 방식이 아닌 실제 DOM 요소에 직접 접근해야 할 때는 어떻게 하는지 핵심을 정리해 보았습니다.1. 제어 컴포넌트 (Controlled Components)리액트에서는 , 같은 폼 요소의 값을 리액트의 State와 결합하여 관리합니다. 이를 '제어 컴포넌트'라고 부릅니다.동작 방식: 입력창의 value를 State에 연결하고, onChange 이벤트를 통해 사용자가 입력할 때마다 State를 업데이트합니다.장점: 입력값에 대한 실시간 유효성 검사나 데이터 가공이 매우 쉽습니다.JavaScript const [name, setName] = useState("");const handleChange = (e) => { s..

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

WebFactory

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

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

Tag

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • 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.

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

티스토리툴바