250x250
반응형
- Today
- Total
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 | 31 |
Tags
- server action
- 리액트
- 공익 훈련소
- 리액트 알림
- 비동기 병렬처리
- next.js toast
- useRouter
- resolved to branch.
- react life sycle
- The above error occurred in the
- styled-component
- NextJS
- 자바스크립트 순수함수
- react
- query param
- svgr
- sessionStorage
- localStorage
- no-use-before-define
- 사회복무요원 훈련소
- angular
- 오블완
- 훈련소 후기
- 훈련소
- 오라클클라우드
- 자바스크립트
- 리액트 라이프사이클
- useformstatus
- react toast
- 산업기능요원 훈련소
Archives
목록useRef (1)
아 그거 뭐였지
[React] Input 여러개 최적화하기.useRef
회원가입 페이지처럼 input 창이 여러개인 페이지에서 사용할수있는 방법이다. 기존에 많이 사용하는방법인 객체로 만들어서 input태그에 name값이나 해당 input이 무엇인지 판별한 값을 준다음 useState로 값을 변경하는 방식을 많이 사용하는듯 하다. 이러한 방식은 코드 관리차원에서는 깔끔하고 좋아보이나 각 input값들이 변경될때마다 재 렌더링 된다는 단점이있다. 해당 방식에서 영감을 얻어서 이를 useRef로 바꿔보도록하자. function Regist() { const [inputs,serInputs] = useState({ userId: "", password: "", email: "", phone: "" });; const {userId, password, email, phone} = ..
Front-End
2022. 9. 25. 23:52