리팩토링 계획

📆 프로젝트 기간 2021.10.15 ~ 2021.11.3

 

프로그래머스 프론트엔드 데브 코스에서 진행 한 2주간의 프로젝트가 끝이 났다.
약 2주간의 기간 동안 기획부터 개발까지 이루어졌다. (백엔드 API 기능은 제공)

 

개발된 페이지 일부 화면!

 

우리 팀의 목표는 제공된 필수 기능을 모두 구현하는 것을 목표로 두었다.
기능 중심적 개발을 도입하기 위해 Top-Down 방식으로 개발을 진행하였다.

프로젝트 기간이 끝난 뒤, 다시 프로젝트를 들여다보니,
기능 구현에 급급하여, 컴포넌트 관리 및 최적화 작업이 하나도 이루어지지 않았다.
한 컴포넌트에서 api 요청과 개발 로직을 다 때려 박안 대참사 코드가 되어있었다.

가독성이 매우 떨어진다...

 

지금까지 리액트를 사용하면서 어느 정도 기능 구현에는 자신이 있었지만,
컴포넌트 분리에 신경 쓰거나, 최적화를 생각해 본 적이 없었다.

이번 기회에 리팩토링을 하면서, 리액트를 보다 깊게 이해하고 싶었고, 컴포넌트 관리를 통해
실무적인 프로젝트로 탈바꿈 하고 싶어서 리팩토링을 계획했다.
리팩토링을 원하는 다른 동료들과 함께 스터디를 꾸려 피드백을 통해 서로 보완해 나가기로 계획했다.

(+ 멘토님의 조언)

그래서 리팩토링 계획은 다음과 같다.!
기능을 더 개발하기보다는 지금까지 개발한 것들을 조금 리액트의 특징에 맞게
리팩토링할 계획을 세웠다.

 

1. API 모듈 분리화
2. 컴포넌트 분리
3. 컴포넌트 최적화
4. 로직 및 기능 개선