FrontEnd (2) 썸네일형 리스트형 Redux(리덕스) 란? Redux란 JavaScript(자바스크립트) 상태관리 라이브러리이다. Redux의 본질은 Node.js 모듈이다. 상태 관리 도구(State Management Tools) 란? React에서 State는 Component 안에서 관리된다. Component 간의 정보공유 자식컴포넌트 간의 다이렉트 데이터 전달은 불가능하다. 자식 컴포넌트 간에 데이터를 주고 받을 때는 상태를 관리하는 부모 컴포넌트를 통해서 주고받는다. 자식이 너무 많아지면 상태관리가 매우 복잡해진다. 상태를 관리하는 상위 컴포넌트에서 계속 내려받아야한다. (Props drilling) 상태 관리의 복잡성을 해결해주는 라이브러리를 활용한다. 1. 전역 상태 저장소 제공 2. Props drilling 이슈 해결 - 예를들어, 라는 컴포.. 리액트 입문자료 리액트 자바스크립트에 HTML을 포함하는 JSX(javascript XML)이라는 문법사용 가상 돔(Virtual DOM)이라는 개념을 사용하여 웹 어플레케이션의 퍼포먼스를 최적화함. 단방향 데이터 바인딩(One-way Data Binding) 사용 싱글 페이지 애플리케이션에서 UI를 만들기 떄문에 페이지 전환 기능을 사용하려면 react-router와 같은 추가 라이브러리를 사용해야함. 클라이언트 사이드 랜더링(CSR) 가상 돔(Virtual DOM) 리액트에서는 리플로우와 리액트가 자주 수행되는 문제를 해결하기 위해 화면에 표시되는 DOM과 동일한 DOM을 메모리상에 만들고 DOM 조작이 발생하면 메모리상에 생성된 가삼 돔에 모든 연산을 수행한 후, 실제 DOM을 갱신하여 리플로우/리패인트 연산을 최.. 이전 1 다음
