본문 바로가기

728x90

form3

[React Native] React Hook Form 사용해 보기 (Using React Hook Form) 안녕하세요 Foma 입니다! 저번 시간에 Form을 만들어 해당 Screen에 정보를 전달하는 방법에 대해 정리해 보았는데요. (해당 코드를 기반으로 진행되니 아직 안보신 분들은 여기 에서 보고와 주세요!) 간단하고 더 효율적으로 Form을 만들 수 있는 라이브러리가 있어 사용해 보고 글을 정리하려고 합니다! 바로 시작할게요~! 언어는 TypeScript, 환경은 Expo로 진행 하겠습니다! React Hook Form이란? React Hook Form은 Form을 사용 하기 쉽게 만든 라이브러리입니다. 공식 홈페이지에선 한 줄로 "유용하고 확장 가능하며 사용하기 쉬운 고성능 폼 검증 라이브러리" 라고 소개합니다. 장점은 아래와 같습니다. 더 자세한 내용을 알고 싶다면 공식 홈페이지로 가서 확인해 보시길.. 2022. 6. 22.

[React Native] Form Component 만들어 Screen에 적용해 보기(Apply Form Component to Screen) 안녕하세요 Foma 입니다! React Native에서 Form을 만들어 해당 Screen에 정보를 전달하는 방법에 대해 정리해 보도록 하겠습니다. 바로 시작할게요~! 언어는 TypeScript, 환경은 Expo로 진행 하겠습니다! AddPersonForm.tsx 먼저 사람을 추가하는 Form을 만들어 보겠습니다. PersonFormType Form에 들어갈 프로퍼티들을 정의해 줍니다. export type PersonForm = { name: string; age: string; gender: string; }; PersonProps Form의 프로퍼티의 type을 정의해 줍니다. 제출 하였을 때 PersonForm을 파라미터로 받는 함수를 만들어 주겠습니다. type PersonFormProps = .. 2022. 6. 22.

[Angular] 회원가입 입력화면 만들어보기 (Register Validation Form) 안녕하세요 Foma 💻 입니다. 오늘은 회원가입을 할 때 정해진 규칙에 맞는지 여부를 검사하는 화면 폼을 만들어 보겠습니다. 바로 시작할게요~ Set up angular material 앵귤러에서는 머터리얼 디자인된 UI 컴포넌트들을 제공합니다. 아래 사이트를 이동하시면 여러 컴포넌트들을 사용하는 방법과 API를 확인할 수 있습니다. Angular Material UI component infrastructure and Material Design components for Angular web applications. material.angular.io 터미널에 angular material을 설치해 줍니다. ng add @angular/material 설치가 완료된 뒤에 몇가지 추가적으로 설치할 건지.. 2022. 3. 24.

이전 1 다음

728x90

티스토리툴바