김평범's OrdinaryCode

  • 홈
  • 태그
  • 방명록

preventDefault 1

[React] React 자습하기 - 이벤트 사용하기 (간단한 기본 예시)

React Event 사용하기 HTML을 이용한 홈페이지를 만들었을 경우, 우리는 해당 홈페이지에서 동적인 역할을 만들기 위해 JavaScript를 이용하여 동적인 이벤트를 만들어낸다. 가장 간단한 alert창을 HTML과 Javascript 문법으로 띄운다고 가정했을 경우 아래와 같이 입력할 것이다. Click Me! React Event 기본 문법 이와 같은 동작을 React에서 발생시키려면 아래와 같은 문법으로 작성한다. 이벤트 발생 문은 소문자가 아닌 camelCase(카멜 케이스)로 입력한다. JSX를 사용하여 문자열이 아닌 함수로 이벤트를 전달한다. 기본 이벤트가 있는 태그 동작을 방지하려면, preventDefault를 명시적으로 호출한다. (return false) preventDefaul..

FrontEnd/React 2021.02.11
1
더보기
  • 분류 전체보기 (203)
    • Diary (4)
    • FrontEnd (109)
      • Javascript (20)
      • Vue.js (34)
      • css (17)
      • React (11)
    • etc. (88)
      • Notion (71)

Tag

react, NUXT, Notion템플릿공유, CSS, 노션, JavaScript, notion, 노션가계부, 노션표, 리액트, 노션활용법, 노션데이터베이스, 노션유용한템플릿, 노션사용법, 노션수식, 노션가이드, Vue, 노션템플릿, 노션템플릿공유, 노션무료템플릿,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

Copyright © Kakao Corp. All rights reserved.

티스토리툴바