반응형 프로그래밍 개발/Redux3 Redux - Redux로 간단한 웹사이트 구현하기 Redux로 간단한 웹사이트 구현하기 Redux만으로도 간단한 웹 CRUD을 구현할 수 있다. 1. 기본적인 HTML 뼈대 구현 위의 이미지에서 볼수 있듯이 간단한 CRUD을 Redux를 통해 구현할 수 있게되었다. 삭제, 생성이 되는 것을 테스트로 확인 할 수 있었다. 2021. 1. 23. Redux - Redux 구현하기 Redux 구현하기 1. store 생성 2. reducer와 action을 이용해서 새로운 state 값 만들기 3. state의 변화에 따라서 UI 반영하기 //추가 //추가 리덕스를 이렇게 이용하면 state를 가져오기, 쓰기의 역할이 각자 정해짐으로 인해서 오는 한 번 수정을 위해 모든 state을 수정하는 것이 아닌 각각의 정리가 가능해졌으며 state변화를 알려주기때문에 그 사이에 다른 작업을 할 수 있게 되었다. 컴포넌트 작업에 용이, 정해진 방법대로 state를 관리하면 다른 component를 신경쓸 필요없어졌다. 2021. 1. 23. Redux - Redux란? Redux란? predictable state container for JavaScript apps. 상태 관리 라이브러리로 state을 관리해주는 기능을 하고 있다. 여기서 State이란 컴포넌트 안에서 데이터를 교환하거나 전달할 때 사용한다. Redux을 쓰는 이유 상위 컴포넌트에 comments 들의 정보를 다 보관하고 있다. 하지만 comments 을 관리하는게 이 한 컴포넌트만 있는 것이 아니라이 컴포넌트의 자식 컴포넌트에서도 comments 를 관리하고 그 자식 컴포넌트에서도 comments를 관리하고 있는게 문제이다. 즉 comments의 state는 최상위 컴포넌트에서 관리되고 있음최하위 컴포넌트에서 Action이 일어났을 때 이 행위를 최상위 컴포넌트에 알려줘야하는데 이때 Redux가 .. 2021. 1. 23. 이전 1 다음 반응형
