React 2

[ReactJS] 메모제이션으로 리액트 성능을 올려보자

*깃헙에서 보기: https://github.com/uu29/TIL/blob/main/%5BReactJS%5D%20메모제이션으로%20리액트%20성능을%20올려보자.md 메모제이션(Memozation)이란? 기존 값을 기억해놨다가 특정 액션이 실행된 뒤의 값이 이전 값과 동일하면 이를 재활용하는 기법. Memoized된 내용을 재사용하여 렌더할 시, 가상 DOM에서 바뀐 부분을 확인하지 않아 성능이 향상됨. 메모제이션 전에 꼭 알아야 할 리액트 특징 리액트가 상태관리를 할 수 있는 이유는 가상 DOM을 만들어놓고 값이 바뀔 때 마다 컴포넌트를 새로 그리기 때문. 값을 비교하고 어디서 해당 값을 업데이트해줘야 하는지 찾지 않고 무조건 가상 DOM을 새로 그리기 때문에 상태관리가 쉬운 것이다. 하지만 이렇게 ..

리액트 2021.07.18

[리액트 with 노마드코더] axios 세팅

보통 자바스크립트에서는 fetch를 사용하여 데이터를 가져오지만 fetch보다 더 좋은 것이 axios다. 리액트, 뷰와 같은 프레임 워크 안에서 쓰기 딱 좋다. 오늘 강의는 axios를 쓰기 위한 기본 세팅법을 배웠다. 우선 엑시오스(또는 에이시오스) 설치부터 해야 1. npm i axios 2. import axios from "axios"; [코드 샘플] import React from 'react'; import axios from 'axios'; class App extends React.Component{ state = { isLoading: true, movies: [] }; getMovies = async() => { const movies = await axios.get('https://..

리액트 2020.04.30