React
Html 입력 엘리먼트의 숫자 입력
2024-06-09
2분 소요
HTML에서 숫자 입력을 받을 때, 보통 <input type="number">을 사용해 왔습니다. 하지만 프로젝트 진행 중 증가/감소 스피너 제거 및 0이 아닌 비어있는 기본값 설정 등 몇 가지 성질을 변경할 필요가 있었습니다. 그래서 <input> 엘리먼트에 대해 조사를 해보던 중, 몇 가지 재미있는 게시글을 발견했습니다. 그 게시글들에 의하면, <input type="number">에는 몇 가지 문제가 있으며, 다른 입력 방법을 사용하는 ...
TypeScript React.js에서 useRef Hook 사용하기
2022-01-04
5분 소요
useRef Hook useRef는 .current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref 객체를 반환합니다. 반환된 객체는 컴포넌트의 전 생애주기를 통해 유지될 것입니다. 출처 - Hooks API Reference - React React Hook은 React v16.8부터 추가된 기능으로 함수형 컴포넌트에서도 상태 관리 등을 할 수 있도록 합니다. 지금까지 useState나 useEffect Hook...