태그 : 리액트강좌 요약보기전체보기목록닫기

1

01.17 React Router

01.15 리덕스 편하게 사용하는 방법

React.js01.15. 리덕스를 편하게 사용하는 방법리덕스를 사용하여 멀티 카운터를 만들면서 불편했던 점이 있다.액션을 만들 때마다 세 가지 파일 ( 액션 타입, 액션 생성 함수, 리듀서)을 수정해야한다는 점, 전개 연산자(...)와 slice 함수로 배열 내부의 아이템을 수정하는 데 가독성이 낮다는 점 등이다.이런 불편한 점을 해결하여 리덕스를 사...

01.14 리덕스를 이용한 리액트 애플리케이션 생성

01.13 React Redux(리덕스)

React.js01.13. React Redux리액트로 프로젝트에서는 최상위 컴포넌트에서 상태 관리 로직이 너무 많아져 코드가 길어지고 가독성이 떨어진다. 불필요한 리렌더링을 방지하기 위해서 하위 컴포넌트에서 shouldComponentUpdate를 구현하여 방지한다 하더라도 프로젝트가 복잡해질 경우 여러 컴포넌트를 거쳐 porps를 전달하는 ...

01.9 React 컴포넌트 라이프사이클

React.js01.9. 컴포넌트의 라이프 사이클리액트 컴포넌트에는 라이트사이클이 존재한다. 페이지에 렌더링되기 전 준비과정에서 시작하여 페이지에서 사라질 때 끝이난다.라이프사이클 메서드는 총 열가지로 Will 접두가사 붙은 메서드는 어떤 작업을 작동하기 전에 실행되고, Did 접두사가 붙은 메서드는 어떤 작업을 작동한 후에 실행되는 메서드이다.라이프사...

01.8 리액트 컴포넌트 반복

React.js01.8. 컴포넌트 반복01.8.1. 자바스크립트 배열의 map() 함수자바스크립트 배열 객체의 내장 함수인 map 함수를 사용하여 반복되는 컴포넌트를 렌더링할 수 있다. map 함수는 파라미터로 전달된 함수를 사용해서 배열 내 각 요소를 프로세싱한 후 그 결과로 새로운 배열을 생성한다. arr.map(callback(curren...
1