[Revisit Project] React에서 form을 다루는 Best Case는 무엇일까?

1. 고민의 시작 Plantopia라는 식물 관리 어플리케이션을 만들면서 식물 등록을 위한 form을 다루게 되었다. 처음 코드를 작성할 때는 여러 개 state를 두고 각각에 onChange 함수를 두는 방식으로 작성했다. 또한, 에러 역시 하나하나 조건을 걸며 작성해야하는 것 또한 반복되었다. 프로젝트 당시 작성을 하면서도 여러번 반복을 하는 코드를 적는 것에 심적으로 불편했다. 하지만, 프로젝트를 할 때는 3주 밖에 안되는 시간에 기획부터 시작하려니 이런 고민을 더 이어나가지 못했는데 프로젝트가 끝난 후 form을 다루는 좋은 방법을 찾아나서게 되었다. 2. 고민 해결의 과정 처음 코드는 아래와 같았다. 고민 - 1 . 중복된 코드로 코드 길이가 길어지고 가독성이 떨어지는 문제 const [sear..

2023.09.29