React _커스텀 HOOK: useInput (react에서 input창 쉽게 설정하기)

**커스텀훅은 useInput과 같이 'use' 로 시작하는 단어로 함수를 만들어 사용할 수 있다.

 

useInput을 쓰지 않았을 때와 작동하는 기본원리는 같음.

하지만 useInput 함수 안에서 한번에 state와 onChange 메서드를 관리 할 수 있다.

그리고 함수로 만들었기 때문에 재사용성이 높다.

 

 

 

커스텀 훅은 HOOK의 원리를 이용해서

리팩토링하는거라고 생각해도 될듯.

 

vanilla javascript 코드 짤때에도 함수의 중복성을 줄일 수 있으면,

함수로 묶고 매개변수를 주듯이,

커스텀훅도 같은 원리.

 

 

 

유효성체크까지 더한 경우. 10글자까지만 입력되도록 설정(maxLen).