프론트엔드 연구소
close
프로필 배경
프로필 로고

프론트엔드 연구소

  • 분류 전체보기 (360)
    • Develop (282)
      • JavaScript (80)
      • Vue (31)
      • Nuxt (9)
      • React (22)
      • Next.js (8)
      • CSS (12)
      • TypeScript (5)
      • 자료구조 & 알고리즘 (4)
      • Java (37)
      • DataBase (19)
      • C (9)
      • Git (3)
      • etc (19)
      • Made by powerku (8)
    • 일상 (77)
      • 맛집 (26)
      • 리뷰 (17)
      • 재테크 (7)
      • 이야기 (17)
      • 블로그 (9)
  • 홈
  • JavaScript
  • Vue
  • Nuxt
  • React
  • Next.js
  • 방명록
반응형
React - 버튼 클릭 이벤트 등록하기

React - 버튼 클릭 이벤트 등록하기

리액트 컴포넌트에 이벤트 등록을 하는 방법에 대하여 알아보겠습니다. 일반적인 HTML에서 이벤트 등록하는 방법과 비슷하지만 몇가지 차이가 있습니다. 리액트에서는 camelCase를 사용합니다. onClick, onKeyup 이렇게 말이죠 이벤트 위와 같이 이벤트를 등록할 수 있습니다. function clickHandler(e) { alert('click') } 이렇게 clickHandler에 e 파라미터가 넘어오는데 e 매개변수로 preventDefault()와 stopPropagation() 을 사용할 수 있습니다. preventDefault는 이벤트의 기본 동작을 방지하고, stopPropagation은 이벤트가 상위 컴포넌트로 버블링 되는 것을 방지 할 수 있습니다 See the Pen Untit..

  • format_list_bulleted Develop/React
  • · 2023. 1. 14.
  • textsms
반응형
  • navigate_before
  • 1
  • navigate_next
공지사항
  • 비전공자에서 프론트엔드 개발자 5년차 되기까지...
  • 2023년 조금 더 지난 상반기 회고 갓생살기
  • 파워쿠의 블로그 입니다.
전체 카테고리
  • 분류 전체보기 (360)
    • Develop (282)
      • JavaScript (80)
      • Vue (31)
      • Nuxt (9)
      • React (22)
      • Next.js (8)
      • CSS (12)
      • TypeScript (5)
      • 자료구조 & 알고리즘 (4)
      • Java (37)
      • DataBase (19)
      • C (9)
      • Git (3)
      • etc (19)
      • Made by powerku (8)
    • 일상 (77)
      • 맛집 (26)
      • 리뷰 (17)
      • 재테크 (7)
      • 이야기 (17)
      • 블로그 (9)
최근 글
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바