화면 구현
화면을 아래처럼 구성한다.
pages/sign-up/SignUp.tsx
입력필드는 4가지이다. email, name, 그리고, password는 동일한 값인지를 확인하기 위해서 2개를 추가한다.
Formik에는 이 4개의 입력필드의 초기값을 initialValues에 설정한다.
폼을 controlled component로 만들어 주는 요소는 Form.Control에 name 속성이다. 이 name 값들은 initialValues의 키 값들과 일치해야 한다. 이 것만 기억하면 나머지 것들은 어려울게 없다.
그리고 validation은 Formik의 validationSchema에 설정한다.