[React hooks] - useState, useEffect
·
React
Hook?처음에 React는 클래스 컴포넌트로 컴포넌트를 관리했다. 클래스 안에서 componentDidMount, componentDidUpdate, componentWillUnmount 라는 함수를 사용해 생명주기에 따른 데이터를 처리했다. 그러다 클래스 컴포넌트보다 더 간결한 함수 컴포넌트가 생겨났고, 함수 컴포넌트 안에서 사용할 수 있는 생명주기 함수가 필요했다. 그래서 생겨난 것이 Hook 개념이다. 아래는 버튼을 클릭하면 count 변수의 값이 1씩 증가하는 예제 코드이다. 첫번째가 클래스 컴포넌트로 작성한 코드이고 두번째가 함수 컴포넌트인데, 한눈에 봐도 함수 컴포넌트가 더 간략한 것을 볼 수 있다.import React, { Component } from "react";class Class..