리액트를다루는기술 리액트를 다루는 기술 : Hooks [useState,useEffect] Hooks는 리액트 16.8에 새로 도입된 기능으로 함수 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공하여 기존의 함수 컴포넌트에서는 할 수 없었던 다양한 작업을 할 수 있게 해준다. useState 상태를 관리해야 한다면 useState를 사용하면 된다. 이 함수가 호출되면 배열을 반환하는데, 그 배열의 첫 번째 원... hooksuseEffect리액트를다루는기술useStatehooks [리액트를 다루는 기술] 11장 컴포넌트 성능 최적화 실습진행(컴포넌트 성능 최적화) 많은 데이터 렌더링하기 - 크롬 개발자 도구를 통한 성능 모니터링 - React.memo를 통한 컴포넌트 리렌더링 성능 최적화 - onToggle 과 onRemove가 새로워지는 현상 방지 - react-virtualized를 사용한 렌더링 최적화 현재 '할일 2'부터 '할일 2500'까지 모두 리렌더링이 되고 있음(리렌더링 안해도 되는 상황) 최적화 필수 !... 리액트를다루는기술리다기리다기 [리액트를 다루는 기술] 14장 외부 API를 연동하여 뉴스 뷰어 만들기 비동기작업의 이헤 - axios로 API호출해서 데이터 받기 - newssapi API 키 발급받기 - 뉴스 뷰어 ui 만들기 - 데이터 연동하기 - 카테고리 기능 구현 - 리액트 라우터적용 14.1.3 async/await async/await는 Promise를 더 쉽게 사용할 수 있도록 해 주는 ES2017(ES8) 문법 해당 함수 내부 Promise의 앞부분에 await 키워드를 사용 ... 리액트를다루는기술리다기리다기
리액트를 다루는 기술 : Hooks [useState,useEffect] Hooks는 리액트 16.8에 새로 도입된 기능으로 함수 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공하여 기존의 함수 컴포넌트에서는 할 수 없었던 다양한 작업을 할 수 있게 해준다. useState 상태를 관리해야 한다면 useState를 사용하면 된다. 이 함수가 호출되면 배열을 반환하는데, 그 배열의 첫 번째 원... hooksuseEffect리액트를다루는기술useStatehooks [리액트를 다루는 기술] 11장 컴포넌트 성능 최적화 실습진행(컴포넌트 성능 최적화) 많은 데이터 렌더링하기 - 크롬 개발자 도구를 통한 성능 모니터링 - React.memo를 통한 컴포넌트 리렌더링 성능 최적화 - onToggle 과 onRemove가 새로워지는 현상 방지 - react-virtualized를 사용한 렌더링 최적화 현재 '할일 2'부터 '할일 2500'까지 모두 리렌더링이 되고 있음(리렌더링 안해도 되는 상황) 최적화 필수 !... 리액트를다루는기술리다기리다기 [리액트를 다루는 기술] 14장 외부 API를 연동하여 뉴스 뷰어 만들기 비동기작업의 이헤 - axios로 API호출해서 데이터 받기 - newssapi API 키 발급받기 - 뉴스 뷰어 ui 만들기 - 데이터 연동하기 - 카테고리 기능 구현 - 리액트 라우터적용 14.1.3 async/await async/await는 Promise를 더 쉽게 사용할 수 있도록 해 주는 ES2017(ES8) 문법 해당 함수 내부 Promise의 앞부분에 await 키워드를 사용 ... 리액트를다루는기술리다기리다기