빠르게 성장하는 개발자

1. State 짤막 Review Vue에서는 Vuex라는 라이브러리를 설치해서 app에 있는 모든 component의 중앙저장소인 state를 관리했다. 그렇다면 React에서는? state는 사전적 의미로 상태 라는 뜻이다. 렌더링이나 데이터 흐름에 사용되는 값만 state에 포함시켜야 한다. 각각의 Component에서 state를 관리한다. Props는 컴포넌트에 전달되고, State는 컴포넌트 '안'에서 관리된다. state는 직접 수정하지 않고! setState라는 함수를 통해 수정해야 한다. class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } rende..

1. Element 리액트 공식문서에는 Element의 정의에 대해서 이렇게 서술한다. 엘리먼트는 React 앱의 가장 작은 단위입니다. const element = Hello, world; React 엘리먼트는 일반 객체이며 불변(immutable) 하다. 즉, 한 번 생성된 이후에는 자식이나 속성을 변경 할 수 없다. 만약 내용을 변경하고 싶다면, 새로운 객체를 만들어서 rendering 하는 방식으로 사용한다. const root = ReactDOM.createRoot( document.getElementById('root') ); const element = Hello, world; root.render(element); 2. Component 그렇다면 컴포넌트는 무엇일까? Vue에서 사용한 것 ..