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
- react
- NextJS
- 공익 훈련소
- 비동기 병렬처리
- 자바스크립트 순수함수
- next.js toast
- 오블완
- 사회복무요원 훈련소
- resolved to branch.
- svgr
- no-use-before-define
- styled-component
- The above error occurred in the
- query param
- react toast
- localStorage
- 리액트 라이프사이클
- sessionStorage
- 자바스크립트
- angular
- 훈련소 후기
- 훈련소
- 리액트
- 오라클클라우드
- 산업기능요원 훈련소
- useformstatus
- server action
- react life sycle
- 리액트 알림
- useRouter
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