
눈 깜짝할 새에 프로젝트는 마무리되어 가고 있었다 ?
진행 중인 프로젝트의 큰 기능들은 대부분 구현을 완료하였기에 다음 작업 전까지 코드 개선과 리팩토링을 고민하는 시간을 가지게 되었고, 이에 대해 정리해보려 한다.
# 내가 짠 코드 개선해보기
이전엔 React와 Typescript를 공부해보고 알아가는 연습을 했다면, 이후엔 내가 작성한 코드를 복습해보면서 더 효율적이고 최적화하기 위해 고민할 시간이 필요하다고 생각한다. 처음 구현할 때부터 좋은 코드를 작성할 수 있다면 '굳이?' 일 수 있겠지만, 점점 더 성장하기 위해서는 개발자에게, 그리고 배우고 있는 나에게는 꼭 필요한 과정이라고 느꼈다. 다행히 민우님께서 테스트 전까지 내 코드를 되돌아보고 개선해볼 수 있는 시간을 주셔서 그동안 구현하면서 효율과 상관없이 짰던 코드들을 살펴보게 되었다.
- 회원 등록 코드 리팩토링해보기
회원 가입을 관리하는 코드 중 일부이다. 이전에는 아래와 같이 회원 가입 폼에 넣어야 하는 필드들에 대해서 <FormControl>라는 태그를 동일한 구조로 각 10줄씩 6개나 작성했었다. 분명 짧게 코드를 작성할 수 있다고 생각(..)은 했지만, 최적화하는 작업은 좀 미루고 있었다 ?
코드 개선 사항
- 필드 값 배열로 관리하기
- 유사한 구조의 코드들이기에 각 필드들의 속성과 값들을 배열로 관리하였다.
- inputList배열을 map을 이용하여 반복해서 리턴해주는 형태로 코드를 개선하였다.








