210325 개발일지(108일차) - React Class Component → Function Component로 Refactoring하기

이제 Class Component는 한 물 갔다고 한다. 앞으로는 Function Component를 활용하면 된다.
Function Component가 새로 나온 것은 아니나, 기존에 Function Component로 해결할 수 없던 state 관리를 React Hook을 활용해서 관리할 수 있게 되면서 이제 Function Component를 활용하도록 권장한다고 한다.

순서는 아래와 같다.

1. class component 선언부 function component 선언으로 바꾸기

2. state를 "const"활용하여 나누기

3. this 없애기

4. 함수 이름에 function 붙여주기

5. setState 대신 useState 사용하기

6. componentDidMount 대신 useEffect 사용하기

~~지속 업데이트 예정입니다 !