리다기 [리액트를 다루는 기술] 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 키워드를 사용 ... 리액트를다루는기술리다기리다기 [리액트를 다루는 기술] 16장 리덕스 라이브러리 이해하기 리덕스 : 리액트 상태 관리 라이브러리 컴포넌트 상태 업데이트 관련 로직을 다른 파일로 분리 -> 더욱 효율적으로 관리 가능 16.1.1 액션 16.1.2 액션 생성 함수 액션생성함수 : 액션객체를 만들어 주는 함수 16.1.3 리듀서 리듀서(reducer) : 변화를 일으키는 함수 액션 만들어 발생 -> 리듀서가 파라미터(현재상태, 전달받은액션객체)로 받음 -> 두 값을 참조 -> 새로운 ... 리다기리액트를다루는기술리다기
[리액트를 다루는 기술] 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 키워드를 사용 ... 리액트를다루는기술리다기리다기 [리액트를 다루는 기술] 16장 리덕스 라이브러리 이해하기 리덕스 : 리액트 상태 관리 라이브러리 컴포넌트 상태 업데이트 관련 로직을 다른 파일로 분리 -> 더욱 효율적으로 관리 가능 16.1.1 액션 16.1.2 액션 생성 함수 액션생성함수 : 액션객체를 만들어 주는 함수 16.1.3 리듀서 리듀서(reducer) : 변화를 일으키는 함수 액션 만들어 발생 -> 리듀서가 파라미터(현재상태, 전달받은액션객체)로 받음 -> 두 값을 참조 -> 새로운 ... 리다기리액트를다루는기술리다기