feat: InputForm 컴포넌트 구현

[SongInjae]

📝요구사항과 구현내용

• 작업 내용 1: InputForm 공통 컴포넌트를 구현했습니다.

• 매개변수

  • wrapperWidth: 겉 껍데기의 width -> string => optional
  • labelText: label의 text값 -> string
  • labelId: input과 연결시키기 위한 id -> string
  • inputType: input태그의 type -> 'date' | 'file' | 'number' | 'search' | 'tel' | 'text' | 'time'
  • 그 외에 input에 들어갈 내용을 커스터마이징 할 수 있도록 ...props를 넣었습니다!

input style 커스터마이징하기

const InputFormStyled = styled(InputForm)`
  // 어쩌구 저쩌구
`

input 안에 속성들 넣기

<InputForm value={value} onChange={handleChange} ref={inputRef} />

✨pr포인트 & 궁금한 점

• style 부분에 더 최소화할 수 있는 점이 있는지 봐주시면 감사하겠습니다.

[colorkite10]

수고하셨습니다!