[Handling Event]

Event = 사건

• 사용자가 버튼을 클릭한 사건 - 버튼 클릭 이벤트
• 리액트의 event는 DOM의 event와는 조금 다름. 리액트에서는 함수 그대로 전달함.
  • camelCase 사용

Event Handler = Event Listener

• bind 사용 //callback에서 this를 사용하기 위해서는 바인딩을 필수적으로 해줘야 함. handleClick 사용
• Arrow funciton 사용
• class field 사용
• 함수 내부에서 event handler 처리하는 방법
  • 함수 안에 함수로 정의
  • arrow function을 사용하여 정의

event handler에 Arguments 전달하기

• argument: 함수에 전달할 데이터
• parameter: 매개변수

실습: 클릭 이벤트 처리하기

[Conditional Rendering]

Conditional rendering

• condition = 조건
• 조건부 렌더링
  • 어떠한 조건에 따라서 렌더링이 달라지는 것

Truthy - true는 아니지만 true로 여겨지는 값

Falsy - false는 아니지만 false로 여겨지는 값