1.
기존에 mui로 작업이 완료된 소스에서 formik + yup 라이브러리를 적용하려고 했다. 그런데 생각보다 라이브러리 다루는게 쉽지 않았다. 작업하면서 발생한 문제들을 구글링해서 해결은 했으니 레퍼런스는 충분하다 할 수 있겠지만 그래도 문제가 지속적으로 발생했고 다루기 쉽지 않다는 인상이 크게 남았다.
2.
form 제어가 많아지면 input box 입력 속도가 현격히 느려진다. 눈에 거슬릴 정도로 느려진다. 아래 블로그에 보니 성능 이슈가 있는 듯 하다.
3.
기존 소스에 관련 제어를 추가하고 문제가 됐던 부분들을 해결하다 보니 소스가 간결해지지 않고 복잡도는 비슷해 졌다. 깔끔한 관리와 유지보수의 편의를 위해 적용하려고 했던건데 이러면 도입하는 이유가 없어진다.
4.
결정적인 이유로 form안에 mui select box가 있으면 이유없이 한 번 깜빡거리면서 열린다. select box에 넣은 제어때문인가 해서 빼 봐도 깜빡 거린다. 다른 사람들이 formik+yup+mui로 만든 샘플을 봐도 깜빡거린다. 아마 전체 form을 컨트롤하면서 mui select 부분을 건드리는 것 같다. mui와 궁합이 안 좋아 보인다. 구글링해봐도 해결책이 안 보인다. 사용자의 눈에 거슬리는 부분을 남겨두고서 다른 편의성을 위해 라이브러리를 도입한다는건 말이 안 된다. 그래서 결국 원복.
5.
react-hook-form 을 테스트 해 보고 이것도 답이 안 나오면 validation 커스텀 훅으로 만드려고 한다.
