<aside> 👨🏻‍💻 2주 동안 진행된 과제 중에서, 꼭! 리팩토링 하고 싶은 부분을 선정하여 수정해주세요.

                         **자란다 - 권한관리와 대시보드 - 회원가입 페이지**

</aside>

• 리팩토링 전 (무려 500줄이 넘는다...)

wanted-preonboarding-subject-3/SignUp.js at master · SeongsangCHO/wanted-preonboarding-subject-3

• 리팩토링 후 (코드가 350줄로 줄여졌다. 동일한 기능을 수행하는데 1/3은 무의미한 코드였다)

wanted-preonboarding-subject-3/SignUp.js at master · daeun-react/wanted-preonboarding-subject-3

⚠ 리팩토링 전, 무엇이 문제인가

리팩토링 하기 전, 수정이 필요한 부분 아래와 같이 정리해보았습니다.

✅ 회원가입에 필요한 엘리먼트를 전역변수로 관리하기

• 기존 코드는 회원가입 시 새로운 항목이 추가/삭제될 때마다 전체 코드를 다시 봐야 함

✅ 전체적인 마크업 수정

• 회원가입 페이지에 Input 컴포넌트가 많은데 나열하다 보니 코드가 길고 가독성이 떨어짐

✅ 스타일링 코드 수정

• 스타일링을 위한 불필요한 마크업이 존재하며, 반복적인 코드가 나열되어 사용됨

✅ 변수에 대한 고려

• 네이밍 수정 및 불필요하게 만들어진 변수 삭제하기