[미션1] TextField 컴포넌트를 구현하라

[bytrustu]

https://www.figma.com/file/XSC4tRBxNv7kAsJw5dJOZI/learn-frontend-skill?node-id=0%3A1&t=jwPMQchQMGYS9lq0-0

목표

Input 컴포넌트 구현
useInputHooks 구현

요구사항

1. 제공 된 피그마 Input 컴포넌트 요구사항 구현
   • label (label 클릭시 input focus)
   • placeholder
   • hover
   • focus
   • readOnly
   • disabled
   • error
2. useInputHooks 구현
   • 함수의 매개변수로 초기 값을 넘겨주고 value, onChange, reset을 리턴하도록 구현한다.
3. useInputsHooks 구현
   • 함수로 제네릭 타입과 초기 값을 넘겨주고 value, onChange, reset을 리턴하도록 구현한다.

branch
mission1/shinjungoh

    <TextField
        label="label1"
        id="label1"
        onChange={() => {}}
        value=""
    />
    <TextField
        label="label2"
        id="label2"
        name="label2"
        onChange={() => {}}
        value=""
    />
    <TextField
        label="label3"
        id="label3"
        name="label3"
        onChange={() => {}}
        value=""
    />
    <TextField
        label="label4"
        id="label4"
        error
        errorMessage="오류가 발생했습니다."
    />