기존의 Class 방식의 코드를 함수방식으로 수정하는 작업을 진행하였습니다. 함수 방식으로 AJAX를 구현할 때 다음과 같이 주의할 점이 있습니다. 함수 방식에서는 렌더 이후에 작업이 진행되어 비동기적으로 실행되는 fetch API를 사용하면 충돌이 발생하여 무한 루프가 발생하게 됩니다. 그러므로 함수 useEffect의 사용과 두번째 인자를 사용하여 clean up 작업을 진행해야 합니다. 함수에서 map함수 사용시 렌더가 진행된 후에 수정(Hooks)이 이뤄지기 때문에 원형을 수정할 수 없습니다. 따라서 새로운 배열이나 변수를 선언하여 함수를 진행해야하며 반복이 꼭 필요한 경우 forEach()문을 사용해야 합니다. 기존 클래스 방식의 코드 더보기 import React, {Component} fro..