useFormContext(react-hook-form)사용해보기 with DaumPostcodeEmbed
주소값을 다양한 곳에서 받기때문에 주소 Form hook 만들기를 시도해보았다...! 신세계.. 훅으로 만드는 이유는 여러곳에서 사용되어야 하는 경우가 주된 이유일 것으로 생각이 든다.이때 useFormContext 훅을 사용하면 컨텍스트에서 register와 error 직접 접근할 수 있도록 해준다. 이때 사용할 수 있는 라이브러리로 react-hook-form 이다. 🔧설치 명령어// react-hook-formyarn add react-hook-form// DaumPostcodeEmbedyarn add react-daum-postcode 내가 작성한 코드를 기준으로 설명을 풀어가보도록 하겠다...!! 셋팅..?처음 사용하기 위해서는 다음과 같은 셋팅이 필요하다.useFormContext에서 제..
TIL
2024. 5. 20. 23:18
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Warning: Each child in a list should have a unique "key" prop.
- simple Icon 사용방법
- readme작성해보기
- 에러모음집
- Warning: A component is changing an uncontrolled input to be controlled.
- styled component 사용방법
- axios 설치하기
- axios CRUD
- styled component GlobalStyle 사용방법
- nextjs 토큰 만료처리하기
- axios 사용하기
- readme 역할
- styled component 설치방법
- axiosinstance 사용 시 토큰 사용 법
- 별점만들기
- readme 이미지 추가 방법
- 별점 색채우기
- styled component 조건부 사용방법
- readme 작성 방법
- axios instance 작성하기
- git cache
- Warning: validateDOMNesting(...): <li> cannot appear as a descendant of <li>
- readme 작성해야 하는 이유
- Fetch와 Axios 의 장단점
- 영화 별점
- 유효성검사 css
- 영화별점만들기
- 유효성검사
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함