2019-11-20 TIL

React

HTML에서 이벤트를 넣을 때

<button onclick="activateLasers()">
  Activate Lasers
</button>

React에서 이벤트

<button onClick={activateLasers}>
  Activate Lasers
</button>

이벤트 전파 중단

이벤트 핸들러 함수에서 이벤트 전파가 중단되지 않는 경우 HTML에서는 이벤트 핸들러 함수에서 false를 반환하면 이벤트 전파 및 기본 동작이 중단됩니다.

하지만 React는 별도의 이벤트 시스템을 사용하고, 이벤트 전파나 기본 동작을 중단하려면 인자로 받은 React 이벤트 객체의 stopPropagation()이나 preventDefault()를 명시적으로 호출해야 합니다.

• preventDefault() : 현재 이벤트의 기본 동작을 중단한다
• stopPropagation() : 현재 이벤트가 상위로 전달되지 않도록 중단한다.

이벤트 전파에 관한 글

5FS

Facts: 쇼핑몰 상품등록까지 구현. 그 외 오류들 해결. 코딩도장 Lv2 스택문제 해결못함. 순공10시간 넘김

Feelings: 하루 컨디션이 좋아서그런지 어제보단 머리가 덜 아프다. 그만큼 집중력도 좋았고 기분도 좋다.

Findings: 자기전 딴짓하지말고 바로눕자. 푹자니 하루가 더 알차게 느껴진다.

Future Action Plan: 자기전 핸드폰 사용금지어플 적극활용.

Feedback: 허리가 다시 아프다. 운동을 다시 해야하나..종강하고 시작하자…ㅠ