2021.06.08(Tue.)

1. 리액트의 State

• 내부에서 변화 하는 값. 상태.
• 컴포넌트를 사용하는 중에 내부에서 변화하는 값 (일상 생활에서의 나이, 사는곳 등)
• 입력이 바뀌면 다시 리렌더링 하는것이다!

2. 리액트의 Props

• 외부로 부터 전달 받은 값.
• 바뀌지 않는 값 (일상생활에서의 이름이나 성별)
• 간단하게 말하면, 사용자가 절대 바꿔서는 안되는 값은 props 가 맞다. 가격이나 제품 이름 이런거 말이다.

3. 자주 사용하는 이벤트

• onChange : 무언가 값이 변경 될 때마다 이벤트가 발생한다.
• onClick : '클릭' 하면 이벤트 발생. 버튼이나 링크를 클릭 했을때 발생하는 이벤트이면 된다.
  • 이벤트 자체에 바로 함수를 호출하면 안된다! 그러면 컴포넌트가 렌더링 되자 마자 바로 실행되어 버린다. 외부에서 함수를 정의 했다면 이벤트 함수 자체를 전달하자. 즉, {}안에 () 를 뺀 함수 자체를 써주면 된다.
  • 아니면, 아에 리턴문 안에서 함수를 정의해 버리자.