useImperativeHandle
-
React HOC (Higher Order Component) 디자인 패턴Front-end/React 2023. 12. 5. 00:33
Loado V2 (https://loado-v2.vercel.app/) 로스트아크 시세확인 및 재련시뮬레이션 프로젝트를 진행하면서 여러 타입의 input을 만들어야 할 이유가 있었습니다. 프로젝트 화면 이 프로젝트에서 따로 개발해야 할 Input 컴포넌트는 아래와 같습니다. InputDefault -> 기본 input 컴포넌트 InputDefaultNumber -> 숫자만 입력받을 수 있는 input 컴포넌트 InputSearch -> input안에 검색 아이콘이 있는 input 컴포넌트 InputWithIcon -> input과 여러 아이콘을 조합할 수 있는 input 컴포넌트 기본적으로 Semantic UI React라는 UI library를 base로 따로 customizing하여 컴포넌트를 개발했..