반응형 개발/React2 React - Redux 기초 Redux란 Redux는 상태 관리를 위한 라이브러리입니다. 화면을 컴포넌트를 분할할 때 상태(state)를 어떻게 갖게 하는 것이 좋은지, 부모가 상태를 가진 아이는 부모의 지시(props)를 그대로 표시하면 알기 쉽다. Store 상태(State)를 관리하는 오브젝트. 표시를 할 때는 Store에서 상태를 꺼내 실시한다. Redux에 의해 제공된다. State Store에 의해 유지되고 있는 애플리케이션의 상태. Action State를 변경하기 위한 요구.예를 들어 버튼 클릭에 의해 표시 상태를 바꾸는 것과 같은 요구가 Action이 된다. Redux에서 제공하는 dispatch 함수에 의해 Store로 보내진다. Action Creator Action을 작성하기 위한 함수. Reducer 현재 S.. 2022. 11. 11. React - 기초 Component 와 props 컴포넌트란? 컴포넌트: React로 화면에 표시되는 부품으로, 표시에 필요한 데이터나 처리 등을 하나의 객체로 정리한 것입니다. 화면에 표시할 부품을 만들어 언제든지 쉽게 통합하여 부품을 재사용할 수 있습니다. 함수 컴포넌트 컴포넌트에는 몇 가지 작성 방법이 있지만, 먼저 가장 간단한 함수로 컴포넌트를 작성해 보겠습니다. 함수 컴포넌트는 다음과 같이 정의됩니다. function 컴포넌트이름( 인수 ) { return ...JSX에의해 표시...; } 컴퍼넌트로서 함수를 정의하는 경우는, 「표시하는 엘리먼트를 return로 돌려주는」 것이 기본이 됩니다. 클래스 컴포넌트 class Welcome extends React.Component { render() { return Hello, {this.props.. 2022. 11. 9. 이전 1 다음 반응형