보호되어 있는 글입니다.

1. 다음 페이지로 이동하기 Navigator.push( context, MaterialPageRoute(builder: (context) => SecondPage()), // 이동하려는 페이지 ); 2. 현재 화면 종료 Navigator.pop(context); 뒤로가기시 사용하면된다. 3. Named Route url주소처럼 각페이지마다 라우트 이름을 지정해준다.

한 컴포넌트에서 생성과 수정 모드를 함께 작업하다보니, defaultValues를 업데이트 시켜야하는 경우가 많았다. 수정모드일땐 props로 받아온 데이터를 넣어주어야하고, 생성일땐 빈값을 넣어주어야한다. defaultValues는 최초 렌더링시에만 값이 들어가기때문에, 'edit'이라는 state가 변할때마다 리렌더링되면서 defaultValues도 업데이트될거라고 생각했는데, 생각처럼 잘 되지않았다. reset()을 사용하는것보다 defaultValues를 사용하는 것이 성능적으로 나을것이라 판단하여 최대한 reset()사용을 지양하고있었는데 구글링은 계속 reset()을 사용하라는 의견뿐이었다. useForm Performant, flexible and extensible forms with ea..

서비스 개발시 form은 필수적으로 활용될 것이다. 로그인 같은 경우도 정말 단순한 기능같지만, 실제로 개발자는 데이터 핸들링, validation체크, 에러 팝업, 데이터 submit 등 많은 것들을 고려해야한다. 이때 React Hook Form이란 라이브러리를 사용하여 훨씬 효율적인 코드를 짤 수 있다. npm install react-hook-form import { useForm } from 'react-hook-form' 1. useForm()이 return해줄 객체를 담을 변수를 생성한다. const form = useForm(); Register useForm hook이 제공하는 여러 method가있다. const { register } = form const { name, ref, onC..

보호되어 있는 글입니다.