맨땅에 헤딩

  • 홈
  • 태그
  • 방명록

자바스크립트 onchange 1

onChange 이벤트란? (리액트에서 onChange 코드 리팩토링)

🔍 onChange 이벤트 input요소의 onChange 이벤트는 입력필드의 값을 변경할때 발생하는 이벤트 이벤트핸들러 함수를 통해 입력된 값에 대한 처리를 한다. onChange 이벤트는 사용자가 입력필드에 값을 입력/삭제할때마다 발생하기 때문에 실시간으로 값을 업데이트하거나 다른 처리를 수행 ➡️ 사용자에게 좀 더 유연한 UI를 제공 🔍 형태 1️⃣ 사용하고 싶은 함수명을 바로 적어줘도 되고, 2️⃣ e 매개변수를 안에서 바로 사용도 가능하다. setUsername(event.target.value)} required /> 🔫 onChange 코드 좀 더 나은 코드로 🔫 여러개의 input이 있으면 각각의 useState와 또 각각의 onChange함수를 만들어줘서 코드가 길어지는 경향이 있었다. ..

React 2023.04.26
이전
1
다음
더보기
반응형
프로필사진

  • 분류 전체보기
    • Git
    • JavaScript
      • 알고리즘
      • JS
    • React
    • next.js
    • HTML
    • CSS
    • UX UI
    • Computer Science
    • Database
    • 코딩일기
    • 에러해결기
    • IT 서적

Calendar

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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바