# yup

28개의 포스트

main-프로젝트/ 회원가입 유효성 검사

아직 서버 연결이 되지 않아서 기다리는 겸 유효성 검사 부분 코딩을 먼저 진행했다. typescript로 진행하는 것은 처음이어서 검색을 하던 중, yup 이라는 좋은 라이브러리를 발견했다react-hook-formyup@hookform/resolvers다음 명령어를

2022년 9월 17일
·
0개의 댓글
·
post-thumbnail

24일차-2) [REACT/JS] react-hook-form / yup

react-hook-form > 우리는 이전까지 state를 직접 만들고 onchange함수도 일일이 만들어서 바인딩해주었음. 그러나, 폼 라이브러리를 이용하면 더이상 이러한 코딩을 하지 않아도 된다. 폼 라이브러리에는 react-form, redux-from, re

2022년 8월 6일
·
0개의 댓글
·

검증 라이브러리(yup)

검증 라이브러리로 대표적인 것이 yup 입니다.

2022년 7월 7일
·
0개의 댓글
·
post-thumbnail

Formik과 Yup을 사용하여 input validation 간편하게 처리하기

언제까지 util/validate.js 만들어 사용할꺼야

2022년 6월 14일
·
0개의 댓글
·
post-thumbnail

Day-24 useApolloClient, form, yup, 정규표현식

기존에는 useQuery를 사용해서 데이터를 불러오는 방법을 사용을 했다.하지만 useQuery는 내가 원하는 시점에서 데이터를 불러오지 않고 그 페이지가 실행되면 바로 불러와지기 때문에 axios를 이용하여 원하는 시점에 불러오면 되지만 axios는 rest 방식이므

2022년 6월 10일
·
0개의 댓글
·
post-thumbnail

24) Yup,, 왜 이제 알았는지?

Algorithm Self Study, Common-Component, Control Components, Non-Control Components, react hook form, useApolloClient, use query, yup, Algorithm Class

2022년 6월 10일
·
0개의 댓글
·
post-thumbnail

코드캠프 FE 24일차 - TIL(useApolloClient,React-Hook-Form,Yup,Common-Component)

학습목표UseQuery를 axios처럼 사용할 수 있대 >> useApolloClient폼을 자동으로 >> React-Hook-FormValidation 라이브러리 >> Yup재사용을 위한 공통컴포넌트 >> Common-Componentjsx가 있으면 하이오더 컴포넌트

2022년 6월 10일
·
0개의 댓글
·

[next + emotion + react-hook-form + yup](외부 검증 라이브러리) 회원가입 폼 만들어보기

react-hook-form + yup(외부 검증 라이브러리) 회원가입 폼 만들어보기

2022년 4월 20일
·
0개의 댓글
·
post-thumbnail

CodeCamp 24일차

여러가지 쿼리 방식 useQuery : 요청을해서 data를 받아오면 알아서 자동으로 그려줌 useLazyQuery : 어떠한 함수를 실행할 때 요청 이후 동작은 useQuery와 동일 useApolloClient : 데이터를 가져온 후에 변수에 담거나 알아서 가공해

2022년 4월 14일
·
0개의 댓글
·
post-thumbnail

24일) useQuery로 바로 안불러오고 useApolloClient로 axios처럼 원하는 위치에서 data 불러올래요! YUP! react HOOK! code camp FE 6기

오늘의 알고리즘 문제 ! 마지막에 갓범수님한테 int의 범위에 대해 듣게되고 맞추었다...!숫자의 타입 정리해놓차오늘 배울것요청과 그림을 그려주는 부분(리렌더링) 모두 자동 화면이 그려질때 요청이가고 , data로 받아오고 자동으로 그 데이터를 가지고 화면에 그리게 된

2022년 4월 14일
·
0개의 댓글
·
post-thumbnail

react-hook-form + yup으로 폼 만들기

리액트를 사용하여 회원가입, 로그인 및 로그아웃 등을 구현할 때 formik, react-hook-form 등의 라이브러리를 활용해서 비교적 간단하게 만들어볼 수 있다. 이번 프로젝트에서는 react-hook-form과 yup을 사용해 폼의 유효성 검사를 진행했고, 다

2022년 3월 10일
·
0개의 댓글
·
post-thumbnail

[React] Formik & Yup

formik & yup

2022년 3월 7일
·
0개의 댓글
·
post-thumbnail

20220216_TIL : 가독성 좋은 코드 작성을 위해서는 ?

Graph-ql을 사용하면서 데이터를 조회할 때 원하는 시점에서 실행할 수 있게 하는 query들이 있다. useLazyQuery : 지정한 이벤트의 실행 여부에 따라 Query가 실행 useApolloClient : 지정한 이벤트에서 실행이 되고 관련 데이터를

2022년 2월 16일
·
0개의 댓글
·

코드캠프 부트캠프 24일차

쿼리는 컴포넌트가 열리면 실행되는 useQuery,원하는 시점에 실행 해줄 수 있는 useLazyQuery,axios처럼 원하는 위치에서 받을 수 있게 도와주고 결과를 내가 원하는 변수에 담아 줄 수 있는 useApolloClient원하는 시점에 query요청을 보내고

2022년 2월 16일
·
0개의 댓글
·

🌕 TIL 0216

[useApolloClient] [react-hook-form] [Yup]

2022년 2월 16일
·
0개의 댓글
·

YUP 사용하기

일단 터미널에 yup을 설치해준다. yarn add yup 그리고 hook과 yup을 연결시켜줄 라이브러리도 설치해준다. yarn add @hookform/resolvers yup 잘뜬당..

2021년 12월 4일
·
0개의 댓글
·

[TIL] 10월 7일 ReactHookForm(yup)

게시글 입력, 로그인, 회원가입 등의 과정을 구현하면서 공통적으로 사용되었던 내용들중 하나가 바로 검증이다. 이메일 입력부분에 입력이 되었는지, '@'가 필요한지, 최소 자리수를 만족하는지 등등 이러한 조건들을 사용하려면 if문으로 제어를 해줘야 했고, 정규표현식을

2021년 10월 11일
·
0개의 댓글
·
post-thumbnail

yup 라이브러리

yup 라이브러리 설치방법 , 쓰는방법 설명

2021년 10월 7일
·
0개의 댓글
·