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