리액트 (2) 썸네일형 리스트형 React-02(Redux) React 리액트의 꽃 Redux(리덕스) 리덕스란? : 상태 관리 라이브러리로써 React뿐만이 아닌 jquery, vue.js, Augular.js와도 충분히 사용가능 ex) 컴포넌트에서는 useState, props를 통해 관리하였는데 todo리스트의 경우 const state = { todoList: [], doneList: [], deleteList: [], } 와 같이 관리하는 것이 복잡해 질 수 있다. 이것을 redux에서는 글로벌로 관리가 가능하다. 사용방법은? : 리덕스가 적용된 react를 이용하기위해서는 npx create-react-app my-app --template redux또는 기존 react 앱에서 yarn add react-redux를 통해 추가 가능하다. redux 기본.. React-01(기초) React 현대적 프론트엔드 개발 방법 facebook, discord, twitter 등 SPA(single page application) 방식으로 개발됨. 전체 html구조가 아닌 특정 부분만 바뀌며 랜더링 되는 방식 M(model)V(view)C(controller) 모델 : 데이터 뷰 : 바뀐 데이터를 보여줌 컨트롤러 : 사용자 이벤트 처리 mvc 단점 : 양방향 데이터 바인딩으로 인해 model과 view의 의존성이 발생함. 복잡해질수록(데이터가 많아지고 상호작용하는 데이터도 많아지고 이에 따라 보여줘야할 view도 바뀌게됨.) 개발자 유지보수가 어려워진다. 해결하기 위해 facebook에서 리액트 개발 Virtual Dom을 통해 모든 HTML을 수정하지 않고 일부만 수정한다. before .. 이전 1 다음