EditSeriesPage컴포넌트에서 데이터를 불러와, seriesForm컴포넌트에 전달해주도록 리팩토링 했다. (원래는 seriesForm컴포넌트로 분리되지 않고 EditSeriesPage에 직접 로직이 들어가 있었다)
그런데 부모 자식 간의 렌더링, 상태 변화 과정이 이해가 가지 않았다.
부모, 자식 컴포넌트 렌더링/재렌더링, useEffect실행, 비동기 함수 실행의 순서 등등..
리액트 라이프 사이클에 대해 자세히 공부해야겠다는 생각이 들었다.
리팩토링을 하면서 중복 코드를 제거하고 컴포넌트를 정리하는 중인데 생각보다 시간이 꽤 오래 걸린다.
추상화라는게 확장을 고려해 여러 경우를 생각해야해서 머리를 잘 굴려야하는 것 같다.
시리즈, 아티클 각각 작성/수정 페이지의 코드가 엄청난 중복을 제거한게 가장 후련하다.
프로젝트 기간에는 마음이 급해서 어떻게 수정해야할지 떠오르지도 않았고 시간도 없어서 방치해놨었는데,리팩토링 기간에 찬찬히 살펴보면서 수정해보니 생각보다 그렇게 어려운 작업은 아니었다.
#프론트엔드