EgoryCat

기존 프로젝트에서 패키지 매니저를 업데이트 하고선 콘솔에 저런 warning 메세지들이 주루룩 났다. warning이지만 콘솔이 너무 지저분해서 찾아봤는데 styled-components쪽 문제였고 2019년에 발생했다가 고쳐진걸로 보인다. 혹시 해서 styled-components 버전을 보니 6.0.0-rc.1 로 받아졌고 혹시 해서 5.3.10으로 다운그레이드 하고 나니 warning이 없어졌다. 최신버전에서 다시 발생 해결방법: 1. 다운그레이드.... 2. withConfig ( {shouldForwardProps: () => false} ) ` .... `

react-form-hook 의 공식 예제들을 보면 컴포넌트들에 validation 설정과 에러메세지들이 주렁주렁 달려있는걸 보게 된다. {errors.mail?.message} ... react 하면서 좀 지저분하다고 느낀 부분이 html render 부분에 로직이 많이 들어가고 jquery 사용하는 느낌이랄까... 그래서 yup을 같이 쓴 걸 보고 이거다 싶었다. https://www.npmjs.com/package/yup yup은 이름이 직관적이지 않다. 'Yup is a JavaScript schema builder for value parsing and validation' 이번에 개발하면서 좀 복잡했던 패스워드 validation를 정리해봤다. 패스워드 조건은 const passwordErrM..

전에 포스팅을 보면 알겠지만 react 경험을 앞으로 정리 할 것 같다. 검색조건 select box를 만드는데 validation을 편하게 하기 위해서 react-select에 react-form-hook의 controller를 입혔다. const useFormReturn = useForm({ mode: 'onChange' }) ... const makeSubmitHandler = ({ useFormReturn }: { useFormReturn: UseFormReturn }) => { return useFormReturn.handleSubmit(async fieldValues => { console.log(fieldValues) }) } ... const submitHandler = makeSubmit..