learn-react

\[https://ko.reactjs.org/docs/components-and-props.html컴포넌트를 통해 주입해준 값 , 프로퍼티 (속성)이 예시에서는 다음과 같은 일들이 일어납니다.<Welcome name="Sara" /> 엘리먼트로 React

함수형 컴포넌트에서 클래스형 컴포넌트의 생명주기를 모두 표현할 수 있다.ErrorBoundary 만 특이하게 클래스형 컴포넌트로만 사용한다.컴포넌트 내의 상태 → 자신의 출력 값을 변경 (순수함수 변경X / State를 변경)Class Component → State

이벤트 핸들러는 모든 브라우저에서 이벤트를 동일하게 처리하기 위한 이벤트 래퍼 SyntheticEvent 객체를 전달받습니다\[https://ko.reactjs.org/docs/events.htmlReact는 이벤트들을 다른 브라우저에서도 같은 속성을 가지도록

의미있는 클래스명으로 변경해주었다.스타일 속성을 추가하였다. (인라인)리액트의 장점은 JS와 HTML를 서로 섞어쓰는 JSX를 사용하고, 그 안에서 함수 등 이것저것 만들 수 있었다.함수로 만들어보자엥? 당연하다 . props를 { } 안에 넣었기 때문이다. ( { }