React: Props, State, and Event

요즘 컨디션 저하로 인해 온몸이 찢어질듯이 아프지만 그래도 해야할껀
해야하니까 열심히 해보도록 하자 비록 위코드에서 세션은 못들었지만
책으로 배운 내용을 대강 간추려 보도록 해보자

1. Props란?

2. State란?

3. Event란?

1. props란??

컴포넌트 속성을 설정할 때 사용하는 요소이다. props 값은 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서 설정이 가능하다.

2. State란?

리액트에서 state는 컴포넌트 내부에서 바뀔 수 있는 값이다. props와 다른 점은,
props 같은 경우는 컴포넌트가 사용되는 과정에서 부모 컴포넌트 설정하는 값이
바뀌는거며 props를 바꾸려면 부모 컴포넌트에서 바꾸어야만 한다. 즉 쉽게
정리하자면 props는 부모가 설정하는 값, state는 컴포넌트 자체에서 바뀌는 값

T.M.I 클래스형 컴포넌트는 state 함수형 컴포넌트는 useStates라고 함수를 쓴다.

3. Event란?

일단 이벤트란: 사용자가 웹 브라우저에서 DOM 요소들과 상호 작용하는걸 이벤트라한다.
리액트의 이벤트는 기존에 우리가 배운 이벤트랑 크게 다를바가 없지만 미세한 차이가
있으므로 그거에 대해 알아보도록 하자!

3.1 Event 사용할 때 주의 사항

1) 이벤트 이름은 카멜 표기법으로 작성한다.
2) 이벤트에 실행할 자바스크립트 코드를 전달하는게 아니라, 함수 형태의 값을 전달한다.
3) DOM 요소에만 이벤트를 설정할 수 있다.