COCO World

1. Redux 의 흐름 구조 [1] 상태가 변경되어야 하는 이벤트가 발생하면 변경될 상태에 대한 정보가 담긴 Action 객체 생성 [2] 만든 Action 객체는 Dispatch 함수의 인자로 담겨져 전달됨 [3] Dispatch함수를 통해 담겨져 온 Action 객체는 Reducer 함수로 전달해줌 [4] Reducer 함수는 Action 객체의 데이터값을 확인하고, 그 값을 가공하여 전역 상태 저장소인 Store의 상태를 변경 [6] Store에서 변경된 상태값은 React의 리렌더링을 통해 컴포넌트에서 보여줌 2. 리액트 개발 시, 렌더링 최적화 방법에 이용할 수 있는 다음 세 가지의 특징과 차별점 React.memo [1] React.memo 특징 : React는 먼저 컴포넌트를 렌더링 한 뒤..

async와 await의 문법을 사용하면 프라미스를 좀 더 편하고, 가독성있게 코드를 관리할 수 있다. 1. async 함수 async function f() { return 1; } async function f() { retrurn 1; } f().then(alert);// 1 async function() { return Promise.resolve(1); } f().then(alert);// 1 2. await : 일반 함수엔 await를 사용할 수 없다 let value = await promise; async function f() { let promise = new Promise((resolve, reject) => { setTimeout(() => resolve('완료'), 1000) })..

1. 프라미스(Promise) :자바스크립트 안에 내장되어있는 오브젝트. 비동기 처리를 위해 쓰이며, 콜백함수 대신에 쓸 수 있다. 1.State : pending -> operation이 수행중일 경우, fulfilled : operation을 완료하였을 때, rejected : 수행을 완료하지 못했을때 2. Producer : 원하는 기능을 수행해서 원하는 데이터를 만들어내는 역할 3. Consumer : 원하는 데이터를 소모하는 역할 [1] Promise의 문법 : new Promise에 전달되는 함수는 executor(실행자, 실행함수)라고 한다. 그 안의 인수 resolve,reject는 자바스크립트에서 자체 제공하는 콜백이다. resovle(value) : 일이 성공적으로 끝난 경우 그 결과를..