GuruSa

React의 이벤트는 소문자 대신 캐멀 케이스(camelCase)를 사용하고, JSX를 사용하여 문자열이 아닌 함수로 이벤트 핸들러를 전달합니다. 이벤트 Activate Lasers React에서는 false를 반환해도 기본 동작을 방지할 수 없습니다. 반드시 preventDefault를 명시적으로 호출해야 합니다. 예를 들어, 일반 HTML에서 폼을 제출할 때 가지고 있는 기본 동작을 방지하기 위해 다음과 같은 코드를 작성할 수 있습니다. function Form() { function handleSubmit(e) { e.preventDefault(); console.log('You clicked submit.'); } return ( Submit ); } 여기서 e는 합성 이벤트입니다. React는 ..

지난 번에 간단한 계산기를 만들어보는 것으로 tkinter를 맛봤습니다 계산기는 버튼(Button) 위젯(Widget)에 이벤트(Event) 발생 시에 처리하는 아주 간단한 구조였습니다 하지만 실제로는 마우스 이벤트부터 다양한 이벤트를 처리해주어야 합니다 따라서 오늘은 그러한 이벤트들을 학습해보겠습니다 먼저 마우스 이벤트를 살펴보겠습니다 마우스 이벤트 작동 버튼 코드 클릭할 때 공통 왼쪽 가운데 오른쪽 떼었을 때 공통 왼쪽 가운데 오른쪽 더블 클릭할 때 공통 왼쪽 가운데 오른쪽 드래그할 때 왼쪽 가운데 오른쪽 마우스 커서가 위젯 위로 올라왔을 때 마우스 커서가 위젯에서 떠났을 때 다음은 키보드와 관련된 이벤트입니다 키보드 작동 코드 공통 특수 등 일반 a~z A~Z 0~9 조합 등