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
- 영화 별점
- axios 설치하기
- styled component 사용방법
- 유효성검사 css
- styled component GlobalStyle 사용방법
- readme작성해보기
- Warning: A component is changing an uncontrolled input to be controlled.
- 영화별점만들기
- styled component 조건부 사용방법
- nextjs 토큰 만료처리하기
- Warning: Each child in a list should have a unique "key" prop.
- 에러모음집
- axios instance 작성하기
- Fetch와 Axios 의 장단점
- axios CRUD
- axiosinstance 사용 시 토큰 사용 법
- readme 역할
- readme 작성해야 하는 이유
- 별점만들기
- readme 작성 방법
- git cache
- styled component 설치방법
- readme 이미지 추가 방법
- Warning: validateDOMNesting(...): <li> cannot appear as a descendant of <li>
- 별점 색채우기
- simple Icon 사용방법
- axios 사용하기
- 유효성검사
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함