마이그레이션 진행 순서에 문제가 있습니다.

Question

현재 React 기반으로 구현을 진행한 웹 프로젝트를 Next 13 버전으로 마이그레이션을 진행하려고 합니다.
예전에 작성된 코드라 파일 구조도 엉망이고 쓸모없는 훅을 사용하거나 불필요한 재렌더링을 유발하는 코드가 많아 몇몇 부분들은 다시 작성해야하고 리팩토링도 진행할 계획입니다.
또한 상태 관리 툴도 사용하지 않은 상황이라 상태 관리 툴을 적용시키는 작업도 해야합니다.
그런데 여기서 먼저 마이그레이션을 진행한 뒤에 다른 작업들을 진행할지 마이그레이션을 가장 마지막에 진행할지 고민입니다.

첫 마이그레이션이다보니 조금이라도 현명하고 효율적인 방식으로 접근해보고 싶습니다.

어떤 방식으로 진행하는 것이 좋을까요?

백승훈 · Answer

리액트에서 Next로 옴기는 것이 우선 되어야 될 것 같습니다. 다른 작업을 우선한다 하여도 기반 자체가 바뀌어 다시 코드를 고려해야 할 수 있습니다.

기간이 정해지지 않은 경우 먼저 큰 틀인 리액트를 바꾸는 것부터 상태 관리등을 분리해서 작성해 보시고 나머지 코드 리펙토링(최적화)를 진행하시는 게 좋습니다.