Input 컴포넌트를 구현합니다.

[Seung-wan]

관련 이슈

• 이슈 번호: #13

변경 사항

• 설명
  • base 브랜치가 main이 아닌 feature/common-components(Button 컴포넌트 구현한 브랜치)입니다!
  • common/Input 폴더 아래에 Input 컴포넌트와 관련된 코드를 작성합니다.
  • 컴포넌트, 타입, 스타일, 스토리, export등 각각의 역할마다 별도의 파일을 두었습니다.
  • prefix, suffix props로 input의 앞, 뒤에 텍스트나 아이콘등을 추가할 수 있도록 하였습니다.
  • 해당 컴포넌트를 사용할 때 추가적인 스타일링이 필요한 경우에는 외부에서 css 속성으로 스타일을 주입할 수 있습니다.

코드 리뷰 시 주의 사항

• 설명: 코드 리뷰 시 집중적으로 봐줬으면 하는 부분이나 논의가 필요한 사항에 대해 설명해주세요.
  • Input 컴포넌트의 Props로 추가적으로 받으면 좋을만한 요소들을 제안주시면 좋을 것 같습니다!

테스트 방법

• npm run dev 명령어로 서버를 띄운 후에 여기에서 인풋 컴포넌트를 확인해주세요.