Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 알고리즘문제풀이
- Next.js13
- react
- stack문제
- leetcode
- JavaScript
- til
- 프론트엔드
- 자바스크립트 문제 풀이
- 타입스크립트
- 자바스크립트코딩테스트
- next13
- 자바스크립트 연결리스트
- JS
- NPM
- Next
- 제로베이스
- leetcode문제풀이
- HTML
- lodash
- 자바스크립트 문제
- CSS
- 리액트
- 자바스크립트
- 자바스크립트 문제풀이
- 자바스크립트 알고리즘 문제
- Baekjoon
- 자바스크립트 알고리즘
- 프로그래머스
- 리액트쿼리
Archives
- Today
- Total
목록usecostom (1)
코드노트
REACT Hooks 노트 custom hook (form control)
자바스크립트에서도 반복되는 로직들을 함수로 만들어서 사용했듯이 리액트에서도 컴포넌트 단위로 만들다보면 반복되는 로직이 발생한다. input Validation 같은 예를 볼 수 있을 것 같다. 이번에 진행중인 프로젝트중에서 form control 중에서 컴포넌트 안에 사용되는 함수가 많다보니 코드가 너무 길어졌다. 관련하여 custom hook를 적용해보는걸 기록해보려고 한다. 리액트 공식문서에도 form관련 라이브러리를 보여주지만 사용하는 값들을 반환해주는것들이 비슷하다보니 이해하고 넘어가면 도움이 될것 같다. 사용하는 방법은 간단하다. function use만들이름 () { // ... } - use를 앞에 붙여주고 함수이름을 만들면 리액트훅처럼 사용할 수 있다. Custom Hooks 사용전 코드 ..
Code note/리액트
2023. 3. 13. 01:27