react JS, antD를 통해 화면 UI 구현했다. Form을 통해 입력을 control하는데 한 파일에 모든 input을 넣으니 복잡하고 나중에 수정하기도 힘들 것 같아 각 영역에 대해 컴포넌트화하는 것에 대해 생각해보았다. 컴포넌트화하고 나서도 Form이 제대로 적용되어 완료 버튼 클릭 시 입력 안한 사항에 대해 error text가 나오는 걸 확인할 수 있었다. 그래서 나머지 등록 영역도 컴포넌트화하여 구현하였다.

ant design을 통한 개발을 익숙하지 않아서 하나하나 작업하는데 오래 걸리고 있지만 시간이 지날수록 점점 나아질 것 같다. 도로명 주소를 받는 input이 있는데 찾아보니 다음(카카오)에서 지원하는 라이브러리가 있어서 이 부분은 react-daum-postcode 를 사용하여 해결할 수 있을 것 같다.